Page d'accueil Pas centrée

2 participants

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

Résolu Page d'accueil Pas centrée

Message par Hayari Ven 22 Fév 2013 - 11:59

Bien le bonjour!

Alors voilà, j'ai installer une page d'accueil sur mon forum mais cette dernière n'est pas centrée avec les catégories. J'ai tenter de la center avec un div autour et du css, mais ça ne marche pas X.X
Il faudrais la decaler d'une bonne trentaine de pixel sur la droite.
Quelqu'un pour m'aider? Merci infiniment T.T

Page d'accueil Pas centrée Pa_bmp10

Mon css et le template "index_body" on été modifier. La PA en elle même a deux fichiers javascripts.


Dernière édition par Hayari le Ven 1 Mar 2013 - 13:31, édité 1 fois
Hayari

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par Hayari Lun 25 Fév 2013 - 11:58

up?
Hayari

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par SoraNoHime Lun 25 Fév 2013 - 12:00

Bonjour

Puis-je avoir le code et la css de votre page d'acceuil, ainsi que la largeur de votre forum ?

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par Hayari Lun 25 Fév 2013 - 13:07

Bonjour!

Alors voila le code de la PA mis dans les généralité

Code:
<center><div id="tfa_mit">
 
  <!-- NAVIGATION GAUCHE -->
 
  <div class="tfa_mit1">       
    <div class="mit_content">
      <h1><font color="black"> NAVIGATION </font></h1>
      <div class="navigation_mit">
        <a href="http://y-m-l-p-i-v.forumactif.org/t6-reglement-a-lire"><font color="white">LE RÈGLEMENT </font></a>
        <a href="http://y-m-l-p-i-v.forumactif.org/t9-les-quatres-clans"><font color="white">LES CLANS</font></a>
        <a href="http://y-m-l-p-i-v.forumactif.org/f6-predefinis"><font color="white">LES PRÉDÉFINIS </font></a>
        <a href="http://y-m-l-p-i-v.forumactif.org/f4-presentations"><font color="white">LES PRÉSENTATIONS </font></a>
        <a href="http://y-m-l-p-i-v.forumactif.org/f3-journal-de-bord"><font color="white">LES J. DE BORDS</font></a>
        <a href="http://y-m-l-p-i-v.forumactif.org/f9-express-japan"><font color="white">EXPRESS JAPAN</font></a>
        <a href="http://y-m-l-p-i-v.forumactif.org/f42-wanted-rp"><font color="white">UN RP?</font></a>
        <a href="http://y-m-l-p-i-v.forumactif.org/f8-questions-reponses"><font color="white">UNE QUESTION?</font></a>       
        <a href="http://y-m-l-p-i-v.forumactif.org/f40-forum"><font color="white">AMIS?</font></a>
      </div>
    </div>
  </div>
   
  <!-- CONTEXTE -->
   
  <div class="center_mit">     
    <div class="mit_content">     
      <h1><font color="black"> CONTEXTE </font></h1>     
      <div class="in_mit">     
      <font color="black"><span style="font-size: 17px; line-height: normal">Tokyo, capitale du japon, des nouilles et ... Des yakuzas. Ces hommes qui, dans l'ombre, se livrent à des trafic d'armes, de drogues, et plus encore... Ces hommes qui, vont contre la loi et qui pourtant, ne se font jamais prendre par les autorités... Tout le monde a conscience que ces hommes traînent dans le coin. Mieux vaut éviter de se mêler de leurs affaires au risque de vite déchanter! Il y a quatre familles de yakuza qui sont en tête du marché noir et dont leur influences sont non-négligeables...</span></font>
        <br />
        <a href="http://y-m-l-p-i-v.forumactif.org/t8-contexte" class="postlink"><img src="http://i45.servimg.com/u/f45/11/95/30/70/1621.png" border="0" alt="" /></a>
      </div>   
    </div>
  </div>
     
  <!-- LE STAFF -->
     
  <div class="tfa_mit1">       
    <div class="mit_content">
      <h1><font color="black"> LE STAFF </font></h1>
      <div class="staff_mit">
     
        <!-- INFOBULLE 1 -->
        <div class="tfa_infobulle">                               
          <img  class="opacite_8" width="70px" src="http://i42.servimg.com/u/f42/17/92/70/32/akip11.jpg" alt="" />             
          <span class="in_bulle"> 
            <center><img src="http://i42.servimg.com/u/f42/17/92/70/32/akig10.png" alt="" /></center>
            <span>
              <strong><span style="font-size: 17px; line-height: normal">Akihito Takaba</strong>
              Fondatrice</span><br />                 
              <a href="http://y-m-l-p-i-v.forumactif.org/u1">Profil</a> <a href="http://y-m-l-p-i-v.forumactif.org/privmsg?mode=post&u=1">MP</a> 
            </span>
          </span>       
        </div> 
       
        <!-- INFOBULLE 2 -->
        <div class="tfa_infobulle">                               
          <img class="opacite_8"  width="70px"src="http://i73.servimg.com/u/f73/17/92/70/32/lu10.jpg" alt="" />             
          <span class="in_bulle"> 
            <center><img src="http://img11.hostingpics.net/pics/552327camille2.jpg" alt="" /></center>
            <span>
              <strong><span style="font-size: 17px; line-height: normal">Camille Blanc</strong>
              Admin-codeuse</span><br />                     
              <a href="http://y-m-l-p-i-v.forumactif.org/u2">Profil</a> <a href="http://y-m-l-p-i-v.forumactif.org/privmsg?mode=post&u=2">MP</a> 
            </span>
          </span>       
        </div>   
       
        <br style="clear: both" />
       
        <!-- INFOBULLE 3 -->
        <div class="tfa_infobulle">                               
          <img class="opacite_8" width="70px" src="http://img15.hostingpics.net/pics/940561Sanstitre1copie.jpg" alt="" />             
          <span class="in_bulle"> 
            <center><img src="http://i42.servimg.com/u/f42/17/92/70/32/210.jpg" alt="" /> </center>
            <span>
              <strong><span style="font-size: 17px; line-height: normal">Prenom Nom</strong>
              Joins-toi à nous ♫<br />                 
              <a href="#profil">Profil</a>    <a href="#mp">MP</a> 
            </span>
          </span>       
        </div>   
       
        <!-- INFOBULLE 4 -->
        <div class="tfa_infobulle">                               
          <img class="opacite_8" width="70px" src="http://img15.hostingpics.net/pics/940561Sanstitre1copie.jpg" alt="" />             
          <span class="in_bulle"> 
            <center><img src="http://i42.servimg.com/u/f42/17/92/70/32/210.jpg" alt="" /></center>
            <span>
              <strong><span style="font-size: 17px; line-height: normal">Prenom Nom</strong>
              Joins-toi à nous ♫<br />                 
              <a href="#profil">Profil</a>    <a href="#mp">MP</a> 
            </span>
          </span>       
        </div> 
       
        <br style="clear: both" />       
      </div>
    </div>
  </div>
 
  <div style="clear:both"></div> 
 
  <!-- PARTENARIAT -->
 
  <div class="tfa_mit1">   
   
    <div class="mit_content2">
      <h1><font color="black"> PARTENARIAT </font></h1>
      <div class="in_mit">               
        <!-- SLIDE PARTENAIRES -->
       
        <!-- BOUTONS AVANT-APRES -->
     
        <span id="aprev1"></span>             
        <span id="anext1"></span>   
                       
        <div class="pa_partn">                                 
       
          <!-- ICI TU METS 3 PARTENAIRES -->                                                                           
          <div>                                       
            <a href="http://mafiadei.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i15.servimg.com/u/f15/17/30/75/81/883110.jpg" border="0" alt="" /></a>  <br />
            <a href="http://love-pistols.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/890945lovepistol.png" border="0" alt="" /></a>  <br />
            <a href="http://asile-hisshi.forumgratuit.org"><img src="http://image.noelshack.com/fichiers/2012/29/1342485104-88.png"></a>                                   
          </div>           
         
          <!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://dw-institute.forumsrpg.com"><img class="opacite_8" src="http://img15.hostingpics.net/pics/135744DWI.jpg" alt="" /></a>  <br /> 
            <a href="http://blackhill.forumactif.name/" target=_blank> <img src="http://i31.servimg.com/u/f31/11/01/32/21/bh883110.jpg" border="0"></a>  <br />
            <a class=postlink href="http://hell-frozen-rain.forumactif.com" target=_blank> <img src="http://img15.hostingpics.net/pics/80661988x31HFR.jpg" border="0"></a>
          </div>

          <!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://reinventeladestinee.forumactif.com"><img class="opacite_8" src="http://image.noelshack.com/fichiers/2012/13/1333015952-ejfhe.png" alt="" /></a>  <br /> 
            <a href="http://beenfers.frbb.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/198585bouton.png" border="0" alt="" /></a>  <br />
            <a href="http://oishii-no-daigaku.forumgratuit.org/"><img class="opacite_8" src="http://image.noelshack.com/fichiers/2012/13/1332880866-logo.png" alt="" /></a>                       
          </div>

