Deux fonds, bannière aléatoire ?

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Deux fonds, bannière aléatoire ?

Message par ANZU. Mer 18 Jan 2012 - 14:06

Bonjour tout le monde !

Alors voilà, je vous expose mon problème.

Sur mon forum j'ai deux fonds, c'est à dire un pattern en fond + une bannière de fond.
Et j'aimerais que ma bannière de fond soit aléatoire, que 4 bannières différentes s'affichent aléatoirement lorsque le membre actualise la page.

J'ai déjà regardé sur le forum, des tutos pourraient m'aider mais je n'y connais ABSOLUMENT RIEN en javascript, donc je suis incapable d'adapter le code à ma situation.

Voici la partie de mon CSS qui vous intéresse :
Code:
body {
   
    background-color: #e3ccc9;
   background: url('http://nsa21.casimages.com/img/2012/01/17/120117055901761128.png') top center;
   background-attachment: fixed;
  background-repeat: repeat-y;
  margin-left:8px;
   }

div#background2{
      width: 100%; height: 100%;
      margin: 0px; padding: 0px;
  margin-top: -10px;
  background: transparent url('http://nsa22.casimages.com/img/2012/01/17/120117055640780588.png') top center no-repeat;}


Ainsi que mon template overall_header ( la partie que j'ai modifiée )

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
  <div id="background2"><!--début balise second fond-->
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}
    <center><a href="http://astahi.bbactif.com"><img src="http://i44.tinypic.com/jtxbth.png"></a><br><br><br><br><br><br><br><br>
 </center>
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>
<br><br><br>
            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</div><!--fermeture balise second background--></body>
</html>
<!-- END html_validation -->


J'ai essayé avec ça mais ça me change le pattern de fond et non ma bann de fond ;___;


Merci d'avance à ceux qui se pencheront sur mon problème ! ♥
ANZU.

ANZU.
*

Féminin
Messages : 34
Inscrit(e) le : 29/12/2008

https://forum.forumactif.com/
ANZU. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux fonds, bannière aléatoire ?

Message par ANZU. Jeu 19 Jan 2012 - 17:05

Up ?
ANZU.

ANZU.
*

Féminin
Messages : 34
Inscrit(e) le : 29/12/2008

https://forum.forumactif.com/
ANZU. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux fonds, bannière aléatoire ?

Message par Censure Jeu 19 Jan 2012 - 18:28

Bonsoir,
Pourrait-on avoir le "Lien de votre Forum"?..(Pour avoir une idée précise de ce que vous voulez).
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux fonds, bannière aléatoire ?

Message par ANZU. Sam 21 Jan 2012 - 11:34

C'est mon forum test : http://mistytest.forumactif.org/

Donc j'aimerais que la bann soit aléatoire, là elle est verte mais j'en ai créee une bleu, rouge, et grise.


Merci de la réponse ^o^
ANZU.

ANZU.
*

Féminin
Messages : 34
Inscrit(e) le : 29/12/2008

https://forum.forumactif.com/
ANZU. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux fonds, bannière aléatoire ?

Message par ANZU. Sam 21 Jan 2012 - 12:42

Merci bien mais j'ai trouvé comment faire pour adapter le code !
Problème résolu !
ANZU.

ANZU.
*

Féminin
Messages : 34
Inscrit(e) le : 29/12/2008

https://forum.forumactif.com/
ANZU. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum