AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Cartes Pokémon : la prochaine extension ...
Voir le deal

Partagez
 

 FICHE CSS ATR

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

FICHE CSS ATR Empty
MessageSujet: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:23

Code:
/**PRÉSENTATION ATR**/
.pre1{position: relative; width: 400px; font-family: 'Oleo Script Swash Caps', cursive; font-size: 30px;
  background-color: #fbf4e0; color: #68d5b9; text-shadow: 2px 0px 0px #ffffff; font-style: italic;
  transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s; }
.pre1:hover{opacity: 0; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pre2{margin-bottom: -20px; font-family: 'Hammersmith One', sans-serif; text-transform: uppercase; font-size: 18px; color:#bed266; text-shadow: 1px 0px 0px #9ab04e; letter-spacing: -1px;}
.preimg1{height:250px; position: relative;
  transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.preimg1:hover{opacity: 0;
  transition: 2s;-moz-transition: 2s;-o-transition: 2s;-htm-transition: 2s;-webkit-transition: 2s;}
.preimg2{height:250px; margin-bottom: -250px;}
pr1{color: #9ab04e; text-shadow: 1px 0px 1px #fffff; text-transform: uppercase; font-family: 'Hammersmith One', sans-serif;  font-size: 13px;}
pr{color: #c5dc73; text-shadow: 1px 0px 1px #fffff; text-transform: uppercase; font-family: 'Hammersmith One', sans-serif;  font-size: 13px;}
pr2{color: #c5dc73; text-shadow: 1px 0px 1px #fffff; text-transform: uppercase; font-family: 'Hammersmith One', sans-serif;  font-size: 11px;}
pr3{color: #4bc2b5; text-shadow: 1px 0px 1px #fffff; text-transform: uppercase; font-family: 'Hammersmith One', sans-serif;  font-size: 11px;}
pr4{color: #7fd9cd; text-shadow: 1px 0px 1px #fffff; text-transform: uppercase; font-family: 'Hammersmith One', sans-serif;  font-size: 11px;}

/**PA**/
.paimg1{bottom: 0; width: 210px; position: absolute;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pa1{text-align: justify; line-height: 12px; position: relative; width: 212px; height: 240px; border: 1px solid #b0c559; overflow: hidden; transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pa1:hover .paimg1{bottom: -100;}
.pa2{padding: 6px; line-height: 12px; font-family: arial; font-size: 11px;}

/*PRÉSENTATION HOLL*/
aa{color: #749279; letter-spacing: -1px; font-weight: bold; text-transform: uppercase; font-family: 'Enriqueta', serif; font-size: 10px;}
aa2{color: #bf9a88; letter-spacing: -1px; font-weight: bold; text-transform: uppercase; font-family: 'Enriqueta', serif; font-size: 10px;}
aa3{color: #928d7f; text-shadow: 0px 0px 2px #ffffff; letter-spacing: -1.5px; font-weight: bold; text-transform: uppercase; font-family: 'Enriqueta', serif; font-size: 10px;}
.holl1{width: 106px; overflow: auto; padding: 4px; text-align: center; line-height: 11px; text-transform: lowercase; font-size: 10px; font-family: arial; height: 174px; opacity: 0;transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; }
.holl1:hover{opacity: 1; background-color: #fcf7ee; transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; }
.fruit{padding-top: 8px; border: 1px solid #eee9da;  height: 78px; width: 163px; overflow: auto; text-align: center; line-height: 11px; text-transform: lowercase; font-size: 11px; font-family: arial; opacity: 0;transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; }
.fruit:hover{border: 1px solid #eee9da; opacity: 1; background-color: #fdf9f0; transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; }

/*TEST*/
.hehe{width: 270px; height: 120px; background-color: #DEB887; margin-top: -30px;}
.baba{background-color: rgba(100, 140, 182, 0.7); transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; opacity: 0; margin-left:-30px;margin-bottom:-30px; width: 70px; padding: 12px; border-radius: 60px 60px 0px 0px; height: 80px;}
.hehe:hover .baba{opacity: 1; margin-bottom: 50px;}

.kiri{margin-left:-170px; width: 70px; border-radius: 60px 60px 0px 0px; height: 80px;background-color: rgba(100, 140, 182, 0.7); padding: 12px;
  position: relative; top: 0;
  transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s;}
.kiri:hover{top: -50;
  transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s;}
.kiri img{opacity: 0;
  transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s;}
.kiri:hover img{opacity: 1;
    transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s;}
.far{width: 360px; height: 200px; background-color: #A9A9A9; border: 1px solid #A9A9A9; margin-top: -60px; position:relative;}

/*CODE*/
.code{width: 320px;border: 1px solid #e3dbce !important; box-shadow: 0px 0px 2px #;d7d0c0font-family : arial;letter-spacing:-0.5px;word-spacing:1.5;background-color:#fdf7ed !important; padding :3px ;margin :2px ;font-size :10px ;text-align:justify; line-height:11px;}
.quote{background-color:#fdf7ed !important; font-family:arial;line-height:11px;letter-spacing:-0.5px;border: 1px solid #e3dbce !important; width:300px;overflow:auto;text-align:justify;padding:3px;color: #8C8B89 ;}

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

/*BARRE DE NAVIGATION*/
a.mainmenu {text-decoration: none; font-family: 'Hammersmith One', sans-serif;
font-size: 14px !important; text-transform: uppercase; color: #b1c659;
  text-shadow: 0px 0px 2px #ffffff !important;}
.navig {position: absolute;top: 0px; width: 99%; background-color: none;}

/*PROFIL*/
.stay{width: 192px; padding: 4px; border: 1px solid #98bbdf; background-color: #f1f4f6; text-align:justify; font-size: 11px; font-family: arial; line-height: 12px;}
.stay img{width: 200px; border-bottom: 2px solid #98bbdf; border-top: 2px solid #98bbdf; padding:0px !important; margin-left: -4px;}

/*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 #a7b74a 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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:24

Code:
<center>
                                  
   <div style="background-color: #fefcf3;">
                                                                                                                                                                                                                                                                                                                                                     
      <div style="padding:10px; width: 340px; height: 100px; font-family: 'Oleo Script Swash Caps', cursive; font-size: 35px; color: #68d5b9; text-shadow: 2px 0px 0px #ffffff; font-style: italic; margin-top: -25px;">
                                                                                                                                                                                                                                                                                                                                                        
         <div style="font-family: 'Hammersmith One', sans-serif; font-size: 40px; color:#bed266; text-shadow: 2px 0px 0px #9ab04e; padding-top: 10px; font-weight: bold; margin-bottom: -35px; letter-spacing: -2.5px;font-style: normal;">
                                                                                                                                                                                    AMONG                                                                                                                                                                       
         </div>
                                                                                                                                                                                   the roses                                                                                                                                                                     
         <div style="font-size: 8px; font-family: arial; margin-top: -8px;">
                                                                                                                                                                              en graph                                                                                                                                                                 
         </div>
                                                                                                                                                                                                                                                                                                                                              
      </div>
                                                                                                                                                                                                                                                                                                                                 
      <table>
                                                                                                                                                                                                                                                                                                                                    
         <tbody>
                                                                                                                                                                                                                                                                                                                                       
            <tr>
                                                                                                                                                                                                                                                                                                                                          
               <td>
                                                                                                                                                                                                                                                                         
                  <center>
                                                                                                                                                                                                                                                                                                                    
                     <div style="width: 210px; height: 140px; margin-top: -30px; margin-bottom: 20px;">
                                                                                                                                                                                                                                                                                                 
                        <div style="font-family: 'Oleo Script Swash Caps', cursive; font-size: 20px; color: #68d5b9; text-shadow: 2px 0px 0px #ffffff; font-style: italic;">
                                                                                                                                                     liens utiles                                                                                                                         
                        </div>
                                                                                                                                                                                                                                                                         
                        <div style="background-color: #fdf8e8; width: 200px; font-family: 'Libre Baskerville', serif; font-size: 10px; color: #d4e891; text-transform: uppercase; padding: 4px; text-align: center; border: 1px solid #f5edd7; margin-bottom: 3px;">
                                                                                                                                                     <a href="http://amongtheroses.forumactif.org" class="postlink" target="_blank">Le bottin</a>                                                                                                                           
                        </div>
                                               
                        <div style="background-color: #fdf8e8; width: 200px; font-family: 'Libre Baskerville', serif; font-size: 10px; color: #d4e891; text-transform: uppercase; padding: 4px; text-align: center; border: 1px solid #f5edd7; margin-bottom: 3px;">
                                                                                                                                                     <a href="http://amongtheroses.forumactif.org" class="postlink" target="_blank">Les scénarios</a>                                                                                                                           
                        </div>
                                               
                        <div style="background-color: #fdf8e8; width: 200px; font-family: 'Libre Baskerville', serif; font-size: 10px; color: #d4e891; text-transform: uppercase; padding: 4px; text-align: center; border: 1px solid #f5edd7; margin-bottom: 3px;">
                                                                                                                                                     <a href="http://amongtheroses.forumactif.org" class="postlink" target="_blank">Règlement</a>                                                                                                                           
                        </div>
                                               
                        <div style="background-color: #fdf8e8; width: 200px; font-family: 'Libre Baskerville', serif; font-size: 10px; color: #d4e891; text-transform: uppercase; padding: 4px; text-align: center; border: 1px solid #f5edd7; margin-bottom: 3px;">
                                                                                                                                                     <a href="http://amongtheroses.forumactif.org" class="postlink" target="_blank">autres</a>                                                                                                                           
                        </div>
                                   
                        <div style="background-color: #fdf8e8; width: 200px; font-family: 'Libre Baskerville', serif; font-size: 10px; color: #d4e891; text-transform: uppercase; padding: 4px; text-align: center; border: 1px solid #f5edd7;">
                                                                                                                                                     <a href="http://amongtheroses.forumactif.org" class="postlink" target="_blank">blah</a>                                                                                                                           
                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
                     </div>
                                                                                                                                                                                                                                                                
                  </center>
                                                                                                                                                                                                                                                                                                                                             
                  <div style="background-color: #f7eeda; box shadow: 0px 0px 2px #e3dbc7; width: 205px; padding: 3px; color: #817e70;">
                                                                                                                                                                                                                                                                                                          
                     <div style="width: 195px; height: 90px; background-color: #fefcf3; border: 1px dashed #fbf3df; padding: 4px; font-family: arial; font-size: 10px; text-align: justify; overflow: auto;">
                                                                                                                                                                            <pr3>infos</pr3> <pr4>00/00</pr4> infos <pr4>00/00</pr4> infos <pr4>00/00</pr4> infos                                                                                                                                                                       
                     </div>
                                                                                                                                                                                                                                                                                                          
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                 
               </td>
                                                                                                                                                                                                                                                                                                                                  
               <td>
                                                                                                                                                                                                                                                                                                                                     
                  <div class="pa1">
                                                                                                                                                                                                                                                                                                                  
                     <div class="paimg1">
                                                                                                                                                                        <img src="http://auto.img.v4.skyrock.net/2965/84302965/pics/3232379225_2_16_uoJIu46x.png" style="width: 212px;" />                                                                                                                                                   
                     </div>
                                                                                                                                                                                                                      
                     <div class="pa2">
                                                                                                                                                                                                Provincetown est une petite ville de Nouvelle Angleterre, située à l'extrémité de la péninsule du Cape Code, fleurie de toutes parts de roses rouges éclatantes. P-town est particulièrement sollicitée comme destination de choix en période estivale. Ses habitants mettent tout leur coeur et leurs tripes pour que leur ville chérie reste celle que l'on perçoit sur les cartes postales. Un havre de paix, baigné d'histoire et de légendes exubérantes. Cependant cette perfection surréaliste, entretenue par tous dissimule l'affreuse réalité que certains ont tout intérêt à taire. Oui, Provincetown est parfaite sur le papier glacé, mais si vous y regardez de plus prés l'effroyable vérité s'offre à vous. LIRE LA SUITE                                                                                                       
                     </div>
                                                                                                                                                                                                                                                                    
                  </div>
                                                                                                                                                                                                                                                                                                                 
               </td>
                                                                                                                                                                                                                                                                                                                                
               <td>
                                                                                                                                                                                                                                                                                                                                     
                  <div style="width: 220px; height: 150px;">
                                                                                                                                                                         <iframe scrolling="no" style="height: 175px; width: 233px; margin-left: -9px; margin-top: -15px;" src="http://amongtheroses.forumactif.org/h1-staff-atc" name="" frameborder="no"> </iframe>                                                                                                                                                       
                  </div>
                                                                                                                                                                                                                                                                                                                                           
                  <div style="width: 220px; height: 80px; text-align: justify; margin-top: 5px;">
                                                                                                                                                                         <pr1>CREDIT: </pr1>le design a été réalisé par l'incroyable et talentueuse <pr2>NAZACK.</pr2>; le codage a été fait par <pr2>Hollfeather </pr2>et l'aide de <pr2>Meijy</pr2>. Toutes reproductions partielles ou totales sont interdites. Soyez créatifs et respectez notre travail.                                                                                                                                                                   
                  </div>
                                                                                                                                                                                                                                                                                                                                 
               </td>
                                                                                                                                                                                                                                                                                                                                          
            </tr>
                                                                                                                                                                                                                                                                                                                                       
         </tbody>
                                                                                                                                                                                                                                                                                                                                    
      </table>
                                                                                                                                                                                                                                                                                                           
      <table>
                                                                                                                                                                                                                                                                                                              
         <tbody>
                                                                                                                                                                                                                                                                                                                 
            <tr>
                                                                                                                                                                                                                                                                                                                    
               <td style="border: 1px solid #9400D3; width: 450px; height: 240px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3233405151_1_6_zTXfXzjH.png); background-repeat: no-repeat;">
                                                                                                                                                                                                 
                  <div style="width: 90px; height: 90px; border: 1px solid blue; margin-top: -15px; margin-left: 60px;">
                                                                                                           1 boerde                                                                                       
                  </div>
                                                                                                                                                                               
                  <div style="border: 1px solid orange; width: 90px; height: 90px; margin-left: 240px; margin-top: -70px;">
                                                                                                     2 border                                                                               
                  </div>
                                                                                                                                                               
                  <div style="border: 1px solid #EE82EE; width: 90px; height: 90px; margin-left: 330px;">
                                                                                                     2 border                                                                               
                  </div>
                                                                                                                                                                                                                                                                                                                     
               </td>
                                                                                                                                                                                                                                                                                                                  
               <td>
                                                                                                                                                                                                         
                  <div style="width: 200px; height: 160px;">
                                                                                                                                                                          
                     <div style="font-family: 'Oleo Script Swash Caps', cursive; font-size: 20px; color: #68d5b9; text-shadow: 2px 0px 0px #ffffff; font-style: italic; text-align: center;">
                                                                                                                                                  les partenaires                                                                                                                       
                     </div>
                                                                                                                                  
                     <div style="background-color: #d5eedd; border: 1px solid #9ae1ce; padding: 3px; height: 120px;">
                                                                                                                                   
                        <center>
                                                                                   <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://auto.img.v4.skyrock.net/2965/84302965/pics/3226102291_0_14_PDRmAGom.png" style="height: 30px;" />                            </a>  <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://auto.img.v4.skyrock.net/2965/84302965/pics/3226102291_0_14_PDRmAGom.png" style="height: 30px;" />                            </a>  <br /><br />  <pr3>le devenir</pr3> <pr4>-</pr4>  <pr3>les autres</pr3>    <br /><br />  <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a>  <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a> <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a> <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a> <br /><a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a>  <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a> <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a> <a target="_blank" class="postlink" href="http://amongtheroses.forumactif.org"><img src="http://img11.hostingpics.net/pics/528501PART3.png" /></a>                                                 
                        </center>
                                                                                                                                           
                     </div>
                                                                                                                                      
                  </div>
                                                                                                                                 
                  <div style="height: 80px; border: 1px solid red; width: 200px;">
                                                               membres ouvertures                                               
                  </div>
                                                                                                                     
               </td>
                                                                                                                                                                                                                                                                                                                    
            </tr>
                                                                                                                                                                                                                                                                                                                 
         </tbody>
                                                                                                                                                                                                                                                                                                              
      </table>
                                     
   </div>
</center>

PA ATR
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:25

Code:
<center>
<div style="width: 350px; background-color: #fdf9f0; box-shadow: 0px 0px 2px #e0dbd4; border: 1px solid #e0dbd4; padding: 5px;">
<div style="width: 340px;"><img src="https://31.media.tumblr.com/86f826ce1c75d1aa6e4c5c6152d82b13/tumblr_inline_nb8udwx65w1re5311.gif" style="margin-top: -15px; width:340px; box-shadow: 0px 0px 3px #d4c9b8;"><div style="background-color: rgba(255, 255, 255, 0.7); margin-top: -43px; position: relative;height: 30px; padding-top: 13px; font-family: 'Enriqueta', serif; font-size: 9px; text-transform: uppercase; text-shadow: 1px 0px 2px #ffffff; color: #b68d7c;">citation sur une ligne</div></div><div style="font-family: 'Homemade Apple', cursive; font-size: 18px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;margin-top: 10px; margin-bottom: -16px; font-weight: 30px;">Nom Prénom P.</div><div class="tabs-onglets"><table><td>
<a href="#premier_onglet"><div style="width: 155px; height: 10px; background-color: #cdd7c6; box-shadow: inset 0 0 10px 2px #77977b; border-radius: 10px;"></div></a></td><td>
<a href="#deuxieme_onglet"><div style="width: 155px; height: 10px; background-color: #cdd7c6; box-shadow: inset 0 0 10px 2px #77977b; border-radius: 10px;"></div></a></td></table>
<div id="contenu" style="margin-top: 5px;box-shadow: 0 0 3px #ede6d9, 0 0 1px #ede6d9, 0px 0px 60px 10px rgba(222,213,195,0.2)inset; font-size: 11px; line-height: 12px; text-align: justify; padding: 5px; width: 330px; height: 90px; overflow: auto; font-family: arial; color: #85786e; margin-bottom: -6px;">
<div id="premier_onglet"><aa>NOM ›</aa> écrire ici <aa2>PRÉNOM ›</aa2> écrire ici <aa>DATE DE NAISSANCE ›</aa> écrire ici <aa2>AGE ›</aa2> écrire ici <aa>ORIGINES ›</aa> écrire ici <aa2>STATUT CIVIL ›</aa2> écrire ici <aa>MÉTIER/ETUDES ›</aa> écrire ici <aa2>ORIENTATION SEXUELLES ›</aa2> écrire ici <aa>SITUATION MONÉTAIRE ›</aa> écrire ici <aa2>GROUPE ›</aa2> écrire ici <aa>CÉLÉBRITÉ ›</aa> écrire ici <aa2>CRÉDIT ›</aa2> écrire ici </div>
<div id="deuxieme_onglet"><div style="color: #75947a; letter-spacing: -1.5px; font-weight: bold; text-transform: uppercase; font-family: 'Enriqueta', serif; font-size: 12px; text-align: center; margin-bottom: 2px;">MES PETITS FAITS</div>[i]Ici tu écriras quelques faits divers sur ton personnage, afin qu'on en connaisse plus sur lui. [/i]<aa2>-</aa2>Une histoire drôle <aa>-</aa> un tic <aa2>-</aa2> une phobie <aa>-</aa> une gourmandise <aa2>-</aa2> une passions <aa>-</aa>ce qu'il déteste <aa2>-</aa2> ce qu'il adore <aa>-</aa> petite anecdote <aa2>-</aa2></div></div><table style="width: 330px;"><div style="text-align: center; font-family: 'Homemade Apple', cursive; font-size: 15px; color: #b4a99b; text-shadow: 1px 0px 0px #908575; margin-top: 15px; margin-bottom: -7px; position: relative;">My life in ville</div><td><div style="background-color: #f0ebdd; border: 1px solid #dad3bf; padding: 3px;"><div style="background-image: url(http://nsa34.casimages.com/img/2014/06/22//140622125940352187.png); width: 114px; height: 182px; background-repeat: no-repeat; background-size: 114px 182px;"><div class="holl1">1 trait de caractère
2 trait de caractère
3 trait de caractère
4 trait de caractère<div></div></td><td><div style="height: 180px; overflow: auto; border: 1px solid #e0dbd4; background-color: #f4efe4; padding: 4px; text-align: justify; font-size: 10px; line-height: 11px; font-family: arial;">Ici rédige un texte concernant l'implication de ton personnage dans la ville. Blah. Edendos amicitiae amicitiarum munus rerum illud veterrima amicitia quando num quae teneros equis sit quod sicut digni sicut equis ut rerum veterrima multos ea amicitiarum veteribus illud vina homine ut ea ut rerum quaestio sint quaedam modios est anteponendi expletum edendos edendos vetulis novi simul quaestio vetustatem quaedam veterrima ut anteponere subdifficilis sicut novi debet expletum Indigna amicitiarum ut suavissima quaedam amicitia expletum ut equis amicitia quae num expletum edendos subdifficilis salis quod homine hoc ferunt debent ferunt suavissima autem ea quaedam num subdifficilis veteribus multos quaedam veterrima vetulis vetustatem vetulis Indigna modios equis munus num amicitiarum ut sint debent.</div></td></table><table style="width: 330px;"><td><div style="background-color: #fdf9f0; box-shadow: inset 0 0 20px 5px #dad2be; font-size: 10px; text-align: justify; line-height: 13px; padding: 7px; border-radius: 5px; height: 60px; overflow: auto; font-size: 9px;"><aa3>Pseudo ›</aa3> écrire ici <aa3>Prénom ›</aa3> écrire ici <aa3>Age ›</aa3> écrire ici <aa3>Fréquence de connexion ›</aa3> écrire ici <aa3>Où as-tu trouvé FWT ›</aa3> écrire ici <aa3>Ton avis ›</aa3> écrire ici <aa3>es-tu un scénario ?</aa3> écrire ici <aa3>Un dernier mot ›</aa3> écrire ici</div></td><td><img src="https://31.media.tumblr.com/a9d45291528309dbbf3f2c0a30de7b44/tumblr_inline_nbeo2w9oAh1rmwk9d.png" style="height: 70px; width: 70px; border-radius: 5px; border: 2px solid #efeadd;"></td></table>
</div></center>


<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Enriqueta' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:25

Code:
<center><div style="width: 390px; background-color: #efe7d9; padding-top: 5px; padding-bottom:5px; border: 1px solid #e2dac7;"><div style="width: 370px; background-color: #fcf8ef; border: 1px solid #efe8da; font-family: arial; padding-top: 8px; padding: 5px;"><table><td style="padding-right: 6px;"><div class="tabs-onglets"><a href="#cart1"><div style="background-image: url(https://33.media.tumblr.com/384830fcce18598e2c37ecbb66442a76/tumblr_nbmzaxi46t1rblxmto6_250.gif); background-repeat: no-repeat; background-size: 100%; height: 88px; width: 165px; border-top: 5px solid #e0dbd4;"><div class="fruit">trait caractère negatif
trait caractère negatif
trait caractère negatif
trait caractère negatif
trait caractère negatif</div></div></a></div></td><td style="padding-left: 5px;"><div class="tabs-onglets"><a href="#cart2"><div style=" border-bottom: 5px solid #cdd7c6; background-image: url(https://33.media.tumblr.com/38b4e4b3b0074fada3d880ae2e8f73ec/tumblr_nbmzaxi46t1rblxmto3_250.gif); background-repeat: no-repeat; background-size: 100%; height: 88px; width: 165px;"><div class="fruit">trait caractère positif
trait caractère positif
trait caractère positif
trait caractère positif
trait caractère positif</div></div></a></div></td></table><div style="font-family: 'Homemade Apple', cursive; font-size: 18px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;font-weight: 30px; margin-top: 10px;">Nom Prénom P.</div><div id="contenu" style="margin-top: 5px;box-shadow: 0 0 3px #ede6d9, 0 0 1px #ede6d9, 0px 0px 60px 10px rgba(222,213,195,0.2)inset; font-size: 11px; line-height: 12px; text-align: justify; padding: 6px; width: 330px; height: 100px; overflow: auto; font-family: arial; color: #85786e; margin-bottom: -6px;"><div id="cart1"><aa>NOM ›</aa> écrire ici <aa2>PRÉNOM ›</aa2> écrire ici <aa>DATE DE NAISSANCE ›</aa> écrire ici <aa2>AGE ›</aa2> écrire ici <aa>ORIGINES ›</aa> écrire ici <aa2>STATUT CIVIL ›</aa2> écrire ici <aa>MÉTIER/ETUDES ›</aa> écrire ici <aa2>ORIENTATION SEXUELLES ›</aa2> écrire ici <aa>SITUATION MONÉTAIRE ›</aa> écrire ici <aa2>GROUPE ›</aa2> écrire ici <aa>CÉLÉBRITÉ ›</aa> écrire ici <aa2>CRÉDIT ›</aa2> écrire ici </div><div id="cart2" style="display: none;">Ici rédige un texte concernant l'implication de ton personnage dans la ville. Blah.
Edendos amicitiae amicitiarum munus rerum illud veterrima amicitia quando num quae teneros equis sit quod sicut digni sicut equis ut rerum veterrima multos ea amicitiarum veteribus illud vina homine ut ea ut rerum quaestio sint quaedam modios est anteponendi expletu</div></div>
<div style=";height: 30px; font-family: 'Enriqueta', serif; font-size: 9px; text-transform: uppercase; text-shadow: 1px 0px 2px #ffffff; color: #b68d7c; margin-top: -5px; margin-bottom: -10px;">citation sur une ligne</div><table><td><img src="http://38.media.tumblr.com/45db959507992c51dcc9247c235ba2ab/tumblr_n8rqqdtJv91saikalo2_250.png" style="width: 120px;"></td><td><div style="width: 205px; height: 178px; overflow: auto; border: 1px solid #e0dbd4; background-color: #f4efe4; padding: 6px; text-align: justify; font-size: 11px; line-height: 12px; font-family: arial; color: #989181;">fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - </div></td></table><table><td><div class="tabs-onglets"><a href="#infos"><img src="https://31.media.tumblr.com/7a3a0aa020278fba9dbe49b1fec21355/tumblr_inline_na7ysgkH3C1r40guj.png" style="height: 60px; width: 60px; border-radius: 50px; margin-right: -25px; margin-top:-30px; position: relative;"></a></div></td><td><center><div style="font-family: 'Homemade Apple', cursive; font-size: 15px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;font-weight: 30px; margin-top: 10px;">Pseudo</div></center><div id="contenu" style="background-color: #efeadc; width: 250px; margin-top: 5px; height: 50px; overflow: auto; text-align: justify; font-size: 10px; padding: 20px; padding-bottom: 5px; line-height: 10px; padding-top: 14px; border-radius: 0px 0px 5px 5px;"><div id="infos"><aa3>Pseudo ›</aa3> écrire ici <aa3>Prénom ›</aa3> écrire ici <aa3>Age ›</aa3> écrire ici <aa3>Fréquence de connexion ›</aa3> écrire ici <aa3>Où as-tu trouvé FWT ›</aa3> écrire ici <aa3>Ton avis ›</aa3> écrire ici <aa3>es-tu un scénario ?</aa3> écrire ici <aa3>Un dernier mot ›</aa3> écrire ici</div>
<div id="code" style="display: none">code bottin :
[code]présn[/code]
</div></div></td><td><div class="tabs-onglets"><a href="#code"><img src="https://31.media.tumblr.com/89a4b65717cdc0979726c652d34e3d37/tumblr_inline_na0br5Nbb31rb2xgr.png" style="height: 60px; width: 60px; border-radius: 50px; margin-left: -25px; margin-top:-30px;"></a></div></td></table>

</div></div></center>
<link href='http://fonts.googleapis.com/css?family=Enriqueta' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:25

Code:
<br><center><div style="width: 450px; padding: 4px; background-color:#efeacf; border: 1px solid #e7e0c6;"><div style="width: 440px; background-color: #fbf4e0; padding: 4px; font-family: arial; font-size: 11px; border: 1px solid #eee4cb; color: #9f9a7c;">
<div style="width: 440px; height: 30px;"><div class="pre2">Ft. avatar</div><div class="pre1">Prénom Nom</div></div><table style="background-color: #fdf8e8; box-shadow: 0px 0px 1px #d6cfbd; padding: 2px;"><td><div style="height:236px; text-align: justify; width: 235px; font-size: 11px; line-height: 12px; background-image: url(http://auto.img.v4.skyrock.net/2965/84302965/pics/3232917053_1_12_XVlNKIqY.png); background-repeat: no-repeat; background-position: bottom center;"><div style="overflow: auto; height:160px; padding: 6px; padding-top: 1px;"><pr>NOM ›</pr> écrire ici <pr1>PRÉNOM ›</pr1> écrire ici <pr>DATE ET LIEU DE NAISSANCE ›</pr> écrire ici <pr1>AGE ›</pr1> écrire ici  <pr>ORIGINES ›</pr> écrire ici <pr1>STATUT CIVIL ›</pr1> écrire ici <pr>MÉTIER / ÉTUDES ›</pr> écrire ici <pr1>ORIENTATION SEXUELLE ›</pr1> écrire ici  <pr>SITUATION MONÉTAIRE ›</pr> écrire ici <pr1>GROUPE ›</pr1> écrire ici  x
x
x
x
x
x2
x3
x4
x5</div></div></td><td style="padding-right: 4px;"><div style="border: 1px solid #eee4cb; padding: 3px; background-color: #fbf4e0;"><img src="http://img4.hostingpics.net/pics/823930AVA5BIS.png" class="preimg2">
<img src="http://img4.hostingpics.net/pics/721390AVA5.png" class="preimg1"></div></td></table>
<div style="font-family: 'Oleo Script Swash Caps', cursive; font-size: 20px; color: #ecbcb7; text-shadow: 2px 0px 0px #ffffff; font-style: italic; margin-top: 5px; margin-bottom: -10px;">La citation</div><div class="tabs-onglets"><table><td>
<a href="#pre1"><div style="width: 200px; height: 15px; background-color: #d0ecd5; box-shadow: inset 0 0 10px 2px #fbf4e0; border-radius: 10px;"></div></a></td><td>
<a href="#pre2"><div style="width: 200px; height: 15px; background-color: #d0ecd5; box-shadow: inset 0 0 10px 2px #fbf4e0; border-radius: 10px;"></div></a></td></table><div style="margin-top: 5px;background-color: #fdf8e8; box-shadow: 0px 0px 1px #d6cfbd; border: 1px solid #fefaeb; padding: 5px; width: 400px; font-family: arial; margin-bottom: -6px; color: #9f9a7c;"><div id="contenu" style="height: 120px; overflow: auto; font-size: 11px; line-height: 12px; text-align: justify; margin-bottom: 6px;">
<div id="pre1">premier onglet x
x
x
x
x2
x3
x4
x5
x6
x7
x8</div>
<div id="pre2" style="display: none;">2ème onglet</div></div><img src="http://38.media.tumblr.com/746ae6bcab9da97913f162ec169d149c/tumblr_n9fyf3RRR61r72dfyo3_250.gif" style="width:182px; border: 1px solid #eee4cb; padding: 3px; background-color: #fbf4e0;"> <img src="http://38.media.tumblr.com/b4925b103efea97a781c1e6016887383/tumblr_n9fyf3RRR61r72dfyo4_250.gif" style="width: 182px; border: 1px solid #eee4cb; padding: 3px; background-color: #fbf4e0; margin-left: 15px;"></div>
<div style="font-family: 'Oleo Script Swash Caps', cursive; font-size: 20px; color: #ecbcb7; text-shadow: 2px 0px 0px #ffffff; font-style: italic; margin-top: 5px; margin-bottom: -14px;">Ton pseudo</div><table><td><div class="tabs-onglets"><a href="#info"><img src="http://media.tumblr.com/fbb6b299e0f5c83f07547c2dfc416837/tumblr_mwfrscO16V1rpsuq5o6_250.gif" style="height: 76px; width: 76px; border-radius: 30px 0px 0px 30px; margin-right: -5px; border: 1px solid #ece4ce; border-left: 5px solid #fdfcf7;"></a></div></td><td><div id="contenu" style="background-color: #fdf8e8; width: 320px; height: 60px; overflow: auto; text-align: justify; font-size: 10px; line-height: 10px; padding: 8px; border: 1px solid #ece4ce; border-left: none;"><div id="info"><pr3>Prénom ›</pr3> écrire ici <pr4>Age ›</pr4> écrire ici <pr3>Fréquence de connexion ›</pr3> écrire ici <pr4>Où as-tu trouvé FWT ›</pr4> écrire ici <pr3>Ton avis ›</pr3> écrire ici <pr4>es-tu un scénario ?</pr4> écrire ici <pr3>Un dernier mot ›</pr3> écrire ici</div>
<div id="bottin" style="display: none">code bottin :
[code]présn[/code]
</div></div></td><td><div class="tabs-onglets"><a href="#bottin"><img src="http://auto.img.v4.skyrock.net/2965/84302965/pics/3232917053_1_10_3iE9E6Rf.png" style="transform : rotate(15deg);-webkit-transform : rotate(15deg); height: 50px; margin-top: 40px; margin-left: -30px;"></a></div></td></table>
</div></div></center>

FICHE PRESZNTATION ATR
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:26



Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:28

Code:
<br><center><div style="width: 450px; padding: 4px; background-color:#efeacf; border: 1px solid #e7e0c6;"><div style="width: 440px; background-color: #fbf4e0; padding: 4px; font-family: arial; font-size: 11px; border: 1px solid #eee4cb; color: #9f9a7c;">
<div style="width: 440px; height: 30px;"><div class="pre2">slogan slogan slogan</div><div class="pre1">Titre</div></div><table><td><div style="background-color: #fdf8e8; border-radius: 15px;width: 340px; font-family: 'Libre Baskerville', serif; font-size: 10px; color: #d4e891; text-transform: uppercase;padding: 4px; margin-top: -8px; margin-bottom: 12px; text-align: center;">un petit texte</div></td><td><img src="http://auto.img.v4.skyrock.net/2965/84302965/pics/3232917053_1_10_3iE9E6Rf.png" style="transform : rotate(15deg);-webkit-transform : rotate(15deg); height: 40px; margin-left: -50px; margin-top: -15px;"></td></table><div style="background-color: #fdf8e8; box-shadow: 0px 0px 1px #d6cfbd; padding: 6px; width:420px;"></div>

<div></div></center>

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>
FICHE ADMIN ATR
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:29

Test Holly :

titre
slogan

un petit texte
Texte
Texte 2
Texte 3





Code:
<center><div style="width: 390px; background-color: #efe7d9; padding-top: 5px; padding-bottom:5px; border: 1px solid #e2dac7;"><div style="width: 370px; background-color: #fcf8ef; border: 1px solid #efe8da; font-family: arial; padding-top: 8px; padding: 5px;"><div style="background-color: #f4f0e4; box-shadow: inset 0 0 25px 5px #ede7d9; border-radius: 20px; padding: 5px; width: 350px; margin-top: 5px;"><div style="font-family: 'Homemade Apple', cursive; font-size: 14px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;font-weight: 30px; margin-top: 10px;">titre</div><div style="font-family: 'Enriqueta', serif; font-size: 9px; text-transform: uppercase; text-shadow: 1px 0px 2px #ffffff; color: #b68d7c; margin-top: -5px;">slogan</div></div>
<div style="font-family: 'Enriqueta', serif; font-size: 11px; text-transform: uppercase; color: #78987c; margin-bottom: -4px;">un petit texte</div><div style="box-shadow: 0 0 3px #ede6d9, 0 0 1px #ede6d9, 0px 0px 60px 10px rgba(222,213,195,0.2)inset; font-size: 11px; line-height: 12px; text-align: justify; padding: 7px; width: 320px; font-family: arial; color: #8d8678;">Texte
Texte 2
Texte 3</div>
</div></div></center>
<link href='http://fonts.googleapis.com/css?family=Enriqueta' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>

Code:
https://31.media.tumblr.com/212ab5ee221c848448ddeffe2689c264/tumblr_nbnrq1tDdy1qgjqato8_500.gif
Code admin 2
Revenir en haut Aller en bas
https://lulu55555.forumactif.org
Admin


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

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR EmptySam 11 Oct - 18:29

Code:
3)
<center><div style="width: 390px; background-color: #efe7d9; padding-top: 5px; padding-bottom:5px; border: 1px solid #e2dac7;"><div style="width: 370px; background-color: #fcf8ef; border: 1px solid #efe8da; font-family: arial; padding-top: 8px; padding: 5px;"><table><td style="padding-right: 6px;"><div class="tabs-onglets"><a href="#cart1"><div style="background-image: url(https://33.media.tumblr.com/384830fcce18598e2c37ecbb66442a76/tumblr_nbmzaxi46t1rblxmto6_250.gif); background-repeat: no-repeat; background-size: 100%; height: 88px; width: 165px; border-top: 5px solid #e0dbd4;"><div class="fruit">trait caractère negatif
trait caractère negatif
trait caractère negatif
trait caractère negatif
trait caractère negatif</div></div></a></div></td><td style="padding-left: 5px;"><div class="tabs-onglets"><a href="#cart2"><div style=" border-bottom: 5px solid #cdd7c6; background-image: url(https://33.media.tumblr.com/38b4e4b3b0074fada3d880ae2e8f73ec/tumblr_nbmzaxi46t1rblxmto3_250.gif); background-repeat: no-repeat; background-size: 100%; height: 88px; width: 165px;"><div class="fruit">trait caractère positif
trait caractère positif
trait caractère positif
trait caractère positif
trait caractère positif</div></div></a></div></td></table><div style="font-family: 'Homemade Apple', cursive; font-size: 18px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;font-weight: 30px; margin-top: 10px;">Nom Prénom P.</div><div id="contenu" style="margin-top: 5px;box-shadow: 0 0 3px #ede6d9, 0 0 1px #ede6d9, 0px 0px 60px 10px rgba(222,213,195,0.2)inset; font-size: 11px; line-height: 12px; text-align: justify; padding: 6px; width: 330px; height: 100px; overflow: auto; font-family: arial; color: #85786e; margin-bottom: -6px;"><div id="cart1"><aa>NOM ›</aa> écrire ici <aa2>PRÉNOM ›</aa2> écrire ici <aa>DATE DE NAISSANCE ›</aa> écrire ici <aa2>AGE ›</aa2> écrire ici <aa>ORIGINES ›</aa> écrire ici <aa2>STATUT CIVIL ›</aa2> écrire ici <aa>MÉTIER/ETUDES ›</aa> écrire ici <aa2>ORIENTATION SEXUELLES ›</aa2> écrire ici <aa>SITUATION MONÉTAIRE ›</aa> écrire ici <aa2>GROUPE ›</aa2> écrire ici <aa>CÉLÉBRITÉ ›</aa> écrire ici <aa2>CRÉDIT ›</aa2> écrire ici </div><div id="cart2" style="display: none;">Ici rédige un texte concernant l'implication de ton personnage dans la ville. Blah.
Edendos amicitiae amicitiarum munus rerum illud veterrima amicitia quando num quae teneros equis sit quod sicut digni sicut equis ut rerum veterrima multos ea amicitiarum veteribus illud vina homine ut ea ut rerum quaestio sint quaedam modios est anteponendi expletu</div></div>
<div style=";height: 30px; font-family: 'Enriqueta', serif; font-size: 9px; text-transform: uppercase; text-shadow: 1px 0px 2px #ffffff; color: #b68d7c; margin-top: -5px; margin-bottom: -10px;">citation sur une ligne</div><table><td><img src="http://38.media.tumblr.com/45db959507992c51dcc9247c235ba2ab/tumblr_n8rqqdtJv91saikalo2_250.png" style="width: 120px;"></td><td><div style="width: 205px; height: 178px; overflow: auto; border: 1px solid #e0dbd4; background-color: #f4efe4; padding: 6px; text-align: justify; font-size: 11px; line-height: 12px; font-family: arial; color: #989181;">fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - </div></td></table><table><td><div class="tabs-onglets"><a href="#infos"><img src="https://31.media.tumblr.com/7a3a0aa020278fba9dbe49b1fec21355/tumblr_inline_na7ysgkH3C1r40guj.png" style="height: 60px; width: 60px; border-radius: 50px; margin-right: -25px; margin-top:-30px; position: relative;"></a></div></td><td><center><div style="font-family: 'Homemade Apple', cursive; font-size: 15px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;font-weight: 30px; margin-top: 10px;">Pseudo</div></center><div id="contenu" style="background-color: #efeadc; width: 250px; margin-top: 5px; height: 50px; overflow: auto; text-align: justify; font-size: 10px; padding: 20px; padding-bottom: 5px; line-height: 10px; padding-top: 14px; border-radius: 0px 0px 5px 5px;"><div id="infos"><aa3>Pseudo ›</aa3> écrire ici <aa3>Prénom ›</aa3> écrire ici <aa3>Age ›</aa3> écrire ici <aa3>Fréquence de connexion ›</aa3> écrire ici <aa3>Où as-tu trouvé FWT ›</aa3> écrire ici <aa3>Ton avis ›</aa3> écrire ici <aa3>es-tu un scénario ?</aa3> écrire ici <aa3>Un dernier mot ›</aa3> écrire ici</div>
<div id="code" style="display: none">code bottin :
[code]présn[/code]
</div></div></td><td><div class="tabs-onglets"><a href="#code"><img src="https://31.media.tumblr.com/89a4b65717cdc0979726c652d34e3d37/tumblr_inline_na0br5Nbb31rb2xgr.png" style="height: 60px; width: 60px; border-radius: 50px; margin-left: -25px; margin-top:-30px;"></a></div></td></table>

</div></div></center>
<link href='http://fonts.googleapis.com/css?family=Enriqueta' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>


[code]<center><div style="width: 390px; background-color: #efe7d9; padding-top: 5px; padding-bottom:5px; border: 1px solid #e2dac7;"><div style="width: 370px; background-color: #fcf8ef; border: 1px solid #efe8da; font-family: arial; padding-top: 8px; padding: 5px;"><table><td style="padding-right: 6px;"><div class="tabs-onglets"><a href="#cart1"><div style="background-image: url(https://33.media.tumblr.com/384830fcce18598e2c37ecbb66442a76/tumblr_nbmzaxi46t1rblxmto6_250.gif); background-repeat: no-repeat; background-size: 100%; height: 88px; width: 165px; border-top: 5px solid #e0dbd4;"><div class="fruit">trait caractère negatif
trait caractère negatif
trait caractère negatif
trait caractère negatif
trait caractère negatif</div></div></a></div></td><td style="padding-left: 5px;"><div class="tabs-onglets"><a href="#cart2"><div style=" border-bottom: 5px solid #cdd7c6; background-image: url(https://33.media.tumblr.com/38b4e4b3b0074fada3d880ae2e8f73ec/tumblr_nbmzaxi46t1rblxmto3_250.gif); background-repeat: no-repeat; background-size: 100%; height: 88px; width: 165px;"><div class="fruit">trait caractère positif
trait caractère positif
trait caractère positif
trait caractère positif
trait caractère positif</div></div></a></div></td></table><div style="font-family: 'Homemade Apple', cursive; font-size: 18px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;font-weight: 30px; margin-top: 10px;">Nom Prénom P.</div><div id="contenu" style="margin-top: 5px;box-shadow: 0 0 3px #ede6d9, 0 0 1px #ede6d9, 0px 0px 60px 10px rgba(222,213,195,0.2)inset; font-size: 11px; line-height: 12px; text-align: justify; padding: 6px; width: 330px; height: 100px; overflow: auto; font-family: arial; color: #85786e; margin-bottom: -6px;"><div id="cart1"><aa>NOM ›</aa> écrire ici <aa2>PRÉNOM ›</aa2> écrire ici <aa>DATE DE NAISSANCE ›</aa> écrire ici <aa2>AGE ›</aa2> écrire ici <aa>ORIGINES ›</aa> écrire ici <aa2>STATUT CIVIL ›</aa2> écrire ici <aa>MÉTIER/ETUDES ›</aa> écrire ici <aa2>ORIENTATION SEXUELLES ›</aa2> écrire ici <aa>SITUATION MONÉTAIRE ›</aa> écrire ici <aa2>GROUPE ›</aa2> écrire ici <aa>CÉLÉBRITÉ ›</aa> écrire ici <aa2>CRÉDIT ›</aa2> écrire ici </div><div id="cart2" style="display: none;">Ici rédige un texte concernant l'implication de ton personnage dans la ville. Blah.
Edendos amicitiae amicitiarum munus rerum illud veterrima amicitia quando num quae teneros equis sit quod sicut digni sicut equis ut rerum veterrima multos ea amicitiarum veteribus illud vina homine ut ea ut rerum quaestio sint quaedam modios est anteponendi expletu</div></div>
<div style=";height: 30px; font-family: 'Enriqueta', serif; font-size: 9px; text-transform: uppercase; text-shadow: 1px 0px 2px #ffffff; color: #b68d7c; margin-top: -5px; margin-bottom: -10px;">citation sur une ligne</div><table><td><img src="http://38.media.tumblr.com/45db959507992c51dcc9247c235ba2ab/tumblr_n8rqqdtJv91saikalo2_250.png" style="width: 120px;"></td><td><div style="width: 205px; height: 178px; overflow: auto; border: 1px solid #e0dbd4; background-color: #f4efe4; padding: 6px; text-align: justify; font-size: 11px; line-height: 12px; font-family: arial; color: #989181;">fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - fact - </div></td></table><table><td><div class="tabs-onglets"><a href="#infos"><img src="https://31.media.tumblr.com/7a3a0aa020278fba9dbe49b1fec21355/tumblr_inline_na7ysgkH3C1r40guj.png" style="height: 60px; width: 60px; border-radius: 50px; margin-right: -25px; margin-top:-30px; position: relative;"></a></div></td><td><center><div style="font-family: 'Homemade Apple', cursive; font-size: 15px; color: #729077; text-shadow: 2px 0px 0px #cdd7c6;font-weight: 30px; margin-top: 10px;">Pseudo</div></center><div id="contenu" style="background-color: #efeadc; width: 250px; margin-top: 5px; height: 50px; overflow: auto; text-align: justify; font-size: 10px; padding: 20px; padding-bottom: 5px; line-height: 10px; padding-top: 14px; border-radius: 0px 0px 5px 5px;"><div id="infos"><aa3>Pseudo ›</aa3> écrire ici <aa3>Prénom ›</aa3> écrire ici <aa3>Age ›</aa3> écrire ici <aa3>Fréquence de connexion ›</aa3> écrire ici <aa3>Où as-tu trouvé FWT ›</aa3> écrire ici <aa3>Ton avis ›</aa3> écrire ici <aa3>es-tu un scénario ?</aa3> écrire ici <aa3>Un dernier mot ›</aa3> écrire ici</div>
<div id="code" style="display: none">code bottin :
[code]présn[/code]
</div></div></td><td><div class="tabs-onglets"><a href="#code"><img src="https://31.media.tumblr.com/89a4b65717cdc0979726c652d34e3d37/tumblr_inline_na0br5Nbb31rb2xgr.png" style="height: 60px; width: 60px; border-radius: 50px; margin-left: -25px; margin-top:-30px;"></a></div></td></table>

</div></div></center>
<link href='http://fonts.googleapis.com/css?family=Enriqueta' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>[/code]

Fiche présentation Elle fanning
Revenir en haut Aller en bas


Contenu sponsorisé

FICHE CSS ATR Empty
MessageSujet: Re: FICHE CSS ATR   FICHE CSS ATR Empty

Revenir en haut Aller en bas
 

FICHE CSS ATR

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

 Sujets similaires

-
» FICHE CSS SOL
» FICHE CSS ATC 24/06
» FiCHE présentation
» Fiche scénario (BW)
» Fiche de liens (BW)

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