<!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://mandolyn-street.jdrforum.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/11/79/32/18/bouton10.jpg" border="0" alt="" /></a>    <br /> 
            <a href="http://autretemps.forumdefan.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i16.servimg.com/u/f16/17/18/50/46/90284110.jpg" border="0" alt="" /></a>  <br />
            <a href="http://lustworld.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i35.servimg.com/u/f35/17/75/49/99/bannpt10.jpg" border="0" alt="" /></a>                       
          </div>
           
<!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://ac-reload.forumgratuit.org" target="_blank"><img src="http://i16.servimg.com/u/f16/11/19/39/90/88x31_12.jpg" title="Assassin's Creed Reload" alt="Assassin's Creed Reload" /></a>    <br /> 
            <a href="http://ville-seiyoku.forum-canada.com/" class="postlink"><img src="http://i36.servimg.com/u/f36/16/36/18/49/bouton10.jpg" alt="" border="0"></a>  <br />
            <a href="http://justabreak.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/260412Bouton2.jpg" border="0" alt="" /></a>                       
          </div>

<!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://sweeteden.forumgratuit.eu/"><img src="http://img11.hostingpics.net/pics/93775583B1.png"/></a>    <br /> 
            <a href="http://badiya.forumgratuit.org/"><img src="http://s3.noelshack.com/old/up/88x31-caa0304d24.jpg"/></a>  <br />
            <a href="http://velvetrose.forum-canada.com"><img class="opacite_8" src="http://illiweb.com/fa/pbucket.gif" alt="" /></a>                       
          </div>

