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

Partagez | 
 

 Page d'Accueil 4

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

whatever i am

avatar


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

MessageSujet: Page d'Accueil 4   Lun 20 Avr - 21:38

html :

Code:
<center>
                                            
   <div class="titrepa">Bienvenue sur <span style="color:#d16d6d">Cross Soul</span>                     
   </div>
                                    
   <div class="contactstaff">
                        <a href="http://alwaysblue.forumgratuit.be/t8-le-reglement">règlement</a> » <a href="http://alwaysblue.forumgratuit.be/t21-bottin-des-avatars">bottin</a> » <a href="http://alwaysblue.forumgratuit.be/f4-you-re-the-one-for-me">scénarios</a> » <a href="http://alwaysblue.forumgratuit.be/f12-i-remember-you">invités</a> » <a href="http://alwaysblue.forumgratuit.be/f10-letterfrack-ireland">annexes</a> » <a href="http://alwaysblue.forumgratuit.be/t11-les-groupes">groupes</a>                           
   </div>
</center>
<table>
                                                                              
   <tbody>
                                                                                 
      <tr>
                                                                                    
         <td>
                                                                                       
            <div class="cadrecont">
                                                             <d>Letterfrack, 2015.</d><br />Le soleil brille, la mer scintille. Si on tend l'oreille, qu'on ferme les yeux, on peut entendre leurs murmures. Ces murmures joyeux, étouffés, colériques, amoureux qui parcourent la ville, qui s'éveillent. Tout bas. Surfer telle une vague indomptée. Là bas, la splendeur du ciel se reflète dans leurs yeux. Un bleu divin, un bleu limpide. Mais ils vivent. Ils courent après un avenir, un but, une envie. Ils sont là. Encore et toujours. Ils rêvent de liberté. De joie. D'un destin tout tracé aux milles promesses. Et elle, elle attend. Assise sur son rocher, elle attend. Elle ne sait pas quoi. Elle ne sait pas qui. Elle rêve de grandeur, de splendeur. Lentement, un doux sourire fleurit sur ses lèvres roses. Elle est bien. Heureuse. Le vent joue dans ses cheveux, ses yeux se ferment. Et elle les entend. Ces murmures. Encore et toujours. Ils reviennent. Par millier. Ils sont là. Ces murmures. Elle ne peut les attraper. Elle ne fait que les effleurer d'un doigt incertain. Mais elle est bien. Et elle continue d'attendre.                                   
            </div>
                                                                                     
            <center>
                                                     <br /><img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /><br />                                     
            </center>
                                                                                       
            <div class="partenaires">
                                                       <a href="http://">plus de partenaires</a> ›› <a href="http://">le devenir</a>                                     
            </div>
                                                                                       
         </td>
                                                                                    
         <td>
                                                                                     
            <center>
                                          
               <div class="pastaf1">
                                             
                  <div style="margin-top:5px; width: 70px; height: 112px; background-image: url('http://i.imgur.com/YqghA3T.png'); background-repeat: no-repeat; background-size: cover">
                                                
                     <div class="pastaf2">
                                                   
                        <div class="hellow pastaf3">
                                           <br /><br /><br />           
                           <div class="infostaff">
                                                                                           
                              <div class="pseudostaffpa">
                                                               Alaska                             
                              </div>
                                                                                       
                              <div class="irlstaff">
                                                               suika » romane                             
                              </div>
                                                                                       
                              <div class="contactstaff">
                                                               <a href="http://">mp</a> » <a href="http://">profil</a>                           
                              </div>
                                                                                             
                           </div>
                                                      
                        </div>
                                                   
                     </div>
                                                
                  </div>
                                                     
               </div>
                                       <br />            <br />             
               <div class="cadreinfo">
                           
               </div>
                                                        
            </center>
                                                                                     
         </td>
                                                                                
         <td>
                                                                         
            <div class="cadrenouv">
                                         <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum.                   
            </div>
                                        <br />                       
            <div class="cadretemps">
                                           <img src="https://ssl.gstatic.com/onebox/weather/48/partly_cloudy.png" style="margin-right:10px; width:30px;" align="left" /><d><strong>MARS 2015</strong></d> En ce début de printemps, la température est plutôt douce. Le soleil, régulièrement présent, fait grimper celle-ci à plus de 24°C l'après-midi. Le soir cela reste assez doux avec environ 17°.                                                       
            </div><br />                       
            <div class="cadrecredit">
                                         <d>© CROSS SOUL 2015</d> Le forum est sous l'entière responsabilité de son équipe administrative. Toute copie est interdite. Merci de respecter leur travail. Le codage a été réalisé par <em>suika</em> pour les besoins du forum. On remercie <em>wipeout</em> pour le design de cette première version.             
            </div>
                                                             
         </td>
                                                                                    
      </tr>
                                                                                 
   </tbody>
</table>

css :

Code:
/*page daccueil*/
.titrepa {font-size:30px; text-transform:uppercase; font-family: abraham lincoln; font-weight:lighter;}
.cadrecont {width:190px;text-align:justify; padding:3px; height:220px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}
.part {width:30px; height:10px; border:1px solid #ccccc; padding:1px; }
.partenaires {text-align:center;}
.iconstaff {width:70px; border:1px solid #cccccc; padding:2px;transition:0.8; }
.iconstaff:hover {opacity:0.6; transition:0.8; }
.pseudostaffpa {font-family:abraham lincoln; font-size:20px; color:#000; text-align:center;text-transform:uppercase; }
.irlstaff {text-align:center;font-family:times; font-size:10px; font-weight:lighter; font-style:italic; letter-spacing:-1px;margin-top:-1px;}
.contactstaff {text-align:center;font-size:8px;}
.cadreinfo {width:145px;text-align:justify; padding:3px; overflow:auto; line-height:1;}
.cadrenouv {margin-top:-20px; width:195px;text-align:justify; padding:3px; height:85px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}
.cadretemps {width:195px;text-align:justify; padding:3px; height:67px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}
.cadrecredit {width:195px;text-align:justify; padding:3px; height:45px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}

.pastaf3::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}
.pastaf3::-webkit-scrollbar-track {background-color: #7a837c;}
.pastaf3::-webkit-scrollbar-thumb {background-color: #d2d2d2;}
.pastaf1 {width: 70px; height: 112px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;}
.pastaf2 {background-color: #d5d5d5; opacity: 1; text-align: justify; font-family: arial; font-size: 10px; line-height: 12px; width: 70px; height: 112px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;}
.pastaf2:hover {opacity: 0.7;}
.hellow {padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 102px; overflow: auto;}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://alaskatest.forumgratuit.be
 

Page d'Accueil 4

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-