AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -45%
PC Portable LG Gram 17″ Intel Evo Core i7 32 Go ...
Voir le deal
1099.99 €

Partagez
 

 ATR PA 1 ----

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
https://lulu55555.forumactif.org
Admin


Admin
Admin
Messages : 203
Date d'inscription : 17/07/2013
Localisation : hhr

ATR PA 1 ----  Empty
MessageSujet: ATR PA 1 ----    ATR PA 1 ----  EmptyLun 8 Déc - 19:00

Code:
<div style="background-color: #f0f1eb; padding: 6px; border: 1px solid #e2e2d7;">
                                                                                                                                                                                                   
   <center>
                                                                                                                                                                                                                                                                                             <img src="http://img15.hostingpics.net/pics/749951TITREPA22copie.png" />                                                                                                                                                                                                                                                                                    
      <table style="width: 100%;">
                                                                                                                                                                                                                                                                                                                                                             
         <tbody>
                                                                                                                                                                                                                                                                                                                                                                
            <tr>
                                                                                                                                                                                                                                                                                                                                                                   
               <td style="width: 32%;">
                                                                                                                                                                                                                                                                                                                                                            
                  <div class="fruitpassion">
                                                                                                                                                                                                                                                                                                                                                 
                     <div class="slideshow" id="slideshow">
                                                                                                                                                                                                                                                                                                                                                    
                        <div id="slideshow-container">
                                                                                                                                                                                                                                                                                                                                                       
                           <div class="slide">
                                                                                                                                                              <a href="http://amongtheroses.forumactif.org/t90-famille-holmes-xx-xx"><img src="http://img15.hostingpics.net/pics/886532famille1.png" />                  </a>                                                                                                                                                                                
                           </div>
                                                                                                                                                                                                                                                                                                                                                       
                           <div class="slide">
                                                                                                                                                                 <a href="http://amongtheroses.forumactif.org/t89-famille-powell-4-4"><img src="http://img15.hostingpics.net/pics/725846famille.png" />                  </a>                                                                                                                                      
                           </div>
                                                                                                                                                                                                                                                                                                                                                       
                           <div class="slide">
                                                                                                                                                                         <a href="http://amongtheroses.forumactif.org/t91-famille-rocester-xx-xx"><img src="http://img15.hostingpics.net/pics/171148famille3.png" />                  </a>                                                                                                                                      
                           </div>
                                                                                                                                                                                                                                                                                                                                                       
                        </div>
                                                                                                                                                                                                                                                                                                                                                    
                     </div>
                                                                                                                                                                                                                                                                                                                                                 
                  </div>
                                                                                                                                                                                                                                                                                                                                        
                  <div style="height: 100px;">
                                                                                                                                                                                                                                                                                                                                         
                     <div class="butt">
                                                                                                                                                                       <a href="http://amongtheroses.forumactif.org/t60-bottin-des-avatars">Bottin    </a>                                                                                                                                                      
                     </div>
                                                                                                                                                                                                                                                                                                   
                     <div class="butt">
                                                                                                                                                                      <a href="http://amongtheroses.forumactif.org/t41-le-reglement"> Reglement  </a>                                                                                                                                                        
                     </div>
                                                                                                                                                                                                                                                                                                       
                     <div class="butt">
                                                                                                                                                                       <a href="http://amongtheroses.forumactif.org/f7-if-you-love-me-let-me-go">invités</a>                                                                                                                                                      
                     </div>
                                                                                                                                                                                                                                                                                                                                 
                  </div>
                                                                                                                                                                                                                                                                                                                                                                      
               </td>
                                                                                                                                                                                                                                                                                                                                                                   
               <td>
                                                                                                                                                                                                                                                                                                                                                      
                  <div style="margin-top: -2px; padding: 5px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); height:211px; border: 1px solid #dbdbd0;">
                                                                                                                                                                                                                                                                                                                                                             
                     <div class="pa1">
                                                                                                                                                                                                            
                        <div class="paimg1">
                                                                                                                                                                                <img src="http://img15.hostingpics.net/pics/194403bidulecontextecopie.png" />                                                                                                                                                      
                        </div>
                                                                                                                                                                                                      
                        <div style="overflow: auto; padding: 5px; margin-top:-250px; position: relative;">
                                                                                                                                                              C'est un bruit qui court, volatile et troublant, qui laisse sur son passage des âmes sans voix et des cœurs liés autour du mystère. Une histoire, une folie, quelque chose que l'on entend et que l'on répète pour amuser la galerie, on ose à peine y croire : ces choses-là ne peuvent exister, elles ne doivent pas exister. Elles créent une scission dans le monde, ceux qui savent, ceux qui doutent, ceux qui refusent d’admettre la vérité et finalement ceux qui frôlent seulement le passage de la rumeur. « On dit que » éclot dans toutes les bouches, les murmures fourmillent dans la ville dès le levé du soleil. <br /><br />                                                                      
                           <div align="center">
                                                                                                    <a href="http://amongtheroses.forumactif.org/t39-le-contexte"><aa5>SUITE</aa5> </a>                                                                        
                           </div>
                                                                                                                                                                                 
                        </div>
                                                                                                                                                                                                                                                                                  
                     </div>
                                                                                                                                                                                                                                                                                                                                                     
                  </div>
                                                                                                                                                                                                                                                                                                                                                                      
               </td>
                                                                                                                                                                                                                                                                                                                                                                   
               <td style="width: 32%;">
                                                                                                                                                                                                                                                                                              
                  <div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                         
                     <center>
                                                                                                                                    
                        <div>
                                                                                                                                                                                                                         <aa42>partenaires  </aa42><br /><a href="http://amongtheroses.forumactif.org/"><img style="width: 60px; padding: 2px; border: 1px solid #d9dbd8; margin-right: 5px;" src="http://img15.hostingpics.net/pics/974118PART.png" /></a> <br /><a href="http://secretsonline.forumactif.org/"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <a href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 20px; margin-right: 3px;" /></a> <br />                                                                                                                                                                                                                
                           <form name="form">
                                                                                                                                                                                                                                                                             <select size="1" style="width:180px; background-color: #dfe5e3;" onchange="location = this.options[this.selectedIndex].value;">
  <option>Nos partenaires</option>
  <option value="http://amongtheroses.forumactif.org/t51-demande-de-partenariat">Le devenir</option>
  <option value="http://amongtheroses.forumactif.org/t53-nos-partenaires">Nos partenaires simples</option>
