It is currently Tue 27 Sep 2016 - 03:52 - créer un forum

[Tuto] Une bannière ou une phrase aléatoire sur votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 315, 16, 17

[Tuto] Une bannière ou une phrase aléatoire sur votre forum
Author Message
Nesha





PostPosted: Fri 14 May 2010 - 17:20    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

bonjours, est-il possible de faire ainsi avec la signature ? (si c'est pour un seul nmembre sa na ma dérange pas mais ce serait mieu que tout le monde puisse le faire)

Merci d'avance et je sais que c'est compliqué
Author Message
Tankgath


Offline
Guest




PostPosted: Thu 15 Jul 2010 - 18:55    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Desole du up de deux mois mais c'est possible de changer la taille et la couleur?
Parce que j'ai beau essayer comme pour le gras ca marche pas...


Author Message
Hughs Marc
Membre


Offline
Membre

Joined: 08 Dec 2009
Posts: 21
Niveau:
Point(s): 21
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 猴 Singe

PostPosted: Sat 17 Jul 2010 - 14:39    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Logiquement, ça doit fonctionner comme ça

Code: Sélectionner - Agrandir
<div size="XX" color="#FFFFFF"><script>
aleatoire=Math.floor(Math.random()*#)
switch(aleatoire){
case 0:document.write("######");break;
case 1:document.write("######");break;
case 2:document.write("######");break;
}
</script></div>


Ou tu remplaces XX par la taille de ton choix
et FFFFFF par le code couleur en hexadécimal désiré (ici blanc)
_______________________
Administrateur sur Gundam Neo Generation
Pas d'inscription sur votre forum


Last edited by Hughs Marc on Sat 17 Jul 2010 - 14:53; edited 1 time in total
Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 17 Jul 2010 - 14:42    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Bonjour Hughs Marc
Il y a un > en trop dans votre code.
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Hughs Marc
Membre


Offline
Membre

Joined: 08 Dec 2009
Posts: 21
Niveau:
Point(s): 21
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 猴 Singe

PostPosted: Sat 17 Jul 2010 - 14:53    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Bien vu, merci de l'avoir signalé Very Happy
C'est corrigé Wink
_______________________
Administrateur sur Gundam Neo Generation
Pas d'inscription sur votre forum


Forum
Author Message
Tankgath


Offline
Guest




PostPosted: Sat 17 Jul 2010 - 18:35    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Merci beaucoup (meme si ca ne marche pas)

Author Message
GLAM


Offline
Guest




PostPosted: Mon 11 Apr 2011 - 19:33    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Bonjour j'avais essayé le 1er tuto que vous citez difficile du coup j'essaie le votre, MERCI beaucoup du coup j'ai ENFIN une banniere aléatoire, parce contre une question s'il vous plait, comment faire pour la mettre plus rapide ?
overall_header.tpl
Code: Sélectionner - Agrandir
<center><script type="text/javascript"> function aleatoire(phrases) {
 var length = phrases.length;
 var rand   = Math.floor(Math.random()*length);
 document.write(phrases[rand]);
}
aleatoire([
"<img src='http://img7.xooimage.com/files/8/4/8/110401070648457917-273cdf7.jpg'/>",
"<img src='http://img62.xooimage.com/files/8/d/4/2-2767850.jpg'/>",
"<img src='http://img63.xooimage.com/files/d/7/a/3-276785b.jpg'/>",
"<img src='URL IMAGE 4'/>"
 ]);
</script></center>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img8.xooimage.com/files/s/c/script-906f2.js">
</script>
<!-- link rel="stylesheet" href="http://img4.xooimage.com/files/f/l/flower_of_evil-906f4.css" type="text/css" -->
<style type="text/css">
<!--
/*
  flower_of_evil Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   
   background-image: url;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: top left;
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: #111111;
   scrollbar-highlight-color: #666666;
   scrollbar-shadow-color: #444444;
   scrollbar-3dlight-color: #333333;
   scrollbar-arrow-color:  #777777;
   scrollbar-track-color: #202020;
   scrollbar-darkshadow-color: #222222;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: none; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TH_COLOR1}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TR_COLOR3};
      background-image: url(http://img6.xooimage.com/files/b/a/back_catd-906f5.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img6.xooimage.com/files/b/a/back_title-71eb2.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img10.xooimage.com/files/b/a/back_catg-906f3.jpg);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
   color : {T_FONTCOLOR3};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_FONTCOLOR1};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TH_COLOR3};
}

input { text-indent : 2px;
       background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR2};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</script>
</head>
<body onload="bascule()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            
            </tr><tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
            <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                  <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_index-906f7.png" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_faq-906f8.png" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_search-906f9.png" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_members-906fa.png" width="78" height="52" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-906fb.png" width="72" height="52" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_profile-906fc.png" width="65" height="52" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" width="77" height="52" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_logout-906fd.png" width="122" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                  <!-- END switch_user_logged_in -->
                  <!-- BEGIN switch_user_logged_out -->
                       <a href="{U_INDEX}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_index-906f7.png" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_faq-906f8.png" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_search-906f9.png" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_register-8935b.png" width="111" height="52" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_login-906fe.png" width="103" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                  <!-- END switch_user_logged_out -->
                  </span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br />



Merci a celui ou celle qui prendra le temps de me repondre.


Last edited by GLAM on Mon 11 Apr 2011 - 20:32; edited 1 time in total
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Mon 11 Apr 2011 - 20:19    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Bonjour
Vous avez un guide dans la liste des tutoriels des membres pour apprendre à poster correctement un template car dans le cas présent ce dernier n'est pas exploitable.
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
GLAM


Offline
Guest




PostPosted: Mon 11 Apr 2011 - 20:33    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Bonjour, d'accord merci. J'ai édité mon message.

Author Message
ludo
Membre


Offline
Membre

Joined: 24 Mar 2013
Posts: 4
Point(s): 4
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 5 May 2013 - 18:07    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Bonjour je detere un peu ce tuto!!


je souhaite installer extactement se genre de texte aléatoire sur mon Forum mes dans une fenetre popup des que mes membre arrive sur l'index du forum???


est-ce possible??


je vous remercie par avance !!


Forum
Author Message
Gégé
Membre


Offline
Membre

Joined: 16 Nov 2005
Posts: 306
Niveau:
Point(s): 267
Moyenne: 0.87
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Cancer (21juin-23juil) 龍 Dragon

PostPosted: Thu 23 May 2013 - 19:55    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Salut a l'equipe.

J'aimerai utiliser ce tuto afin d'avoir des bannieres différentes selon le chargement de la page.

Neanmoins, apres essai, la banniere rajoutée via ce tuto vient par dessus celle existante. Il faut donc supprimer l'image actuelle via 'Modifier les images" afin de n'avoir que celles de ce script?

Ensuite, un clic sur ma banniere reconduit directement sur le portail, possible de faire pareil avec ce script?

Merci d'avance.

Gégé.

Edit: Mon script actuel:


 
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta name="google-site-verification" content="MCGdMPkaAuZ0jsqkGt-_eXYz3YZsV05atYmzmhK4ZNY" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<LINK REL="SHORTCUT ICON" HREF="http://www.iconj.com/ico/j/1/j19fie9kum.ico">
<title>{SITENAME} : {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files9/2/0/c/subsilver-2e41fe0.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
 
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px double {T_TH_COLOR2};
 border-radius:5px; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img.xooimage.com/files67/1/b/1/entetes-sous-forum-2e4169e.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img.xooimage.com/files9/c/d/a/sans-titre-1-2dc5079-2dc69bf.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img.xooimage.com/files66/6/4/f/entetes-sous-forum-droite-2e41691.jpg);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color: {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR2};
   border-width:1px;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
   border-width:1px;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
   border-width:1px;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files10/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script type="text/javascript">
<!--
/*
* Le code suivant va apprendre la balise blink à IE
*/
if ( document.all )
{
   function blink_show()
   {
      blink_tags  = document.all.tags('blink');
      blink_count = blink_tags.length;
      for ( i = 0; i < blink_count; i++ )
      {
         blink_tags[i].style.visibility = 'visible';
      }
     
      window.setTimeout( 'blink_hide()', 700 );
   }
   
   function blink_hide()
   {
      blink_tags  = document.all.tags('blink');
      blink_count = blink_tags.length;
      for ( i = 0; i < blink_count; i++ )
      {
         blink_tags[i].style.visibility = 'hidden';
      }
     
      window.setTimeout( 'blink_show()', 250 );
   }
   
   window.onload = blink_show;
}
-->
</script>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
<div style="text-align:center"><a href="portal.php"><img src="http://img.xooimage.com/files72/0/3/8/sans-titre-1-2e56094.png" border="0" alt="Clio RS Concept ® Portail" vspace="1" /></a><br />
                  <br />
               </div>

<div style="text-align:center">
            <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files44/a/9/d/interrogation-1--2e754-1161287.gif" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files28/6/5/2/icon_mini_search-30d7d-11612a8.gif" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img.xooimage.com/files28/c/9/2/icon_mini_members-30d7e-fe3985.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img.xooimage.com/files26/e/c/4/icon_mini_groups-30d7f-11612f4.gif" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img.xooimage.com/files48/5/9/b/icon_mini_register-1161309.gif" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
                  </td>
               </tr>
               <tr>
                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><img src="http://img.xooimage.com/files42/4/e/b/icon_mini_profile-30d81-116132e.gif" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img.xooimage.com/files26/6/e/c/icon_mini_message-30d82-116134b.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}"/><!-- IF PRIVATE_MESSAGE_INFO == "Vous avez 1 nouveau message" -->
<font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 2 nouveaux messages" -->
 <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 3 nouveaux messages" -->
  <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 4 nouveaux messages" -->
  <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 5 nouveaux messages" -->
  <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 6 nouveaux messages" -->
 <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 7 nouveaux messages" -->
  <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 8 nouveaux messages" -->
  <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 9 nouveaux messages" -->
  <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous avez 10 nouveaux messages" -->
  <font color=red><b><blink>/!\ Veuillez consulter votre messagerie /!\</blink></b></font>
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" -->
Vous n’avez pas de nouveaux messages
<!-- ELSEIF PRIVATE_MESSAGE_INFO == "Se connecter pour vérifier ses messages privés" -->
Consulter sa messagerie privée
<!-- ELSE -->
{PRIVATE_MESSAGE_INFO}
<!-- ENDIF --></a>&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files5/8/6/f/iconminilogin30d83hu8-efcb77.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
</tr>
</tr>
            </table>
</div>
      <br /> 


Forum
Author Message
Gégé
Membre


Offline
Membre

Joined: 16 Nov 2005
Posts: 306
Niveau:
Point(s): 267
Moyenne: 0.87
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Cancer (21juin-23juil) 龍 Dragon

PostPosted: Fri 24 May 2013 - 00:04    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

J'ai réussi, ca fonctionne pas mal. Wink

J'ai donc remplacé ca:

Code: Sélectionner - Agrandir
<div style="text-align:center"><a href="portal.php"><img src="http://img.xooimage.com/files72/0/3/8/sans-titre-1-2e56094.png" border="0" alt="Clio RS Concept ® Portail" vspace="1"></a><br>
                  <br>
               </div>


Par ca:

Code: Sélectionner - Agrandir
<div style="text-align:center"><a href="portal.php"><script> function aleatoire(phrases) {
 var length = phrases.length;
 var rand   = Math.floor(Math.random()*length);
 document.write(phrases[rand]);
}
aleatoire([
"<img src='http://img72.xooimage.com/files/0/3/8/sans-titre-1-2e56094.png' border='0'>",
"<img src='http://img97.xooimage.com/files/0/f/7/sans-titre-2-3e68e1d.png' border='0'>",
"<img src='http://img99.xooimage.com/files/5/c/1/sans-titre-4-3e68e31.png' border='0'>",
"<img src='http://img95.xooimage.com/files/0/b/a/sans-titre-3-3e68e2a.png' border='0'>"
 ]);
</script></a><br>
                  <br>
               </div>


Dans mon template "overall_header.tpl"

Merci et bon courage a tous.


Forum
Author Message
tons0026
Membre


Offline
Membre

Joined: 10 Oct 2014
Posts: 6
Point(s): 6
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sat 18 Oct 2014 - 00:20    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Salut a tous voila je viens vers vous car je bloc...
Je voudrais mettre sur mon forum des bannières aléatoire ...
Le problème c'est que lorsque je suis votre tuto Je me retrouve avec 2 banniere et celle qui sont aléatoire ne sont pas centrer...
Comment puis je my prendre ?
Merci par avance .

 
Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files4/w/o/wowmoonclaw01-3644c.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original WoWMoonclaw01 Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img.xooimage.com/files10/c/e/cellpic3-36448.gif);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img.xooimage.com/files10/c/e/cellpic3-36448.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files10/c/e/cellpic3-36448.gif);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR1};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files4/f/o/formie-30deb.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<script type="text/javascript"> function aleatoire(phrases) {
 var length = phrases.length;
 var rand   = Math.floor(Math.random()*length);
 document.write(phrases[rand]);
}
aleatoire([
"<img src='http://img.xooimage.com/files110/2/f/e/banniere1-481f02a.jpg'/>",
"<img src='http://img.xooimage.com/files110/4/c/0/banniere4-4823854.jpg'/>",
"<img src='http://img.xooimage.com/files110/3/c/3/banniere5-481f74e.jpg'/>",
"<img src='http://img.xooimage.com/files110/f/6/0/banniere-3-482385e.jpg'/>"
 ]);