<!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://mackaelah.forum-canada.com"><img class="opacite_8" src="http://illiweb.com/fa/pbucket.gif" alt="" /></a>    <br /> 
            <a href="http://ishtar-world.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img.imagesia.com/fichiers/1t/logo-88x31-ishtar_imagesia-com_1txk_large.jpg" border="0" alt="" /></a>  <br />
            <a href="http://melronius.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/16/79/61/13/melron10.png" border="0" alt="" /></a>                       
          </div>

<!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://univers-yaoi-v2.forums-gratuits.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/851360partenariat2.png" border="0" alt="" /></a>    <br /> 
            <a href="http://rpg-yaoi-world.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/557584lol2.gif" border="0" alt="" /></a>  <br />
            <a href="http://sei-gakuen.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/x5Qva.png" border="0" alt="" /></a>                       
          </div>

<!-- ICI TU METS 3 PARTENAIRES -->                                                                       
          <div>                                   
            <a href="http://ai-no-kusabi-rpg.forumactif.org/"><img class="opacite_8" src="http://nsa20.casimages.com/img/2010/11/29/10112907065364662.png" alt="" /></a>    <br /> 
            <a href="#"><img class="opacite_8" src="http://i42.servimg.com/u/f42/17/92/70/32/bouton10.jpg" alt="" /></a>  <br />
            <a href="#"><img class="opacite_8" src="http://i42.servimg.com/u/f42/17/92/70/32/bouton10.jpg" alt="" /></a>                       
          </div>
       
                                         
        </div>       
                       
      </div>
    </div>
   

    <!-- TOP SITE -->
         
    <div class="mit_content3">
      <h1><font color="black"> TOP SITES </font></h1>
      <div class="in_mit">
               
        <!-- BOUTONS AVANT-APRES -->             
        <span id="bprev2"></span>           
        <span id="bnext2"></span>
         
        <div class="pa_vot">
                                           
          <!-- ICI TU METS TES ICONES DE VOTES -->                                                                             
          <div>                                       
            <a href="http://www.root-top.com/topsite/rng/in.php?ID=165"><img class="opacite_8" src="http://img15.hostingpics.net/pics/871378131.jpg" alt="" /></a>
            <a href="http://en.root-top.com/toplist/chenshen/in.php?ID=914"><img class="opacite_8" src="http://img15.hostingpics.net/pics/371998892.jpg" alt="" /></a>
            <a href="http://www.root-top.com/topsite/kikichan/in.php?ID=72"><img class="opacite_8" src="http://img15.hostingpics.net/pics/123749303.jpg" alt="" /></a>
            <a href="http://www.root-top.com/topsite/snowinhell/in.php?ID=37"><img class="opacite_8" src="http://img15.hostingpics.net/pics/475289654.jpg" alt="" /></a><br />
            <a href="http://akaiyume.genhit.com/in/dieupalmipede"><img class="opacite_8" src="http://img15.hostingpics.net/pics/425302585.jpg" alt="" /></a>
            <a href="http://malael.genhit.com/in/dieupalmipede"><img class="opacite_8" src="http://img15.hostingpics.net/pics/389135356.jpg" alt="" /></a>
            <a href="http://kaoru.genhit.com/in/dieupalmipede"><img class="opacite_8" src="http://img15.hostingpics.net/pics/598077777.jpg" alt="" /></a>
            <a href="http://www.root-top.com/topsite/noya/in.php?ID=557"><img class="opacite_8" src="http://img15.hostingpics.net/pics/798995348.jpg" alt="" /></a>

          </div>                         
          <!-- ICI TU METS LE TEXTE QUI VA ALTERNER AVEC LES ICONES -->                                               
          <div>                                   
            <font color="dimgray">Votez toutes les deux heures, merci ♥</font>
                                   
          </div>                                         
        </div>                                                 
       
      </div>
    </div>   
         
  </div> 
 
  <!-- NOUVEAUTÉS -->
   
  <div class="center_mit">     
    <div class="mit_content">     
      <h1><font color="black"> NOUVEAUTÉS ET EVENTS </font></h1>     
      <div class="in_mit">     
        <span><marquee behavior="scroll" direction="down" scrollamount="3" height="220"><font color="black">   