<option value="http://amongtheroses.forumactif.org/t52-nous-lier">Nos boutons</option>
</select>                                                                                                                                                                                                                  
                           </form><a href="http://www.bazzart.org/t95686-among-the-roses-9830-ouverture-28-11#2818738"><aa43>bazzart .</aa43></a>   <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=22479"><aa43>topsite</aa43></a>                                                                                                                                                                                                              
                        </div>
                                                                                                                                    
                     </center>
                                                                                                                                                                                                                                                                                     
                  </div>
                                                                                                                                                                                                                                                                                                                                  
                  <div style="height: 100px; margin-top: -2px">
                                                                                                                                                                                                                                                                                                                                         
                     <div class="butt">
                                                                                                                                                                       <a href="http://amongtheroses.forumactif.org/f8-truth-be-told-i-never-was-yours">scénario</a>                                                                                                                                                      
                     </div>
                                                                                                                                                                                                                                                                                                   
                     <div class="butt">
                                                                                                                                                                      <a href="http://amongtheroses.forumactif.org/t54-liens-recherches"> liens recherchés</a>                                                                                                                                                        
                     </div>
                                                                                                                                                                                                                                                                                                       
                     <div class="butt">
                                                                                                                                                                       <a href="http://amongtheroses.forumactif.org/t65-les-rumeurs"> annexes</a>                                                                                                                                                      
                     </div>
                                                                                                                                                                                                                                                                                                                                 
                  </div>
                                                                                                                                                                                                                                                                                                                                                                          
               </td>
                                                                                                                                                                                                                                                                                                                                                                   
            </tr>
                                                                                                                                                                                                                                                                                                                                                                
         </tbody>
                                                                                                                                                                                                                                                                                                                                                             
      </table>
                                                                                                                                                                                                                                                                          
      <table>
                                                                                                                                                                                                                                                                             
         <tbody>
                                                                                                                                                                                                                                                                                
            <tr>
                                                                                                                                                                                                                                                                                   
               <td>
                                                                                                                                                                                                                                                                        
                  <div id="contenu" style="height: 95px; padding: 10px; width: 305px; background-color:#f0f0f0; border: 1px solid #d4d5d4; box-shadow: inset 0 0 50px 10px #dedede; font-size: 9px; line-height: 10px; text-align: justify; color: #808080; text-shadow: 1px 0px 0px white; overflow: auto;">
                                                                                                                                                                                                                                                                                                                                                                                         
                     <div id="premier_onglet">
                                                                                                                                                                                                             <aa43>évenements</aa43> › Bienvenue sur <aa2>Among The Roses</aa2>, nous demandons 13 lignes de RP. Evitez les fautes d'orthographe. Les pseudos doivent tenir sur une ligne dans le profil. <pris>25/09 ›</pris> création du forum. <pris>22/10 ›</pris> demande d'avis bazzart <pris>28/11 ›</pris> ouverture du forum <pris>xx/xx ›</pris> prochain événement.                                                                                                                                                                                      
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                         
                     <div id="deuxieme_onglet" style="display: none; line-height: 11px; font-size: 9px; ">
                                                                                                                                                                                                             <aa5>PEAKS ISLAND</aa5> Bienvenue chers étrangers à Peaks Island la petite Île la plus attractive de la « Casco Bay ». Elle appartient à la ville de Portland qui se trouve dans le Maine aux États-Unis. C'est un état qui se situe dans l’extrême nord et qui est enclavé de l'ouest au nord par la province canadienne du Québec, au nord-est par la province du Nouveau-Brunswick, et finalement au sud-est par l'océan Atlantique. Peaks Island se trouve à 4,8 kilomètre de la côte Américaine et il s'y concentre en son cœur une moyenne de 800 insulaires, chiffre instable qui varie durant l'été, cependant le nombre d'habitant à l'année reste stable, les départs et les arrivés étant en osmose. Malgré que Peaks Island soit rattachée à Portland sur le papier la ville a une indépendance totale et son propre gouvernement qui n'est influencé en rien par ce qui se passe par de-la l'horizon.                                                                                                                                                                                
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                         
                     <div id="troisieme_onglet" style="display: none;">
                                                                                                                                                                                                                                                                                                                                                                                      
                        <div style="text-align: justify; margin-top: 3px; line-height: 11px; font-size: 9px; text-transform: lowercase; word-spacing: -0.5px;">
                                                                                                                                                                                                                                                                                   <aa6>crédit</aa6> le design et touts les éléments graphés ont été réalisés par l'incroyable et talentueuse <pris>nazack.</pris>; le codage a été fait par les administratrices <pris>Hollfeather </pris> et <pris>nazack.</pris>. <pris>among the roses</pris> appartient à ses administratrices Hollfeather, nazack. boye, off limits., flyingsquirrel. Toutes reproductions partielles ou totales sont interdites.  Forum optimisé pour google chrome. Évitez de copier, faites appel à votre imagination.                                                                                                                                                                                                                          
                        </div>
                                                                                                                                                                                                                                                                                                                                                                                    
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                       
                  </div>
                                                                                                                                                                                                                                                                                                                                                                              
               </td>
                                                                                                                                                                                                                                                                                                                                                                       
               <td>
                                                                                                                                                                                                                                                                                                                                                                                
                  <div class="tabs-onglets" style="margin-left: 2px; margin-right: 2px;">
                                                                                                                                                                                                       <a href="#premier_onglet"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 35px;" /></a><br /><a href="#deuxieme_onglet"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 35px;" /></a><br /><a href="#troisieme_onglet"><img src="http://img11.hostingpics.net/pics/541054fleur.png" style="height: 35px;" /></a><br />                                                                                                                                                                              
                  </div>
                                                                                                                                                                                                                                                                                    
               </td>
                                                                                                                                                                                                                                                                                   
               <td>
                                                                                                                                                                                                                                                                                      
                  <div class="accordion">
                                                                                                                                                                                                                                                                                         
                     <ul>
                                                                                                        
                        <li>
                                                                                                                                                             <a href="##"><span style="display: block;"><img style="height:30px; width: 120px;" src="http://img15.hostingpics.net/pics/451514staf5.png" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align: center;"><ff>adriel m. lansky</ff><br /><cc>flyingsquirrel.</cc> <aa5>as maëlle</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=8">contacter</a> / <a href="http://amongtheroses.forumactif.org/u8">profil</a></span>                                                                                                                                  
                        </li>
                                                                                                                                                                                                                                                                                      
                        <li>
                                                                                                                                                              <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/706147STAF4.png" style="height:30px; width: 120px; margin-right: 550px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>selenia floyd</ff><br /><cc>off limits.</cc> <aa5>as Marine</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=6">contacter</a> / <a href="http://amongtheroses.forumactif.org/u6">profil</a> </span>                                                                                                                                  
                        </li>
                                                                                                                                                                                                                                                                                            
                        <li>
                                                                                                                                                              <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/270526staf3.png" style="height:30px; width: 120px; margin-right: 550px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>eliess a. rocester</ff><br /><cc>nazack.</cc> <aa5>as Ivana</aa5><br /><res>dc : N. Aspen Eastwood</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=5">contacter</a> / <a href="http://amongtheroses.forumactif.org/u5">profil</a> </span>                                                                                                                                  
                        </li>
                                                                                                                                                                                                                                                                                            
                        <li>
                                                                                                                                                              <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/591783staf2.png" style="height:30px; width: 120px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>faustian trancy</ff><br /><cc>Boye</cc> <aa5>as Coline</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=3">contacter</a> / <a href="http://amongtheroses.forumactif.org/u3">profil</a> </span>                                                                                                                                  
                        </li>
                                                                                                                                                                                                                                                                                            
                        <li>
                                                                                                                                                              <a href="##"><span style="display: block;"><img src="http://img15.hostingpics.net/pics/218978staf1.png" style="height:30px; width: 120px;" /></span></a><span style="padding: 11px; font-size: 10px; font-family: arial; background-color: #efefe5; width: 190px; height: 200px; display: block; text-align:center;"><ff>adam t. stylder</ff><br /><cc>hollfeather</cc> <aa5>as Holly</aa5><br /><res>dc : none</res><br /><br /><a href="http://amongtheroses.forumactif.org/privmsg?mode=post&u=2">contacter</a> / <a href="http://amongtheroses.forumactif.org/u2">profil</a> </span>                                                                                                                                  
                        </li>
                                                                                                                                                                                                                                                                                            
                     </ul>
                                                                                                                                                                                                                                                                                         
                  </div>
                                                                                                                                                                                                                                                                                      
               </td>
                                                                                                                                                                                                                                                                                   
            </tr>
                                                                                                                                                                                                                                                                                
         </tbody>
                                                                                                                                                                                                                                                                             
      </table>
                                                                                                                                                                                                      
   </center>