</script>
<a name="top"></a>
<tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td align="center" width="100%" valign="middle">
<a href="index.php"><img src="http://img.xooimage.com/files110/3/c/3/banniere5-481f74e.jpg" border="0" alt="Valence Drôme Index du Forum" vspace="1" /></a></td></tr>
<tr>
<td align="center" width="100%" valign="middle"><span class="maintitle"></span><br /><span class="gen"><br />  </span>

                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files10/i/c/icon_mini_faq-3644d.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files2/i/c/icon_mini_search-3644e.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img.xooimage.com/files10/i/c/icon_mini_members-3644f.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img.xooimage.com/files10/i/c/icon_mini_groups-36450.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img.xooimage.com/files7/i/c/icon_mini_register-36451.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img.xooimage.com/files3/i/c/icon_mini_profile-36452.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img.xooimage.com/files9/i/c/icon_mini_message-36453.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files9/i/c/icon_mini_login-36454.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />




Forum
Author Message
tons0026
Membre


Offline
Membre

Joined: 10 Oct 2014
Posts: 6
Point(s): 6
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sat 18 Oct 2014 - 16:02    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Personne pour maider svp?

Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 436
Niveau:
Point(s): 532
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Sun 19 Oct 2014 - 15:46    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Salut tons0026,

remplace l'intégralité du template OVERALL_HEADER.TPL par :

Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files4/w/o/wowmoonclaw01-3644c.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original WoWMoonclaw01 Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img.xooimage.com/files10/c/e/cellpic3-36448.gif);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img.xooimage.com/files10/c/e/cellpic3-36448.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files10/c/e/cellpic3-36448.gif);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR1};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files4/f/o/formie-30deb.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td align="center" width="100%" valign="middle">
<a href="index.php"><script type="text/javascript"> function aleatoire(phrases) {
 var length = phrases.length;
 var rand   = Math.floor(Math.random()*length);
 document.write(phrases[rand]);
}
aleatoire([
"<img src='http://img.xooimage.com/files110/2/f/e/banniere1-481f02a.jpg'/>",
"<img src='http://img.xooimage.com/files110/4/c/0/banniere4-4823854.jpg'/>",
"<img src='http://img.xooimage.com/files110/3/c/3/banniere5-481f74e.jpg'/>",
"<img src='http://img.xooimage.com/files110/f/6/0/banniere-3-482385e.jpg'/>"
 ]);