<br><br><font color="red">New </font>[21/02/2013]► Changement de thème: « Un peu de fraicheur, il était temps ~ »
<br>
<br>
[21/12/2012]► Ouverture du forum: « Enfin, après tant d'efforts *-* »
<br><br>
</font></marquee></span>
      </div>   
    </div>
  </div> 
     
  <!-- BLOC BAS DROIT -->
         
  <div class="tfa_mit1">
   
    <!-- RAPPEL -->   
    <div class="mit_content4">
      <h1><font color="black"> RAPPEL </font></h1>
      <div class="in_mit"><span><marquee behavior="scroll" direction="up" scrollamount="2" height="90"><font color="black">     
<marquee behavior="alternate" width="90%" align="middle"onmouseover="this.stop();" onmouseout="this.start();"><font color= "red"><b>/!\ NC-18ans /!\</b></font></marquee>             
        <br/><font color="dimgray"><span style="font-size: 14px; line-height: normal">
<font color="black">/‼\</font> Si vous n'avez pas 18 ans, merci d'envoyer un mp à un admin.
<br/><font color="black">/‼\</font> N'oubliez pas de recenser votre avatar !
<br/>
        <font color="black">/‼\</font> Veillez à privilégier les Parrains et autres membres importants des clans comme prédéfinis, merci. [Les prédéfinis ne sont pas encore terminés, mais vous pouvez prendre ceux disponibles.]
<br>
        <font color="black">/‼\</font> N'oubliez pas de chercher le code dans le règlement et de l'envoyer à au moins un membre du staff par mp, et de signer la charte. ~ 
<br/></font></span></marquee>
      </div>
    </div>
   
    <!-- CRÉDIT -->   
    <div class="mit_content4">
      <h1><font color="black"> CRÉDIT </font></h1>
      <div class="in_mit">             
        <span style="font-size: 12px; line-height: normal"><font color="dimgray"><font color="black">• Création du forum & Graphismes •</font>
<br/>
~ Akihito Takaba.
<br/>
<font color="black">• Codage •</font>
<br/>
~ FireStone, mitsu, Quierra (PA).</font></span>           
      </div>
    </div>   
   
  </div>
  <div style="clear:both;"></div>
 </div>
 </div></center>

Puis le css

Code:
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

.navig {
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
}

