Revenir en haut Aller en bas



 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
On test les annonces pleines d'amours juste ici.
test numéro deux sans amours, on aime plus personne

Partagez | 
 

 Page d'accueil - BAE

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatarVoir le profil de l'utilisateur
Milo Samuel Grimaldi
Tragicomedie/Songe d'une nuit d'été

Je ressemble comme deux gouttes d'eau à : Cole Sprouse. J'ai déjà posté : 86 message et je me suis inscris le : 29/03/2017
BELLA ♣ l'autre moitié de moi texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici
elle m'a dit si tu me quittes, je pars avec toi, pars avec moi!


Page d'accueil - BAE | Jeu 1 Juin - 20:11
Code:
<div class="backgroundaccueil">
                                           <baeaccueil>Before Anyone Else</baeaccueil>                   
   <div class="staff">
                                                                   
      <center>
                                                                      
         <div class="card-container">
                                                                         
            <div class="card">
                                                                            
               <div class="front">
                            <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/fd6c7d96f312fd04a4858a5e3ca44cda/tumblr_opr4bl50TQ1v8b0vjo7_250.gif" />                                                   
               </div>
                                                                              
               <div class="back">
                            <span class="fa fa-user">BELLA K. GRIMALDI</span>                                                   
               </div>
                                                                            
            </div>
                                                                         
         </div>
                                                                      
         <div class="card-container">
                                                                         
            <div class="card">
                                                                            
               <div class="front">
                            <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/4aa69146db48603bcf7609531f12bb15/tumblr_inline_om891zNXPh1t80jpm_500.gif" />                                 
               </div>
                                                                              
               <div class="back">
                            <span class="fa fa-user">VICTORIA E. LAWSON</span>                                                                     
               </div>
                                                                            
            </div>
                                                                         
         </div>
                                                                      
         <div class="textestaff">
                                            bienvenue sur <span style="color: rgb(57, 60, 150);">before anyone else</span> {USERNAME}. <strong>Kitty Kat.</strong> (Bella & Eva), <strong>Sweety Didie</strong> (Victoria & ??), <strong>cobain.</strong> (Milo & Kenzie) et <strong>Minefly</strong> (Keira) sont à votre disposition si vous avez la moindre questions ou si vous voulez papotez.                           
         </div>
                                          
         <div class="card-container">
                                                                         
            <div class="card">
                                                                            
               <div class="front">
                                                  <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/6eb46e0b9681f017b97dc0a6eaa3922f/tumblr_o476u2yzne1se7ghzo1_500.gif" />         
               </div>
                                                                              
               <div class="back">
                                                  <span class="fa fa-user">MILO S. GRIMALDI</span>                                                   
               </div>
                                                                            
            </div>
                                                                         
         </div>
                                                                      
         <div class="card-container">
                                                                         
            <div class="card">
                                                                            
               <div class="front">
                            <img style="width: 106px;height:50px;" src="https://68.media.tumblr.com/5b3934166eaa9875511d6a9fddc6831e/tumblr_o7jqqe7DPP1sjlsuoo6_250.gif" />                                   
               </div>
                                                                              
               <div class="back">
                            <span class="fa fa-user">KEIRA S. MURPHY</span>                                                                     
               </div>
                                                                            
            </div>
                                                                         
         </div>
                                                                      
      </center>
                                                                   
   </div>
                                                                
   <div class="blocnavrapide">
                                                                   
      <div class="liens">
                                         <a href="#">règlement</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="#">bottins</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="#">invités</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="#">scénarios</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="#">pré-liens</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="#">partenaires</a>                               
      </div>
                                                                   
   </div>
                                                                
   <div class="blocvote">
                                                                   
      <div class="liens">
                                         <a href="http://www.root-top.com/topsite/loveharvard/in.php?ID=625">VOTE</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="http://www.root-top.com/topsite/filetdudiable/in.php?ID=1098">VOTE</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=1198">VOTE</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=24207">VOTE</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="http://www.root-top.com/topsite/bazzart/in.php?ID=1038">VOTE</a>                               
      </div>
                                                                   
      <div class="liens">
                                         <a href="http://beforeanyoneelse.1fr1.net/t697-aide-a-faire-connaitre-le-forum">PUB BAZZART & PRD</a>                               
      </div>
                                                                   
   </div>
                                                                  
   <div class="contexte">
                                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia dolor et lacus vulputate accumsan. Sed ornare tortor id nisi finibus rutrum. Cras posuere molestie leo eu feugiat. Curabitur sit amet tristique libero, a imperdiet purus. Nam lacinia, sem consectetur semper ultricies, nulla justo tristique velit, id congue odio metus eu massa. Aliquam et semper orci, vitae malesuada eros. Curabitur facilisis, augue sit amet consectetur suscipit, magna quam vehicula augue, ac dignissim diam nunc ac turpis. Suspendisse malesuada elit nec bibendum posuere. Cras molestie orci magna, eu efficitur massa sagittis ac. Proin tristique elementum lorem, vel sagittis neque faucibus eget. Donec commodo, leo ut suscipit egestas, lectus odio elementum lorem, ut laoreet nibh enim sed arcu. In magna tellus, porttitor vel sapien at, interdum mollis est. Nullam ac dapibus sapien. Nunc rutrum, erat et interdum vehicula, quam nulla sodales augue, vel cursus dui enim tristique elit. Nullam egestas viverra orci, quis suscipit mauris efficitur a. Suspendisse vel tellus nisl. Sed porta ipsum nec semper porta. Fusce ac arcu hendrerit ex suscipit dapibus hendrerit sed nunc. Duis tincidunt, metus eu imperdiet posuere, leo libero tempor ante, a porttitor nulla arcu non lacus. Maecenas mollis nisi ac eleifend posuere. Praesent arcu magna, pretium ac lorem at, luctus vestibulum purus. Vivamus iaculis dapibus felis nec hendrerit. Praesent tincidunt, est sit amet lobortis maximus, mi orci hendrerit enim, eu mollis mauris lorem nec augue. Morbi id sollicitudin turpis. Cras vitae tellus placerat, scelerisque mi at, aliquet neque.                               
   </div>
                                                  
   <div class="membresmois">
                              <img src="http://68.media.tumblr.com/090f223693eff864b3ac24b011ffda45/tumblr_nsi3eagGLS1sfeqkko8_250.gif" class="membres" /> <img src="https://49.media.tumblr.com/ee6b2cac8b4bb1f860a3fbbbcfc0dcfa/tumblr_nyqsmqhaF11uiro49o1_500.gif" class="membres" /><ii>pseudo</ii> et <ii>pseudo</ii> sont nos bae du mois, bravo à vous et plein d'amour. N'hésitez pas à passer sur leurs fiches de liens pour vous aussi devenir copain avec l'élite. On retrouve <ii>pseudo</ii> <a href="#">ici</a> et <ii>pseudo</ii> <a href="#">ici</a>.                         
   </div>
                                            
   <div class="scenaboxpa">
                          <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/f967ae346977211f3fb9cc92098bc63c/tumblr_nsf16otksL1r79dgro2_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/2d02483f9772e9e1408eeef04299357a/tumblr_nsf16otksL1r79dgro1_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/91dfb33156b427007470f22c2e52b74a/tumblr_nsf16otksL1r79dgro4_250.gif" /></a><br /><a href="#"><img class="scenapa" src="https://68.media.tumblr.com/fef5acf73f3b006f748921fa19dc2499/tumblr_nsf16otksL1r79dgro3_250.gif" /></a><a> </a><a href="#"><img class="scenapa" src="https://68.media.tumblr.com/8790ad8c478139ba364cb7588a00945f/tumblr_nsf16otksL1r79dgro5_250.gif" /></a> <a href="#"><img class="scenapa" src="https://68.media.tumblr.com/15c7033fe761882fee3e023d7890bea3/tumblr_nsf16otksL1r79dgro6_250.gif" /></a>                   
   </div>
                                      
   <div class="newsroom">
                        <strong>14.10.16</strong> - Ouverture du forum. <strong>15.10.16</strong> - Keira rejoint le staff. <strong>25.10.16</strong> - B. rejoint le staff + l'animation des secrets commencent. <strong>28.10.16</strong> - Le premier événement. <strong>10.11.16</strong> - Victoria & Zarko rejoignent le staff ! <strong>14.11.16</strong> - Le forum a un mois. <strong>14.12.16</strong> - Le forum a deux mois + La version de noël. <strong>27.12.16</strong> - Zachary rejoint le staff + Zarko quitte le staff. <strong>10.01.17</strong> - Holden rejoint le staff + Le deuxième événement. <strong>14.01.17</strong> - Le forum a trois mois. <strong>10.02.17</strong> - B quitte le staff + L'animation secrets est terminé. <strong>14.02.17</strong> - Le forum a quatre mois + design de st valentin + L'activité de la st valentin a débuté. <strong>01.03.17</strong> - Fin de l'activité de la st valentin.<strong>14.03.17</strong> - Le forum a cinq mois. <strong>05.04.2017</strong> Keira, Violett & Zach quittent le staff + design de printemps. <strong>14.04.17</strong> - Le forum a six mois.  <strong>14.05.17</strong> - Le forum a sept mois.                 
   </div>
                
   <div class="credit">
              <em>forum optimisé pour google chorme</em> Le forum a été créer par <ii>Kitty Kat.</ii> le 14.10.2016 sur une idée inspirée des citations de la série <ii>one tree hill</ii>. Le forum est l'entière propriété de son staff, <ii>Kitty Kat.</ii>, <ii>Sweety Didie</ii>, <ii>Minefly</ii> et <ii>cobain.</ii>. Toutes reproduction partielle ou complète est strictement interdite. Nous remercions <ii>pseudo</ii>, <ii>pseudo</ii> et <ii>cobain.</ii> pour les codages et design du forum.       
   </div>
              
   <div class="pokemon">
                 
      <div class="partenaires">
               <a href="http://www.ut-austin.org/">la boite à souvenirs</a>     
      </div>
                   
      <div class="partenaires">
               <a href="http://chicago-dreams.forumactif.com/">chicago dream</a>     
      </div>
                   
      <div class="partenaires">
               <a href="http://www.screw-destiny.com/">screw destiny</a>     
      </div>
                   
      <div class="partenaires">
               <a href="http://redwood-hills.forumactif.org/">redwood hills</a>     
      </div>
                   
      <div class="partenaires">
               <a href="http://www.i-love-harvard.com/">i love harvard</a>     
      </div>
                   
      <div class="partenaires">
               <a href="http://peoples-glory.forumactif.ws/">people's glory</a>     
      </div>
         
      <div class="partenaires">
               <a href="#">vous ?</a>     
      </div>
         
      <div class="partenaires">
               <a href="#">vous ?</a>     
      </div>
         
      <div class="partenaires">
               <a href="#">vous ?</a>     
      </div>
         
      <div class="partenaires">
               <a href="#">vous ?</a>     
      </div>
       
   </div>
   
   <div class="martinmystere">
       <img src="http://img11.hostingpics.net/pics/746218boutonpartenariat.png" /> <img src="http://img11.hostingpics.net/pics/746218boutonpartenariat.png" />
   </div>
        
   <div class="dragonball">
       
      <div class="partenaires2">
               <a href="#">plus de partenaires ?</a>     
      </div>
               
      <div class="partenaires2">
               <a href="#">nous lier ?</a>     
      </div>
               
      <div class="partenaires2">
               <a href="#">notre fiche</a>     
      </div>
                 
   </div>