</script></a></td></tr>
<tr>
<td align="center" width="100%" valign="middle"><span class="maintitle"></span><br /><span class="gen"><br />  </span>

                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files10/i/c/icon_mini_faq-3644d.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files2/i/c/icon_mini_search-3644e.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img.xooimage.com/files10/i/c/icon_mini_members-3644f.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img.xooimage.com/files10/i/c/icon_mini_groups-36450.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img.xooimage.com/files7/i/c/icon_mini_register-36451.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img.xooimage.com/files3/i/c/icon_mini_profile-36452.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img.xooimage.com/files9/i/c/icon_mini_message-36453.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files9/i/c/icon_mini_login-36454.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />


Sauvegarde, et ton problème sera résolu. Smile

Il fallait placer le script au bon endroit pour que la bannière aléatoire soit centrée, et supprimer la bannière par défaut du thème de ton forum avant d'installer le script afin d'éviter de se retrouver avec deux images.
_______________________
Following members like this message:
Gu!gan (25/10/14)


Forum
Author Message
tons0026
Membre


Offline
Membre

Joined: 10 Oct 2014
Posts: 6
Point(s): 6
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 19 Oct 2014 - 18:25    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Merci bcp sa fonction a merveille et sur le portail et sur le forum un grand bravo !!!

Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 03:52    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum

Display posts from previous:   
Reply to topic Page 17 of 17 Goto page: <  1, 2, 315, 16, 17




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401