</div><br />
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


Admin
Admin
Messages : 203
Date d'inscription : 17/07/2013
Localisation : hhr

ATR PA 1 ----  Empty
MessageSujet: Re: ATR PA 1 ----    ATR PA 1 ----  EmptyLun 8 Déc - 19:00

Code:
/*QEEL*/
#lastco .row1 {background: none; padding: 2px; text-align: justify !important;}
#lastco2 .row1 {float: left; margin-left: -2px; padding: 12px; border: 1px solid #e2e2d7; width: 290px !important; background-color: #f6f6ef; height: 115px; text-align: justify; overflow: auto; line-height: 11px; color: #88755f; font-size: 9px !important; text-transform: lowercase; letter-spacing: -0.5px;}
.jj{display: block; margin-bottom: 6px; transform : rotate(-20deg);-webkit-transform : rotate(-20deg);}
gp1{color: #A7535C; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}
gp2{color: #688771; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}
gp3{color: #6C9693; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}
gp4{color: #85648A; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 25px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}
gp5{color: #9E5C7A; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}
gp6{color: #717D8F; text-transform: lowercase; font-family: 'Sail', cursive; font-size: 27px; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}


/*ACCORDEON*/
.accordion{font-family: Arial, Helvetica, sans-serif;border-right:1px solid #CCCCCC;}
.accordion>ul>li>a {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3b75f, endColorstr=#74892d);font-size:15px;text-decoration:none;}
.accordion>ul>li>div {background-color:#efefe5; border:1px solid #e4e4d9; font-size: 10px; text-align: center; padding: 5px; font-family: arial; color: #88887c;}
.accordion>ul>li>div {border-width:1px 0;height:120px;padding:10px;width:240px;}
.accordion>ul>li>a {border-width:0 1px 0 0;width:30px;}
.accordion {width:330px;background-color:#efefe5;border:1px solid #e4e4d9;}
.accordion, .accordion>ul>li>a { height:120px;}
.accordion>ul>li {margin-right:-180px; width:210px;transition: margin-right 0.5s ease-in-out 0.1s;-moz-transition: margin-right 0.5s ease-in-out 0.1s;-webkit-transition: margin-right 0.5s ease-in-out 0.1s;-o-transition: margin-right 0.5s ease-in-out 0.1s;}
.accordion {overflow:hidden;}
.accordion>ul {margin:0;padding:0;list-style:none;width:9999em;}
.accordion>ul>li {float:left;overflow:hidden;}
.accordion>ul>li>a {float:left;margin:0;position:relative;z-index:1;-moz-outline-style:none;outline:none;}
.accordion>ul>li>a>div{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-ms-writing-mode:lr-bt;margin-top: 90px;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:absolute;width:100%;white-space:nowrap;}
.accordion>ul>li>a>span{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-ms-writing-mode:lr-bt;margin-top: 90px;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:absolute;width:100%;white-space:nowrap;}
ul.accordion-ie>li>a>div {cursor:pointer;width:auto;}
ul.accordion-ie>li>a>span {cursor:pointer;width:auto;}
.accordion>ul>li>div {float:left;}
.accordion>ul>li:hover {margin-right:0px;}

/*BANDEAU DEFILANT*/
.fruitpassion{background-color: #ecece7; border: 1px solid #dae1de; width:224px; display: block; position:relative;}
.slideshow,.slide { width: 224px; height: 120px;}
.slideshow {margin: 0;overflow: hidden;}
.slideshow div {position: relative;top: 0;left: 0;}
.slide {margin: 0;overflow: auto;display: inline-block;vertical-align: middle;text-align: center;color: white;}
.slide p {margin: 10px;text-align: justify;}

/*PA*/
.butt{background-color: #f3f3ea; border: 1px solid #e4e4da; border-bottom: 2px solid #e4e4da; margin-top: 4px; text-align: center; font-family: 'Sail', cursive; font-size: 23px; color: #b2b2a8; text-transform: lowercase;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.butt a{color: #b2b2a8;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.butt a:hover{color: #dbdbd0;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pa1:hover .paimg1{bottom: -150;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pa1{overflow: hidden; height:210px; font-size: 11px; line-height: 11px; font-family: arial; text-align: justify; background-color: #f3f3ea; border: 1px solid #ebeae1;}
.paimg1{position: relative; bottom: -10;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}

cc{font-family: 'Sail', cursive; font-size: 22px; color: #9495a4; text-shadow: 1px 0px 0px white; letter-spacing: -1px; text-transform: lowercase;}
cc1{font-family: 'Sail', cursive; font-size: 20px; color: #6c7d92; text-shadow: 1px 0px 0px white; letter-spacing: -1px; text-transform: lowercase;}
ff{font-family: 'Sail', cursive; font-size: 26px; color: #596896; text-shadow: 1px 0px 0px white; letter-spacing: -1px;}

/*CATÉGORIE/ FOND FORUMS *//*SOUS FORUMS */
/* Bloc principal */
.monBloc {border-radius: 10px; margin-top: 10px; position: relative; overflow: hidden; width: 422px; height: 21px; background: #f6f6ef;border: 1px solid #edede9; font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; padding: 4px;}
/*Bloc de recouvrement*/
.blocVolet {border-radius: 10px; position: absolute; top: 0;left: 0; width: 430px; height: 30px; box-shadow: 1px 0px 8px #d6d3c8;background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png);
/* réglage de la transition */-webkit-transition: all 1s linear;  -moz-transition: all 1s linear;  -ms-transition: all 1s linear; -o-transition: all 1s linear;  transition: all 1s linear;}
/* Changement au survol */
.monBloc:hover > .blocVolet {top: -40px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */}

/*CATÉGORIE/ FOND FORUMS *//*SOUS FORUMS */
aa52{font-family: 'Mate SC', serif; font-size: 11px !important;}
.catstat{margin-top: 30px; border: 1px solid #e2e2d7; padding: 10px; font-size: 15px; height: 70px;width: 155px; position: center; text-align: center; line-height: 15px; text-shadow: 0px 0px 1px #E0C5C7; font-family:arial; letter-spacing:-1px;text-transform: lowercase; background-color: #f6f6ef;}
.lastpost a{font-family: 'mate sc', serif; text-transform: uppercase; font-size: 12px; color: #7F90A4; letter-spacing: 1px; text-shadow: 0px 1px 1px #fff; line-height:17px;}
.lastpost {font-size: 11px; margin-bottom: 6px;}
.lastpost a.gensmall {font-family:'sail';font-size:17px;text-transform: lowercase; letter-spacing: -1px;text-align: center;line-height:12px;text-shadow: 0px 1px 1px #fff;}
#fondgateau {background-color: #f6f6ef; border: 1px solid #e2e2d7; font-family: arial; padding:5px;height:75px; width:420px; text-align: justify; margin-top:25px; color: #817E70;}
.cerisechoco{position: relative; margin-bottom: -62px !important; margin-left: 15px; font-family: 'Sail', cursive; font-size: 20px; text-transform: lowercase;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.cerisechoco:hover{letter-spacing: 1.5px;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.secondarytitle {background-color: none; background-repeat: no-repeat; background-image: url(http://img15.hostingpics.net/pics/914154SIDHAUT.png); width: 136px; height: 102px;}
.secondarytitle h2{font-family: 'UnifrakturMaguntia', serif;text-transform: lowercase;font-size: 24px;color: #7f90a4; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff;position: relative; top: 4px;}

/*BOTTIN*/
aa43{text-shadow: 1px 0px 0px white; font-family: 'Sail', cursive; font-size: 20px; text-transform: lowercase; color: #a9b0bb; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s; margint-bottom: 2px;}
aa43:hover{letter-spacing: 0.5px; color: #767987;}
pris{font-weight: bold; text-transform: lowercase; color: #69709f; text-shadow: 1px 0px 0px white;}
res{text-transform: lowercase; color: #b1aba6; text-shadow: 1px 0px 0px white;}

/*FICHE ADMIN*/
.psedd{position: relative;font-family: 'UnifrakturMaguntia', serif; text-transform: lowercase; font-size: 25px; color: #7F90A4; letter-spacing: -1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -95px; margin-bottom: 70px;}
.psedd2{position: relative;font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; color: #7F90A4; letter-spacing: 1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -69px; margin-bottom: 40px;}
.fraisechantillyx{padding: 5px; border: 1px solid #dbdcd9; width:390px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png);}
.cachou{text-align: justify; background-color: #f5f6ef; padding: 6px; line-height: 11px; font-family: arial; font-size: 11px; border: 1px solid #dbdcd9;}

/*PROFIL*/
.cadreprofil {text-align: center; border: 1px solid #b2b9c3; box-shadow: 0 0 0px white, 0 0 0px #b8c4ca, 0px 0px 60px 10px rgba(156,163,173,0.5)inset; background-color:#edeeea; padding: 4px; height: auto; margin: 2px;}
.pseudoprofil {font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; text-align: center; }
bgh {color: #57514B !important;font-family: times new roman;font-size: 8px;text-transform: uppercase;letter-spacing: 1px; padding: 4px;}
kgh {color: #57514B !important;font-family: times new roman;font-size: 9px;text-transform: lowercase;}
.avatarprofil {margin-top: -320px; padding: 5px;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.avatarprofil img:hover {filter: grayscale(100%);-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);  -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.2;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.avatarprofil img{margin-left:-5px; margin-top: -5px;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.rangimage2{height: 320px; width: 200px; border: 1px solid #c7cfd4; padding: 5px; opacity: 0.8; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png);}
.rangprofil {text-align: center;font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; color: #7F90A4; letter-spacing: 1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -14px;}
.infosprofil {box-shadow: 0px 0px 5px #f1f2eb; width: 202px; height: auto; padding: 4px; border: 1px solid #dddedc; text-align: justify; opacity: 0.9; background-color: #eef0ec; font-family: arial; font-size; 11px;}
.infosprofil img{width: 200px;}
.infosprofil2 {margin-top: 8px; box-shadow: 0px 0px 5px #f1f2eb; width: 202px; height: auto; padding: 4px; border: 1px solid #dddedc; text-align: center; opacity: 0.9; background-color: #eef0ec; font-family: arial; font-size; 11px;}
.rangimage {margin-bottom: 10px; width: 200px; height: 100px; padding: 5px; padding-top: 7px; background-color: #f6f6ee; border: 1px solid #dbdcd9;padding: 4px;  opacity: 0.9;}

/**PRÉSENTATION**/
.pre21{width: 195px; height: 110px; background-repeat: no-repeat; background-size: 100%; margin-bottom: 5px;}
.pre2{position: relative; color: #83827b; margin-top:2px; margin-bottom: 2px; background-color: #f0eee6;  text-shadow: 0px 1px 1px #ffffff; text-align: center; margin-left: 10px;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pre2:hover{opacity: 0; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pre1{margin-bottom: -20px; text-align: center; margin-left: 17px;margin-top: 0px;}
.pre3{height:217px; margin-bottom: -262px; border: 3px solid #c5cdd2;}
.pre31{height:217px; border: 4px solid #c5cdd2; background-repeat: no-repeat; background-size: 100%;}
.pre4{height: 217px; border: 3px solid #c5cdd2; position: relative;
transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}
.pre4:hover{opacity: 0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}
.pre41{height: 217px; position: relative;
transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}
.pre41:hover{opacity: 0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}
.imageinfo{height: 90px; padding: 2px; border: 1px solid #9baab1; opacity: 0.7;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.imageinfo:hover{opacity: 0.9;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.infoscode{text-align: left; width: 350px; margin-top: -20px;}
.imageinfo:hover .infoscode{opacity: 1;}
.psed{position: relative;font-family: 'UnifrakturMaguntia', serif; text-transform: lowercase; font-size: 29px; color: #7F90A4; letter-spacing: -1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -95px; margin-bottom: 70px;}
.psed2{position: relative;font-family: 'mate sc', serif; text-transform: uppercase; font-size: 10px; color: #7F90A4; letter-spacing: 1px;text-shadow: 0px 1px 4px #ffffff; text-align: center; margin-top: -69px; margin-bottom: 40px;}
.citronauchocolat{width: 426px; background-image: url(http://img15.hostingpics.net/pics/313737Sanstitre2copiHHhh.png); background-repeat: no-repeat; background-size: 100%; height: 135px;}
.coeurdecitron {width: 400px; background-color: #e9e7de; box-shadow: inset 0px 0px 2px #e1dfd5 !important;  border: 1px solid #; padding: 13px;}
.chocolatfraise {width: 368px; padding: 5px; background-color: #f0eee6; border: 1px solid #dad7cd;}
.chocolatbanane {background-color: #f6f6ee; height: 260px; width: 195px; padding: 5px; border: 1px solid #cdcdcc;}
.bananefraise {overflow: auto; height: 140px; text-align: justify; line-height: 12px; font-family: arial; font-size: 11px;}
.fleurdorange {background-image: url(http://img11.hostingpics.net/pics/541054fleur.png); background-repeat: no-repeat; background-size: 85%; height: 70px; width: 70px; position: relative; margin-bottom: -55px; margin-top: -17px; margin-left: -40px; -webkit-transform: rotate(-20deg);}
.avachocolat {background-color: #9da2ad; padding: 3px; border: 1px solid #7e828b;}
.groupecitron {font-family: 'UnifrakturMaguntia', cursive; text-transform: lowercase; font-size: 15px; padding: 6px; width: 140px; box-shadow: inset 0 0 20px 2px #7f8f99; color: #66667f; margin-top: 8px; border-radius: 2px; text-align: center;}
.gifchocolat {float: left; height: auto; width: 80px; margin-right: 8px; opacity: 0.9; border: 5px solid #f6f6ee;}
.fraisechantilly {width: 368px; padding: 5px; background-color: #ebebe6; border: 1px solid #dbdcd9;}
.fraisechocolat {font-size: 11px; line-height: 12px; font-family: arial; color: #9a9a9a; text-align: justify; height: 190px; overflow: auto;}
.pseudoguimauve {font-family: 'Sail', cursive; font-size: 23px; margin-bottom: -13px; letter-spacing: -1px; text-transform: lowercase; color: #b4b9bf; text-shadow: 0px 2px 1px #fff;}
.guimauvechocolat {background-color: #f6f6ee; border: 1px solid #cdcdcc; width: 352px; padding: 5px; margin-top: 8px;}
.guimauvecaramel {height: 90px; overflow: auto; line-height: 11px; font-size: 10px; font-family: arial; text-align: justify;}
.guimauvecitron {background-image: url(http://img15.hostingpics.net/pics/307745Sanstitre2copiHH.png); width: 426px; background-repeat: no-repeat; background-size: 100%; height: 135px;}
.ongletchoco1 {background-image: url(http://img11.hostingpics.net/pics/276922ONGLETFICHEcopie.png);}
.ongletchoco2 {background-image: url(http://img11.hostingpics.net/pics/276922ONGLETFICHEcopie.png);}
.eden{width: 195px; height: 110px; background-repeat: no-repeat; background-size: 100%; margin-bottom: 5px;}
.guimauvecitron2 {background-image: url(http://img11.hostingpics.net/pics/828620presabarhstoire.png); width: 426px; background-repeat: no-repeat; background-size: 100%; height: 15px;}
aa45{text-shadow: 1px 0px 0px white; margin-bottom: 8px; font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #767987; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s; margint-bottom: 2px;}
aa45:hover{letter-spacing: 0.5px; color: #a9b0bb;}

/**SCÉNARIO**/
.chocolatbanane2{background-color: #f6f6ee; height: 217px; width: 195px; padding: 5px; border: 1px solid #cdcdcc;}
.bananefraise2{overflow: auto; height: 205px; text-align: justify; line-height: 12px; font-family: arial; font-size: 11px; padding-top: 10px;}
.lavie{height:205px; overflow: auto; margin-bottom: -223px; border: 3px solid #e0e1d9; width: 124px; font-size: 10px; line-height: 11px; background-color:#e8eae5; padding: 6px; text-align: justify;}
.avachocolat2{background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); padding: 3px; border: 1px solid #dbddd2; height:223px;}
.crunch {float: left; height: 145px; padding-right: 6px; padding-bottom: 2px; opacity: 0.9; border: 5px solid #f6f6ee;}
.pre42{height: 217px; border: 3px solid #e0e1d9; position: relative;
transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}
.pre42:hover{opacity: 0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}
.orangefruit{background-color: #f0f0eb; border: 1px solid #e5e5e4; padding: 6px; border-bottom: none; margin-bottom: -3px;}
.orange1{width: 160px; padding: 5px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); border: 1px solid #e3e3e0; margin-right: 3px;}
.orange2{width: 160px; padding: 5px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3234591147_1_2_Y7yiFOdS.png); border: 1px solid #e3e3e0; margin-left: 3px;}
.kiwi{height: 130px; overflow: auto; text-align: justify; background-color: #f0f0eb; border: 1px solid #e5e5e4; padding: 6px; line-height: 11px; font-family: arial; font-size: 11px; border-top: none;}
.fraisechocolat2{font-size: 11px; line-height: 12px; font-family: arial; color: #9a9a9a; text-align: justify; height: 145px; overflow: auto;}
.poirechocolat{margin-top: 1px; font-size: 11px; line-height: 12px; font-family: arial; color: #9a9a9a; text-align: justify;}
aa42{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
aa42:hover{letter-spacing: 0.5px; color: #9daecc;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.gifchocolat2 {float: left; height: auto; width: 80px; margin-right: 8px; opacity: 0.9; border: 5px solid #f6f6ee;
 transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.gifchocolat2:hover{ opacity: 0.5; border-radius: 5px;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.orange3{width: 353px; padding: 3px; opacity: 0.9; border: 1px solid #e3e3e0;}

/**CODES COULEURS**/
aa5{color: #6f84aa; font-family: 'Mate SC', serif; font-size: 12px !important;}
aa6{color: #6f84aa; letter-spacing: 1px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 10px;}
aa62{color: #6f84aa; letter-spacing: -0.5px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 10px;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
aa62:hover{color: #6f84aa; letter-spacing: 2px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 10px;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
aa7{color: #7c808d; letter-spacing: -1px; text-transform: uppercase; font-family: 'Mate SC', serif; font-size: 11px;}
aa4{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff; }
aa12{color: #6f84aa; font-family: 'Mate SC', serif; letter-spacing: 1px; font-size: 13px !important;}
aa41{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #fff;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
aa41:hover{letter-spacing: 1px; color: #7c808d;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.aa16{color: #6f84aa; font-family: 'Mate SC', serif; letter-spacing: 1px; font-size: 15px; padding-top: 4px;}

G1{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; }
G2{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; }
G3{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; }
G4{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; }
G5{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; }
G6{font-family: 'Sail', cursive; font-size: 25px; text-transform: lowercase; color: #6f84aa; letter-spacing: -1px; text-shadow: 0px 1px 2px #ffffff; }
.deco{background-image: url(http://img4.hostingpics.net/pics/161992DECOPROFIL.png); width: 200px; height: 25px; background-repeat: no-repeat; background-size: 100%; float: center; }

/*CODE*/
.code{opacity: 0.3; width: 320px; border: 1px solid #b8c4ca !important; box-shadow: 0px 0px 2px #d6dddc !important; font-family : arial; letter-spacing:-1px; word-spacing:1.5; background-color:#e0e1de !important; padding :3px; font-size :10px; text-align:justify; line-height:11px;}
.genmed{font-size: 9px !important; color: #a6acb5 !important; text-shadow: 1px 0px 0px white;}
.quote{background-color:#eeefef !important; font-family:arial; line-height:11px; letter-spacing:-0.5px; border: 1px solid #e3e4e4 !important; width:350px; overflow:auto; text-align:justify; padding:3px; color: #8C8B89;}

/*SELECTIONNER LE CONTENU*/
.selectCode {
  float:right; text-transform: lowercase; cursor:pointer; font-size: 10px; font-family: arial;color: #a6acb5 !important;text-shadow: 1px 0px 0px white;}
div.cont_code { clear: right; }

/**CHAMPS**/
.sceditor-dropdown input,input,input:focus,select,select:focus,textarea,textarea:focus{
  background-color: #f3f5f7 !important; border-radius: 5px !important; box-shadow: 0px 0px 2px #d5d8d4 !important; border: 1px solid #cccdcb !important; color: #8d8c8b !important; font-size: 12px !important; line-height: 13px !important; font-family: arial !important;}

/* HEADER DE FOND */
body {background-image:url(http://img11.hostingpics.net/pics/191963AMONGTHEROSESV2test1.png);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;}

/*BARRE DE NAVIGATION*/
a.mainmenu {text-decoration: none; font-family: 'Mate SC', serif; font-size: 12px !important; color: #ac2e23; text-transform: uppercase !important; text-shadow: 0px 0px 4px #ffffff !important;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
a.mainmenu:hover {letter-spacing: 1.6px; color: #ac2e23;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.navig {position: absolute;top: 0px; width: 99%; background-color: none;}

/*SCROLLBAR*/
::-webkit-scrollbar {
  width: 4px;
  background-color: #e0dbd4;
  height: 4px;}
::-webkit-scrollbar-track {
  background-color: #fcfaf0;}
::-webkit-scrollbar-thumb {
  background-color: #e0dbd4;}
::-webkit-scrollbar-button {
  background-color: #fcfaf0;
  height: 1px;}
::-webkit-scrollbar-button:horizontal {
  background-color: #e0dbd4;
  width: 4px;}

/*SOULIGNEMENTS*/
a {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a {outline:none;}
hr {border-bottom: 1px #d4d6d3 solid;}

/*DERNIERE EDITION*/
tr.post span.gensmall { display: none; }

/*MENU*/
a.mainmenu img{display:none;}
a.mainmenu {text-transform: lowercase;text-decoration: none !important;font-size:10px; text-transform: uppercase;}

/*CORPS DE MESSAGE*/
.postbody {display: block; text-align:justify; padding-left:20px; padding-right:20px; padding-top: 10px;}

/*MARGES DU FORUM*/
body {margin-top:-14px;margin-bottom:-11px;}
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


Admin
Admin
Messages : 203
Date d'inscription : 17/07/2013
Localisation : hhr

ATR PA 1 ----  Empty
MessageSujet: Re: ATR PA 1 ----    ATR PA 1 ----  EmptyLun 8 Déc - 19:01

java
Code:

$(function () {
    //VARIABLES MODIFIABLES
    var delaiSwitch    = 3000;                    // Délai (en ms) d'affichage d'un slide
    var delaiTransition = 1000;                    // Délai (en ms) de l'animation de transition
    var direction      = 'left';                  // Sens (left ou right) du défilement
    var idSlideshow    = '#slideshow';            // ID du slideshow
    var idContainer    = '#slideshow-container';  // ID du container
   
    //VARIABLES SYSTEME
    var slideshowWidth  = parseInt($(idSlideshow).css('width'));
    var slideshowHeight  = parseInt($(idSlideshow).css('height'));
    var nbSlides        = $(idContainer+' > .slide').length;
   
    //ADAPTE LA TAILLE DU CONTENEUR AU NOMBRE DE BLOCS QU'IL CONTIENT
    $(idContainer).css('width', slideshowWidth*nbSlides+'px');

       
    //REDEFINIT LE CONTENU POUR SUPPRIMER LES EVENTUELS ECARTS DUS AUX BORDERS
    if(direction==='right') {
        var decalageLeft = -slideshowWidth*(nbSlides-1);
        $(idContainer).css('left', decalageLeft+'px');
       
        $(idContainer+' > .slide').each(function() {
            var el = $(this).remove();
            $(idContainer).prepend(el);
        }, this);
    } else {
        $(idContainer+' > .slide').each(function() {
            var el = $(this).remove();
            $(idContainer).append(el);
        }, this);
    }
   
    //ADAPTE LA TAILLE DES IMAGES AUX DIMENSIONS DU SLIDESHOW
    $(idSlideshow+' img').css('max-width', slideshowWidth);
    $(idSlideshow+' img').css('max-height', slideshowHeight);
   
    //LANCEMENT DE L'ANIMATION
    setInterval(function() {
        slideshow()
    }, delaiSwitch);
   
    //FONCTION DE DEFILEMENT
    function slideshow() {
        var compteur = 0;      // Compte les slides ayant bougé
       
        if(direction==='right') {
            $(idContainer+' > .slide').animate({left: '+='+slideshowWidth}, delaiTransition, function() {
                compteur++;
               
                // Lorsque le dernier slide à bougé, on crée la boucle
                if(compteur===nbSlides) {
                    var el = $(idContainer+' > .slide:last').remove();
                    $(idContainer).prepend(el);
                    $(idContainer+' > .slide').css('left', '0');
                   
                    compteur = 0;
                }
            });
        } else {
            $(idContainer+' > .slide').animate({left: '-='+slideshowWidth}, delaiTransition, function() {
                compteur++;
               
                // Lorsque le dernier slide à bougé, on crée la boucle
                if(compteur===nbSlides) {
                    var el = $(idContainer+' > .slide:first').remove();
                    $(idContainer).append(el);

                    $(idContainer+' > .slide').css('left', '0');
                   
                    compteur = 0;
                }
            });
        }       
    }
});
Revenir en haut Aller en bas


Contenu sponsorisé

ATR PA 1 ----  Empty
MessageSujet: Re: ATR PA 1 ----    ATR PA 1 ----  Empty

Revenir en haut Aller en bas
 

ATR PA 1 ----

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
lulu55555 :: Votre 1er forum :: cdsfvsdf-
votez pour ATC
BAZZART
top site