</div>
Revenir en haut Aller en bas
avatarVoir le profil de l'utilisateur
Milo Samuel Grimaldi
Tragicomedie/Songe d'une nuit d'été

Je ressemble comme deux gouttes d'eau à : Cole Sprouse. J'ai déjà posté : 86 message et je me suis inscris le : 29/03/2017
BELLA ♣ l'autre moitié de moi texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici texte ici
elle m'a dit si tu me quittes, je pars avec toi, pars avec moi!


Re: Page d'accueil - BAE | Ven 2 Juin - 20:48
Code:
/*PAGE D'ACCUEIL*/
/*FONDPAGE ACCUEIL*/
.backgroundaccueil{width:800px;height:450px;background-color:#e7dada;text-align:center;}
/*FIN FOND PAGE ACCUEIL*/
/*TITRE FORUM*/
BAEaccueil{font-family:parisienne;font-size:45px;color:#873356;}
/*FIN TITRE FORUM*/
/*STAFF*/
.card-container {display: inline-block; /* NE PAS TOUCHER */margin: 0 auto; /* NE PAS TOUCHER */
text-align: center; /* NE PAS TOUCHER */padding: 2px; /* ESPACEMENT ENTRE LES BOÎTES */}
.card {position: relative; /* NE PAS TOUCHER */width: 106px; /* LARGEUR DE LA BOÎTE */height: 50px; /* HAUTEUR DE LA BOÎTE */
transition: all 0.6s ease; /* TEMPS DE TRANSITION */transform-style: preserve-3d; /* NE PAS TOUCHER */}
.front, .back {position: absolute; /* NE PAS TOUCHER */top: 0; /* NE PAS TOUCHER */left: 0; /* NE PAS TOUCHER */
margin-right: 10px; /* NE PAS TOUCHER */backface-visibility: hidden; /* NE PAS TOUCHER */}
.front {display: flex; /* NE PAS TOUCHER */align-items: center; /* NE PAS TOUCHER */justify-content: center; /*NE PAS TOUCHER */
font-size: 10px; /* GROSSEUR DU TEXTE DEVANT BOÎTE */text-transform:uppercase;font-family:ubuntu condensed;
background: #f6f6f6; /* COULEUR FOND DEVANT BOÎTE */color: #242327; /* COULEUR TEXTURE DEVANT BOÎTE */
border: 1px solid #ececec; /* COULEUR BORDURE DEVANT BOÎTE */width: 106px; /* LARGEUR DE LA BOÎTE */
height: 50px; /* HAUTEUR DE LA BOÎTE */}
.back {display: flex; /* NE PAS TOUCHER */align-items: center; /* NE PAS TOUCHER */justify-content: center; /* NE PAS TOUCHER */
font-size: 11px; /* TAILLE DU TEXTE ARRIÈRE BOÎTE */background: #242327; /* COULEUR FOND ARRIÈRE BOÎTE */
color: #f6f6f6; /* COULEUR TEXTE ARRIÈRE BOÎTE */border: 1px solid #ececec; /* COULEUR BORDURE ARRIÈRE BOÎTE */
font-family: ubuntu condensed; /* TYPOGRAPHIE ARRIÈRE BOÎTE */line-height: 11px; /* HAUTEUR SAUT DE LIGNE TEXTE ARRIÈRE BOÎTE */
text-align: center; /* ALIGNEMENT TEXTE BOÎTE */padding: 2px; /* ESPACEMENT QUATRE CÔTÉS DE L'ARRIÈRE BOÎTE */
width: 102px; /* LARGEUR DE LA BOÎTE PRISE EN CONSÉQUENCE DU PADDING */height: 46px;
  /* HAUTEUR DE LA BOÎTE PRISE EN CONSÉQUENCE DU PADDING */}
.card-container:hover .card {transform: rotateX(180deg); /* AXE DE ROTATION - ROTATEY(180DEG) = DE GAUCHE À DROITE - ROTATEY(-180DEG) = DE DROITE À GAUCHE - ROTATEX(180DEG) = DE HAUT EN BAS - ROTATEX(-180DEG) = DE BAS EN HAUT */
}.back {transform: rotateX(180deg); /* AXE DE ROTATION - ROTATEY(180DEG) = DE GAUCHE À DROITE - ROTATEY(-180DEG) = DE DROITE À GAUCHE - ROTATEX(180DEG) = DE HAUT EN BAS - ROTATEX(-180DEG) = DE BAS EN HAUT */
}
.staff{width:225px;height:auto;font-family:ubuntu condensed;color:grey;overflow:auto;position:absolute;margin-top:5px;
margin-left:5px;}
.textestaff{width:215px;height:75px;font-family:ubuntu condensed;color:grey;overflow:auto;padding:2px;font-size:12px;
  background-color:#f6f6f6;opacity:0.8;text-align:justify;border:1px solid #d8d0cb;}
/*FIN STAFF*/
/*CONTEXTE*/
.contexte{width:325px;height:130px;font-family:ubuntu condensed;color:grey;overflow:auto;padding:2px;background-color:#f6f6f6;
  font-size:12px;position:absolute;margin-top:7px;margin-left:232px;text-align:justify;}
/*FIN CONTEXTE*/
/*NAVRAPIDE*/
.liens{width:105px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:#f6f6f6;}
.liens a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:darkgrey;}
.liens:hover{width:105px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:#d6c4c4;}
.liens:hover a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:#a64754;}
.blocnavrapide{position:absolute;margin-top:200px;margin-left:8px;}
/*FIN NAVRAPIDE*/
/*VOTE*/
.blocvote{position:absolute;margin-top:200px;margin-left:120px;}
/*FIN VOTE*/
/*MEMBRES DU MOIS*/
.membresmois{width:220px;height:130px;background-color:#f6f6f6;font-family:ubuntu condensed;color:grey;overflow:auto;position:absolute;
margin-top:7px;margin-left:565px;padding:2px;font-size:12px;text-align:justify;}
.membres{border:1px #fee3ef solide;width:105px;height:55px;}
ii{font-family:ubuntu condensed;font-size:12px;text-transform:lowercase;color:#993f54;text-shadow: 1px 0px 0px white;}
/*FIN MEMBRES DU MOIS*/
/*SCENARIOS EN AVANT*/
.scenapa{width:100px;height:55px;border:solid 1px #fee3ef;}
.scenaboxpa{width:325px;height:auto;position:absolute;margin-left:232px;margin-top:153px;}
/*FIN SCENARIO MIS EN AVANT*/
/*NOUVEAUTES*/
.newsroom{width:213px;height:70px;overflow:auto;padding:2px;background-color:#f6f6f6;font-size:12px;position:absolute;
  margin-top:310px;margin-left:9px;text-align:justify;font-family:ubuntu condensed;font-size:12px;color:grey;}
/*FIN NOUVEAUTES*/
/*CREDIT*/
.credit{width:325px;height:100px;font-family:ubuntu condensed;color:grey;overflow:auto;padding:2px;background-color:#f6f6f6;
  font-size:12px;position:absolute;margin-top:280px;margin-left:232px;text-align:justify;}
/*FIN CREDIT*/
/*PARTENAIRES*/
.partenaires{width:220px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:#f6f6f6;}
.partenaires a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:darkgrey;}
.partenaires:hover{width:220px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:#d6c4c4;}
.partenaires:hover a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:#a64754;}
.pokemon{position:absolute;margin-top:150px;margin-left:565px;height:120px;overflow:auto;}
.dragonball{position:absolute;margin-top:330px;margin-left:565px;height:auto;}
.partenaires2{width:220px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:white;}
.partenaires2 a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:#a64754;}
.partenaires2:hover{width:220px;height:15px;font-family: 'Ubuntu Condensed';text-transform:uppercase;text-align:center;
  border:solid 1px #DCDCDC;box-shadow:0px 0px 2px #DCDCDC;background-color:#f6f6f6;}
.partenaires2:hover a{display:block;border-bottom: 3px solid none;padding:-5px;font-size:10px;color:darkgrey;}

.martinmystere{width:220px;height:40px;position:absolute;margin-left:565px;margin-top:280px;text-align:center;}
/*FIN PARTENAIRES*/
Revenir en haut Aller en bas
Page 1 sur 1
 Sujets similaires
-
» [ABANDON] Une page d'accueil à onglets
» [Lixyr Yrna] Une page d'accueil pour rainbow style
» [Akino] Un page d'accueil pour New Day :)
» Message de page d'accueil pour Amplificatum[Phantasmagoria]
» Ou se trouve le message sur la page d'accueil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test cobain. :: Titre de la catégorie juste ici :: Votre 1er forum :: Le premier sous forum-
Sauter vers: