AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Page d'Accueil 3

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

whatever i am

avatar


Messages : 118
Date d'inscription : 05/02/2011
Age : 23

MessageSujet: Page d'Accueil 3   Dim 16 Nov - 18:03

Code:
<div class="titrepa">Oh My God
</div>
<div class="citapa">
                                                    une petite citation toute mignonne.                                                
</div><br />
<div class="contourpa">
                                                                                                     
   <div class="cadrelien">
                                             <a href="http://">règlement</a> ≈ <a href="http://">groupes</a> ≈ <a href="http://">invités</a> ≈ <a href="http://">scénarios</a> ≈ <a href="http://">annexes</a>                                          
   </div>
                                  <br />                            
   <div class="contexte">
                                   Le soleil brille, la mer scintille. Si on tend l'oreille, qu'on ferme les yeux, on peut entendre le murmure des gens de Brisbane. Ces murmures joyeux, étouffés, colériques, amoureux qui parcourent la ville, qui s'éveillent. Qui se rejoignent à Fortitude Valley, le quartier le plus en vue du moment. Celui de tous les vices mais aussi de toutes les joies. C'est ici qu'a été construit l'immeuble Alpha Mosaic, au centre de la ville, approchant doucement des cent ans. Il fait la joie des uns, l'horreur des autres. Mais tous sont réunis dans ce lieu pour vivre. Certains le prennent pour un hôtel avec ses centres de spa, ses jardins aux couleurs vivent et ses plages privées. D'autres le voient comme un vieux bâtiment prêt à s'écrouler d'un jour à l'autre. Tous ont des avis différents. Mais tous y vivent. En harmonie ou pas, ils ont décidé de mettre la main à la pâte pour continuer à pouvoir y vivre sans se prendre la tête. Commérages, fêtes dégantées, tapages nocturnes, l'Alpha Mosaic est prêt à vous accueillir. <a href="http://">+++</a>                            
   </div><br />                                      
   <center>
                                          
      <table>
                                                   
         <tbody>
                                                      
            <tr>
                                                         
               <td>
                                                          
                  <div class="nouveautes">
                                          <span class="titrenouveautes">nouveautés</span><br /> <span style="text-decoration: underline;">2 nov. 2014</span> ≈ création du forum. <span style="text-decoration: underline;">11 nov. 2014</span> ≈ mise en place du forum. <span style="text-decoration: underline;">date</span> ≈ ouverture du forum. <span style="text-decoration: underline;">date</span> ≈ description de la nouveauté. <span style="text-decoration: underline;">date</span> ≈ description de la nouveauté. <span style="text-decoration: underline;">date</span> ≈ description de la nouveauté.                    
                  </div>
                                                            
               </td>
                                                           
               <td>
                                                  
                  <div style="width:20px">
                                                     
                  </div>
                                                  
               </td>
                                                 
               <td>
                                                          
                  <div class="informations">
                                          <span class="titreinformations">informations</span> <br />Je ne sais pas quoi dire, mais genre le nombre de lignes par rp, la météo de la ville prévue, quelques petites règles du forum. Je ne sais pas quoi dire, mais genre le nombre de lignes par rp, la météo de la ville prévue, quelques petites règles du forum.                  
                  </div>
                                                            
               </td>
                                                         
               <td>
                                                  
                  <div style="width:20px">
                                                     
                  </div>
                                                  
               </td>
                                                   
               <td>
                                                          
                  <div class="partcrd">
                                          <span class="titrepartcrd">partenariat + crédit</span>  <br />    Toute reproduction complète ou partielle est strictement interdite. Le forum appartient à <em>admin</em>. Merci à <em>uc</em> pour le design. Le codage a été entièrement réalisé par <em>suika</em> pour les besoins du forum.  <br /><br />            
                     <center>
                                    <img src="http://img11.hostingpics.net/pics/408413logo3.png" /><br /><a "="" href="http://">≈</a> <a "="" href="http://">≈</a> ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈<br /><n><a href="http://">plus</a> + <a href="http://">le devenir</a></n>            
                     </center>
                                               
                  </div>
                                                            
               </td>
                                                           
            </tr>
                                                      
         </tbody>
                                                   
      </table>
                                                    
   </center>
                                         
   <hr />
                                                                                             
   <table>
                                                                                            
      <tbody>
                                                                                                 
         <tr>
                                                                                          
            <td>
                                                                                   
               <div class="staff1">
                                                                                                        
                  <div class="staffPA">
                                                                         <img src="http://media.tumblr.com/0b7428cef2e016343e3d8fbabedc208c/tumblr_inline_n6ib760SuC1sq1ocg.png" />                                                    
                     <div class="infostaff">
                                                                  <span class="pseudostaff">Prénom Nom</span><br /><em>Suika</em> + post<br <br="" /><n><a href="http://">message</a> ≈ <a href="http://">profil</a> </n>                                      
                     </div>
                                                                                                                 
                  </div>
                                                                                  
               </div>
                                                                                     
               <div class="staff2">
                                                                                                              
                  <div class="staffPA">
                                                                         <img src="http://media.tumblr.com/tumblr_md8wvreHSk1ry9c0w.png" />                                                    
                     <div class="infostaff">
                                                                  <span class="pseudostaff">Prénom Nom</span><br />post<br <br="" /><n><a href="http://">message</a> ≈ <a href="http://">profil</a> </n>                              
                     </div>
                                                                                                                 
                  </div>
                                                                                                
               </div>
                                                                             
               <div class="staff3">
                                                                                                    
                  <div class="staffPA">
                                                                         <img src="https://31.media.tumblr.com/75ceb7a07c1cfd71dfcd827a039f6c5c/tumblr_inline_n3w7zhTGSD1samgug.png" />                                                    
                     <div class="infostaff">
                                                                  <span class="pseudostaff">Prénom Nom</span><br />post<br <br="" /><n><a href="http://">message</a> ≈ <a href="http://">profil</a> </n>                              
                     </div>
                                                                                                                 
                  </div>
                                                                                            
               </div>
                                                                                                                 
            </td>
                                                                                                    
         </tr>
                                                                                                     
      </tbody>
                                                                                        
   </table>
                     
   <center>
                © <strong>OH MY GOD</strong><br /><span style="font-size: 7px;">C O P Y R I G H T 2 0 1 4</span>          
   </center>
                                                                                         