/****intérieur des Catégories******/
.contour{
  width: 799px;
  padding-top: 20px;
  padding-bottom: 40px;
  background-color: #c9c9c9;
  border: 1px solid #000000;
  background-image: url(http://i48.servimg.com/u/f48/16/88/30/97/fond10.png);
}
/****Titre******/

.titre{
  font-family: Bleeding coboy, handwriting-dakota,zapfino,cursive;
  font-size: 23px;
  text-shadow: 4px 5px 8px #000000;
  margin-bottom: -30px;
  color: #ffffff;
}

/***Dernier_message*****/

.dernier_message{
  padding-top: 20px;
  border: 2px solid #000000;
  border-radius: 20px;
  height: 90px;
  width: 130px;
  margin-right: 45px;

  background-color: #212B34;
  -webkit-box-shadow: 4px 5px 10px 6px #000000;
  -moz-box-shadow: 4px 5px 10px 6px #000000;
  box-shadow: 4px 5px 10px 6px #000000;
}

/******Description des catégories*****/

.description_info{
  margin-left: 100px;
  margin-right: 20px;
  border: 2px solid #000000;
  border-radius: 20px;
  height: 150px;
  width: 500px;
  background-image: url(http://i.imgur.com/FW5D07I.png);
  -webkit-box-shadow: 4px 5px 10px 6px #000000;
  -moz-box-shadow: 4px 5px 10px 6px #000000;
 box-shadow: 4px 5px 10px 6px #000000;
}


.infobulle{
position: relative;
border-radius: 20px;
z-index: 0;}
 
.infobulle:hover{
background-color: transparent;
  border-radius: 0px;
z-index: 50;}
 
.infobulle span{
  margin-left: 100px;
position: absolute;
background-color: #212B34;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
 
.infobulle span img{
border: 2px solid #000000;
padding: 5px;}
 
.infobulle:hover span{
  font-size: 13px;
visibility: visible;
top: -155px;
left: 0px;
width: 490px ;
height: 140px;
color: #ffffff;
 border-radius: 20px;
  overflow: auto;
border: 2px solid #000000;}



/*****Code-quote-spoiler******/

.code, .quote, .spoiler{
  background: url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") no-repeat scroll 6px 8px rgb(250, 250, 250);
  border-radius: 10px 80px 10px 10px;
  border: 1px black;
  moz-box-shadow: 10px 10px 10px black;
  webkit-box-shadow: 10px 10px 10px black;
  box-shadow: 10px 10px 10px black;
  khtml-box-shadow: 10px 10px 10px black;
  margin: 35px;
  font-family: courrier new;
  font-size: 12px;
  padding: 45px 25px 25px 25px;
  text-indent: 15px;
  overflow: hidden;
}

*************************************
*************************************
.largeur{
margin-left: 50px;
}

/* BLOC ACCUEIL */
#tfa_mit{
width: 875px;
position: relative;
margin: 0 auto;
padding: 0;
text-align: left;
}
/* BLOC GAUCHE ET DROITE */
.tfa_mit1{
float: left;
width: 20%;
margin: 0;
padding: 0;
}
/* BLOC DE CONTENU */
.mit_content{
width: 96%;
height: 260px;
margin: 5px auto;
padding: 0;
background: #fff;
border: 3px double #000;
}
/* BORDS ARRONDIS BLOC DE CONTENU */
.mit_content, .mit_content2, .mit_content3, .mit_content4{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
/* BLOC DE CONTENU 2 */
.mit_content2{
width: 96%;
height: 150px;
margin: 5px auto;
padding: 0;
background: #fff;
border: 1px solid #000;
}
/* BLOC DE CONTENU 3 */
.mit_content3{
width: 96%;
height: 100px;
margin: 5px auto;
padding: 0;
background: #fff;
border: 1px solid #000;
}
/* BLOC DE CONTENU 4 */
.mit_content4{
width: 96%;
height: 125px;
margin: 5px auto;
padding: 0;
background: #fff;
border: 1px solid #000;
}
/* TITRES */
.mit_content h1, .mit_content2 h1, .mit_content3 h1, .mit_content4 h1{
width: 96%;
background: dimgray;
border-radius: 10px 10px 10px 10px;
margin: 3px auto;
padding: 0;
font: italic 17px Verdana;
text-align: center;
border-bottom: 1px double #000000;
border-top: 1px double #000000;
border-left: 1px double #000000;
border-right: 1px double #000000;
}
/* NAVIGATION */
.navigation_mit{
width: 96%;
margin: 10px auto 0;
padding: 0;
}
/* LIENS NAVIGATION */
.navigation_mit a{
width: 96%;
height: 18px;
display: block;
margin: 2px auto;
padding: 4px 0 0 0;
background: #000;
text-align: center;
text-decoration: none;
fond: 14px Arial;
color: #fff;
}
/* LIENS NAVIGATION AU SURVOL*/
.navigation_mit a:hover{
background: #969696;
text-decoration: none !important;
fond: Italic 14px Arial;
color: #CC0000;
}
/* BLOC CENTRAL */
.center_mit{
float: left;
width: 50%;
margin: 0;
padding: 0;
}


/* CONTENU */
.in_mit{
position: relative;
width: 96%;
max-height: 220px;
overflow-y: auto;
margin: auto;
padding: 7px 0 0 0;
}
/* CONTENU STAFF */
.staff_mit{
position: relative;
width: 160px;
margin: auto;
padding: 15px 0 0 0;
}
/* INFOBULLE STAFF - TRANSITION */
.tfa_infobulle{
width: 70px;
margin: 5px;
padding: 0;
float: left;
position: relative;
}
.in_bulle{
background: #fff;
border: 0px solid #000;
width: 0;
height: 0;
position: absolute;
top: 70px;
left: 50px;
overflow: hidden;
z-index: 20;
text-align: center;
color: #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
.tfa_infobulle:hover .in_bulle{
width: 130px;
height: 220px;
padding: 5px;
border-width: 1px;
}

/* LES PARTENAIRES */
.pa_partn {
width: 90px;
height: 100px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
.pa_partn div {
width: 100%;
height: 100px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
.pa_partn div img {
width: 88px;
height: 31px;
margin: 1px 0;
border: none;
}
/* PLACER LES ICONES AVANT-APRES */
#aprev1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/z212.png) no-repeat 0 0;
position: absolute;
width: 17px;
height: 20px;
top: 40px;
left: 3px;
cursor: pointer;
}
#aprev1:hover {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/z212.png) no-repeat 0 -20px;
}
#anext1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/4p10.png) no-repeat 0 0;
width: 17px;
height: 20px;
position: absolute;
top: 40px;
right: 3px;
cursor: pointer;
}
#anext1:hover {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/4p10.png) no-repeat 0 -20px;
}

/* LES VOTES */
.pa_vot {
width: 110px;
height: 60px;
margin: 5px auto;
padding: 0;
position: relative;
overflow: hidden;
}
.pa_vot div {
font: 12px Arial;
width: 110px;
height: 60px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
.pa_vot div img {
width: 24px;
height: 25px;
margin: 0;
border: none;
}
/* PLACER LES ICONES AVANT-APRES */
#bprev2 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/z212.png) no-repeat 0 0;
position: absolute;
width: 17px;
height: 20px;
top: 20px;
left: 3px;
cursor: pointer;
}
#bprev2:hover {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/z212.png) no-repeat 0 -20px;
}
#bnext2 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/4p10.png) no-repeat 0 0;
width: 17px;
height: 20px;
position: absolute;
top: 20px;
right: 3px;
cursor: pointer;
}
#bnext2:hover {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/4p10.png) no-repeat 0 -20px;
}

