It is currently Thu 29 Sep 2016 - 15:32 - 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, 35, 6, 715, 16, 17  >

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





PostPosted: Sun 18 Jan 2009 - 20:30    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:

Ah non c'est bon, ca ne bug plus x)

Merciii
Author Message
nirzou


Offline
Guest




PostPosted: Thu 5 Feb 2009 - 11:20    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<link rel="shortcut icon" href=" http://www.picdo.net/Fichiers/52617618c60152cf3abac76017da2491/Warcraft_III___The_Frozen_Throne.ico "><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://img3.xooimage.com/files/0/2/2/wowmoonclaw01-86f974.css" type="text/css" -->
<style type="text/css">
<!--

/* 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://img10.xooimage.com/files/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://img10.xooimage.com/files/c/e/cellpic3-36448.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img10.xooimage.com/files/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://img4.xooimage.com/files/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>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center"><a href="{U_INDEX}"><img src="http://www.generation-upload-fr.com/upload/11454maly copie.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            </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">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_faq-3644d.gif" width="22" height="23" 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://img2.xooimage.com/files/i/c/icon_mini_search-3644e.gif" width="22" height="23" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img5.xooimage.com/files/8/d/7/complots-e1f72.gif" width="22" height="23" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img10.xooimage.com/files/b/a/5/icon_mini_groups-36450.gif" width="22" height="23" 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://img7.xooimage.com/files/i/c/icon_mini_register-36451.gif" width="22" height="23" 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://img5.xooimage.com/files/b/6/9/heal-7f9de7.gif" width="22" height="23" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_message-36453.gif" width="22" height="23" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/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 />


Bonjour à tous voila mon code, et voila les url des images que je veux mettre, je n'ai rien compris au tuto donc si qqun peut me guider svp

Image :
1/ http://moe.mabul.org/up/moe/2009/02/05/img-101833rcptw.png
2/ http://moe.mabul.org/up/moe/2009/02/05/img-101924a6p5z.png
3/ http://moe.mabul.org/up/moe/2009/02/05/img-101949qwhzc.png
4/ http://moe.mabul.org/up/moe/2009/02/05/img-10201314xkz.png


Donc en aléatoire ces images la mais ou placer le code dans le template ??


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 5 Feb 2009 - 11:23    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

bonjour

c'est simples

il suffit de placer ce code

ou tu veux dans le template

mets le à la fin par exemple

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


et tu changes tous les #### par le lien des images que tu viens de mettre ici
_______________________


Forum
Author Message
nirzou


Offline
Guest




PostPosted: Thu 5 Feb 2009 - 11:29    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Code: Sélectionner - Agrandir
<script>
aleatoire=Math.floor(Math.random()*4)
switch(aleatoire){
case 0:document.write("http://moe.mabul.org/up/moe/2009/02/05/img-101833rcptw.png");break;
case 1:document.write("http://moe.mabul.org/up/moe/2009/02/05/img-101924a6p5z.png");break;
case 2:document.write("http://moe.mabul.org/up/moe/2009/02/05/img-101949qwhzc.png");break;
case 3:document.write("http://moe.mabul.org/up/moe/2009/02/05/img-10201314xkz.png");break;
}
</script>


voila le code que j'ai mis tout tout tout à la fin mais marche pas


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 5 Feb 2009 - 11:31    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

c'est normal

pour les images utilises ce code

Code: Sélectionner - Agrandir
<script> function aleatoire(phrases) {
 var length = phrases.length;
 var rand   = Math.floor(Math.random()*length);
 document.write(phrases[rand]);
}
aleatoire([
"<img src='URL IMAGE 1'/>",
"<img src='URL IMAGE 2'/>",
"<img src='URL IMAGE 3'/>",
"<img src='URL IMAGE 4'/>"
 ]);
</script>

_______________________


Forum
Author Message
nirzou


Offline
Guest




PostPosted: Thu 5 Feb 2009 - 11:39    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

ca ne marche pas comme je voudrais, ca me la met en haut (ou en bas si je met le code a la fin) aligner a gauche et au dessus de l'index, hors je voudrais une image d'index aleatoire

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 5 Feb 2009 - 11:40    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

ben dans ton template overall header cherches

Code: Sélectionner - Agrandir
<td><a href="{U_INDEX}"><img src="http://img3.xooimage.com/files/m/y/mylogo-3c942.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>



et tu mets comme ça

Code: Sélectionner - Agrandir
<td><a href="{U_INDEX}">le code</a></td>

_______________________


Forum
Author Message
nirzou


Offline
Guest




PostPosted: Thu 5 Feb 2009 - 11:43    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

nikel merci par contre cadre violet pas beau je rajoute border="0" ?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 5 Feb 2009 - 11:45    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

tu dois les mettre dans les codes ici

Code: Sélectionner - Agrandir
"<img src='URL IMAGE 1'/>",
"<img src='URL IMAGE 2'/>",
"<img src='URL IMAGE 3'/>",
"<img src='URL IMAGE 4'/>"

_______________________


Forum
Author Message
nirzou


Offline
Guest




PostPosted: Thu 5 Feb 2009 - 11:47    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

et voila, perfect merci themalin

Author Message
teamfxd


Offline
Guest




PostPosted: Sat 7 Mar 2009 - 19:21    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

ca marche mais y a un souci car y a la banniere non centré qui est aleatoire et en dessous une centré fixe

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 7 Mar 2009 - 19:24    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Bonjour
Vous devez mettre votre script entre
 
Code: Sélectionner - Agrandir
<center> 
et
 
Code: Sélectionner - Agrandir
</center> 
Pour la bannière fixe vous devez la retirer, elle n'est pas liée au tuto Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
teamfxd


Offline
Guest




PostPosted: Sat 7 Mar 2009 - 19:27    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

j ai ajouter les center donc y en a plus qu'une mais du coup elle reste fixe plus aleatoire

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 7 Mar 2009 - 19:34    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Non elle est aléatoire
Mais comme vous avez que deux bannières vous avez parfois la même 5 ou 6 fois... c'est aléatoire ^^
Mettez d'autres bannières et vous verrez plus l'effet
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
teamfxd


Offline
Guest




PostPosted: Sat 7 Mar 2009 - 19:37    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

j en avais trois lol

en tous cas j ai reussi il manque juste pour image de fond

merci bcp Yskander


Author Message
teamfxd


Offline
Guest




PostPosted: Sat 7 Mar 2009 - 19:39    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

a la suite de tous le code pour les bannieres y

Code: Sélectionner - Agrandir
aleatoire([
"<img src='http://img49.xooimage.com/files/9/0/c/1219609135.jpg-931575.png'/>",
"<img src='http://img21.xooimage.com/files/9/1/0/497090ban_xteam-c03e59.jpg'/>",
"<img src='http://img9.xooimage.com/files/c/6/9/fxd3-a2d247.png'/>",

 ]);
</script></center>
</head>
[color=#ff0000]<body background="http://img4.xooimage.com/files/8/3/4/vampire_rain_-xbox_360--bca860.jpg" bgcolor="#141414" text="#C4F598" link="#3F85B1" vlink="#666666">[/color]
<a name="top"></td></a>


c celle de image de fond on peut pas mettre le meme code!?


Author Message
Contenu Sponsorisé





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

Display posts from previous:   
Reply to topic Page 6 of 17 Goto page: <  1, 2, 35, 6, 715, 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