</div>

Code:
.info {letter-spacing: 1px;font-size: 10px;font-family: times;text-align:center;position:absolute;bottom:0;left:0;height:100%;width:100%;margin-bottom:-250px;transition:margin 800ms ease;-moz-transition:margin 4s ease;-o-transition:margin 4s ease;-htm-transition:margin 4s ease;-webkit-transition:margin 4s ease;background:#fff;}
.PAbase {width:225px;text-align:center;margin:0 auto; }


/*pa*/
.contourpa {background-color:#FFFFFC; border:1px solid #F5E6D5}
.cadrelien {background-color:#F5E6D5; padding:5px; width:auto;font-size:8px; letter-spacing:-1px; font-family:times; text-transform:uppercase; word-spacing:5px;}
.titrepa {font-family:Megrim;font-size:35px;text-align:center;}
.citapa {font-family: times;font-size: 10px;font-style: italic;font-weight: lighter;margin-top:-5px;letter-spacing: 2px;text-transform: lowercase;}
.infostaff{line-height:110%;position:absolute;top:50;opacity:0;visibility: hidden;height: 30px;width: 100px;background:#FFFFFC;background-position: left top;text-align: center;padding:10px;text-decoration: italic;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 0px 0px 2px 0px #DF8F97;-webkit-box-shadow: 0px 0px 2px 0px #DF8F97;-o-box-shadow: 0px 0px 2px 0px #DF8F97;box-shadow: 0px 0px 2px 0px #DF8F97;filter:progid:DXImageTransform.Microsoft.Shadow(color=#DF8F97, Direction=NaN, Strength=2); }
.staffPA:hover > .infostaff{opacity:1; visibility: visible;}
.staffPA {position:relative;  height: 50px;width: 50px; margin:5px; border-radius: 50%;}
.staffPA img{border-radius: 50%; overflow:hidden; height: 50px; width: 50px;}
.staff1 {}
.staff2 {margin-left:55px; margin-top:-55px;}
.staff3 {margin-left:110px; margin-top:-55px;}
.contexte {font-family: times;font-size:12px; text-align:justify; width:640px;}
.pseudostaff {font-family: times;font-size: 15px;font-style: italic;font-weight: lighter;text-transform:lowercase; text-align: center;}
.partcrd {width:150px;height:200px; overflow:auto;text-align:justify;}
.nouveautes {width:150px; height:200px; overflow:auto;text-align:justify;}
.informations {width:150px;height:200px; overflow:auto;text-align:justify;}
.titrepartcrd {text-transform:uppercase; font-family:courier new; text-align:center;}
.titrenouveautes {text-transform:uppercase; font-family:courier new; text-align:center;}
.titreinformations {text-transform:uppercase; font-family:courier new; text-align:center;}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://alaskatest.forumgratuit.be
 

Page d'Accueil 3

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

 Sujets similaires

-
» [INFO] comment avoir la page d'accueil sfr et la tv avec un acer f900
» [REQUETE] Tâches sur page d'accueil TF3D
» Avoir un vrai calendrier sur la page d'accueil
» page d'accueil bloquée
» Fond d'écran pour page d'accueil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: code :: créations de moi-