/* DERNIERS MESSAGES ET DERNIERS SUJETS */


*************************************
*************************************

#couleur
{
color: #FFFFFF;
}

*************************************
*************************************

.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{
background-image: url('http://i.imgur.com/UdnkY.png');
background-repeat: repeat;
border-radius: 10px 10px 10px 10px;
border: 1px solid #000000;
font-size: 12px black;
letter-spacing: 1px;}

.profi1/*ceci s'appliquera au bouton*/
{width: 200px;
background-color: #ffffff;
font-color: #000000;
border: 1px black;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;}

*************************************
*************************************


.qeel
{
  background-image: url('http://img19.imageshack.us/img19/3712/sanstitre1cbf.png');
width: 800px;
height: 238px;
  margin: auto;
}

.pseudo_rang
{
  font-size: 25px;
  text-shadow: 6px 6px 6px #000000;
  width: 250px;
  margin-right: 25px;
  margin-bottom: 5px;
  margin-left: 25px;
  border: 1px solid #000000;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 4px 5px 5px 6px #000000;
  -moz-box-shadow: 4px 5px 5px 6px #000000;
  box-shadow: 4px 4px 5px 5px #000000;
  background-image: url('http://i.imgur.com/UdnkY.png');
  background-repeat: repeat;
}


a { text-decoration: none; }

.image_membre
{
  border: 2px solid #000000;
  width: 200px;
  height: 400px;
  -webkit-box-shadow: 4px 5px 0px 0px #000000;
  -moz-box-shadow: 4px 4px 0px 0px #000000;
  box-shadow: 4px 4px 0px 0px #000000;
}


.fiche_perso
{ width: 250px;
  height: 500px;
  margin-bottom: 15px;
  border-radius: 10px 10px 10px 10px;
  border: 2px solid #000000;
  background-image: url('http://i.imgur.com/UdnkY.png');
  background-repeat: repeat;
  -webkit-box-shadow: 4px 5px 5px 6px #000000;
  -moz-box-shadow: 4px 5px 5px 6px #000000;
  box-shadow: 4px 4px 5px 5px #000000;
}

.feuille_perso_spoiler
{
 width: 250px;
 margin-left: 25px;
 margin-bottom: 10px;
 margin-top: 10px;
 border-radius: 10px 10px 10px 10px;
 border: 2px solid #000000;
 background-image: url('http://i.imgur.com/UdnkY.png');
 background-repeat: repeat;
 -webkit-box-shadow: 4px 5px 5px 6px #000000;
 -moz-box-shadow: 4px 5px 5px 6px #000000;
 box-shadow: 4px 4px 5px 5px #000000;
}

.chatbox_row_2 { font-size:15;}
.chatbox_row_1{ font-size:15;}



/* Bouton HAUT BAS */
.bouhautbas {
    bottom: 100px;
    right: 5px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}

/* Barre de connexion rapide */
.user_login_form.forumline{
  width:800px;
  border: 1px solid black;
  background-image: url('http://i48.servimg.com/u/f48/16/88/30/97/fond10.png');
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 4px 4px 2px 2px #000000;
 -moz-box-shadow: 4px 4px 2px 2px #000000;
 box-shadow: 4px 4px 2px 2px #000000;
}

J'ai aussi procédé à des modification dans le template Index_body, il vous le faut aussi je pense alros en cas ou je vous le laisse ^^".

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
  <table class width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->








<!-- BEGIN disable_viewonline -->
<center><img style="margin-bottom:-20px; width: 503px;" src="http://i.imgur.com/uCd0tbu.png"/>
<div style="border: 1px solid #000000; background-image: url(http://i.imgur.com/FJcrM.png); width: 500px;">
  <img style="margin-top: -95px; width: 500px;" src="http://i.imgur.com/E9bODN3.png"/>
  <br/>
  <br/>
  <br/>
  <span class="gensmall"><center><div id="couleur">{LAST_VISIT_DATE}<br />
                          {CURRENT_TIME}</div></center>
         </span>
  <br/>
  <div style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 50px; background-image: url(http://i.imgur.com/UdnkY.png);"></div>
  <div style="height: 15px;"></div>
<div class="gensmall">{TOTAL_POSTS}<br/>
      {TOTAL_USERS}<br/>
      {NEWEST_USER}<br/>
  {TOTAL_USERS_ONLINE}<br/>
      {RECORD_USERS}<br/>
      {LOGGED_IN_USER_LIST}<br/>
  <table>
    <tr>
      <td>
    <center>{L_CONNECTED_MEMBERS}</center><br/>
  <center>{L_WHOSBIRTHDAY_TODAY}</center><br/>
        <center>{L_WHOSBIRTHDAY_WEEK}</center><br/></td>
    </tr></table>
    <br/>
<div style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 50px; background-image: url(http://i.imgur.com/UdnkY.png);"></div>
  <br/>
  <img src="http://i.imgur.com/2JhmC.png"/><img style="margin-left: 40px" src="http://i.imgur.com/7LuTC.png"/><img style="margin-left: 40px" src="http://i.imgur.com/5UKFe.png"/><br/>
  <img style="margin-left: 0px; margin-top: -40px" src="http://i.imgur.com/bWXbE.png"/><img style="margin-left: 40px; margin-top: -40px" src="http://i.imgur.com/5Fwgv.png"/>
  <br/><img style="center; margin-top: -30px" src="http://i.imgur.com/2TFzI.png"/>
  <br/>
  <br/>
<div style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 50px; background-image: url(http://i.imgur.com/UdnkY.png);"></div>
  <br/>

  <center><span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}</center>
    <br />
   
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
         
  <p/>
  </div></div>
  <img style="margin-top:-15px; width: 503px;" src="http://i.imgur.com/ODHNWVv.png"/></center>
<!-- END disable_viewonline -->




{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Hayari

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par Hayari Lun 25 Fév 2013 - 13:08

Mon message étai trop long, navré pour le double-post ><""""
Donc et voici les deux code javescript. Parce que sans ça bah je pense que ça va pas marcher XD

• Slide et opacity
Code:
jQuery(document).ready(function(){
jQuery('.opacite_8').each(function() {
jQuery(this).css('opacity', 0.7);
jQuery(this).hover(function() {
jQuery(this).stop().animate({ opacity: 1.0 }, 400);
},
function() {
jQuery(this).stop().animate({ opacity: 0.7 }, 700);
          });
        });
jQuery('.pa_partn').cycle({
    fx:    'scrollVert',
    delay: '-1000',
  pause:  '0',
    next:  '#anext1',
    prev:  '#aprev1'
});
jQuery('.pa_vot').cycle({
    fx:    'scrollHorz',
    delay: '-1000',
  pause:  '0',
    next:  '#bnext2',
    prev:  '#bprev2'
});
});

Plugin-cycle
Code:
(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)}}function debug(s){if($.fn.cycle.debug){log(s)}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "))}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2)});return this}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout)}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards))},startTime)}})};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0}if(options===undefined||options===null){options={}}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout)}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts)}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false}$.fn.cycle[options](opts);return false;default:options={fx:options}}return options}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0}if(typeof arg2=="string"){options.oneTimeFx=arg2}go(options.elements,options,1,num>=options.currSlide);return false}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0}go(options.elements,options,1,(!opts.rev&&!opts.backwards))}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter")}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent)}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent)}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove()})}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts)}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts)})}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards))})}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides)}if($cont.css("position")=="static"){$cont.css("position","relative")}if(opts.width){$cont.width(opts.width)}if(opts.height&&opts.height!="auto"){$cont.height(opts.height)}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide)}else{if(opts.backwards){opts.startingSlide=els.length-1}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i)}opts.randomMap.sort(function(a,b){return Math.random()-0.5});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1]}else{if(opts.startingSlide>=els.length){opts.startingSlide=0}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i}$(this).css("z-index",z)});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width)}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height)}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width")}if(!h){h=e.offsetHeight||e.height||$e.attr("height")}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"})}}if(opts.pause){$cont.hover(function(){this.cyclePause++},function(){this.cyclePause--})}if(supportMultiTransitions(opts)===false){return false}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options)},opts.requeueTimeout);requeue=true;return false}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH)}}}return true});if(requeue){return false}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst)}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed)}if(!opts.sync){opts.speed=opts.speed/2}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing}if(!opts.speedIn){opts.speedIn=opts.speed}if(!opts.speedOut){opts.speedOut=opts.speed}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0}opts.nextSlide=opts.randomMap[opts.randomIndex]}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts)}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true])}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true])}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1)})}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1)})}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts)}exposeAddSlide(opts,els);return opts}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this)});$.each(opts.after,function(){opts.original.after.push(this)})}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p)}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0])}debug("randomized fx sequence: ",opts.fxs)}return true}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s)}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s)}if(opts.fit&&opts.width){$s.width(opts.width)}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height)}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts)}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s)}else{$s.hide()}}}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this)});$.each(opts.original.after,function(){opts.after.push(this)});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts)}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false}if(opts.busy){debug("transition active, ignoring new tx request");return}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return}if(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts)}return}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0}fx=opts.fxs[opts.lastFx];opts.currFx=fx}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return}o.apply(next,[curr,next,opts,fwd])})}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return}o.apply(next,[curr,next,opts,fwd])})};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent)}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent)}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent)}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass)}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd)}else{if(opts.continuous&&p.cyclePause){ms=10}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards))},ms)}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName)})};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t}}return opts.timeout}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1)};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1)};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1}}opts.nextSlide=opts.randomMap[opts.randomIndex]}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex]}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false}opts.nextSlide=els.length-1}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false}opts.nextSlide=0}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide])}go(els,opts,1,val>=0);return false}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts)});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass)}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a)}else{a='<a href="#">'+(i+1)+"</a>"}if(!a){return}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0])});$a=$(arr)}else{$a.appendTo($p)}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide])}go(els,opts,1,opts.currSlide<i)});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false})}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++},function(){opts.$cont[0].cyclePause--})}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l}else{hops=c<l?l-c:l+opts.slideCount-c}return hops};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/\\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2])}if(v&&v!="transparent"){return v}}return"#ffffff"}$slides.each(function(){$(this).css("background-color",getBg(this))})}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1))};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride}else{speedIn=speedOut=1}easeIn=easeOut=null}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb)};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter)}if(!opts.sync){fn()}});if(opts.sync){fn()}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0}}};$.fn.cycle.ver=function(){return ver};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false}})(jQuery);(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after()}};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h}};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h}};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w}};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w}};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0}};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0}};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0}};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0}};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true)});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i])}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift())}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop())}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count)}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count)}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb()}})})};opts.cssBefore={display:"block",opacity:1,top:0,left:0}};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0}};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0}};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0}};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0}};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2}});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0}};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH}});opts.cssBefore={width:0,height:0};opts.animOut={opacity:0}};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w}};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h}};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w}};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0}});opts.cssBefore={width:0,top:0}};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0}});opts.cssBefore={height:0,left:0}};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0}});opts.cssBefore={top:0,width:0}};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0}});opts.cssBefore={left:0,height:0}};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w}else{if(d=="up"){opts.cssBefore.top=h}else{if(d=="down"){opts.cssBefore.top=-h}else{opts.cssBefore.left=w}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0}};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w}else{if(d=="up"){opts.animOut.top=-h}else{if(d=="down"){opts.animOut.top=h}else{opts.animOut.left=-w}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0}};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0}}else{opts.animOut.opacity=0}});opts.cssBefore={left:0,top:0};opts.animIn={left:0}};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)"}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)"}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)"}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)"}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)"}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(\\d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTimeout(f,13):$curr.css("display","none")})()});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0}}})(jQuery);

La larheur est a 75%.

Voilà je crois avoir donner la totale, bon courage ><

Cordialement
Hayari

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par SoraNoHime Lun 25 Fév 2013 - 13:19

Merci pour toutes ces info, laissez moi le temps de m'y repérez et de voir ce qu'il faut faire. N'hésitez pas à upper (une fois par 24h si besoin)
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par Hayari Lun 25 Fév 2013 - 13:21

Pas de soucis, encore merci. En espérant que ça puisse être réglé ^^ et si il vous faut d'autre informations, n'hésitez pas à me le faire savoir!

Cordialement
Hayari

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par Hayari Mer 27 Fév 2013 - 9:23

Up? =3
Hayari

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par SoraNoHime Ven 1 Mar 2013 - 2:55

Bonsoir

J'avoue avoir eu du mal à trouver une faille pour centrer votre PA, le float left faisant en sorte que toutes vos div forme un tableau, mais c'est aussi lui qui dans ce cas, règle automatiquement votre PA à gauche.

Dans votre css, vous pouvez décaler votre PA à cet endroit :

/* BLOC ACCUEIL */
#tfa_mit{
width: 875px;
position: relative;
margin: 0 auto;
padding: 0;
text-align: left;
}

remplacez la ligne incriminée par margin-left : 50px;

adaptez au besoin ^^

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil Pas centrée

Message par Hayari Ven 1 Mar 2013 - 13:30

Omg c'était juste ça o_o
En tout cas merci beaucoup, j'ai jouer avec la largeur et le margin left pour bien le centrer, ça marche =).

Merci infiniment \♥/ sujet resolu !
Hayari

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari 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