AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez
 

 AKLEEN

Aller en bas 
AuteurMessage
Biket
Admin
Biket

Messages : 597
Points : 1835
Date d'inscription : 01/02/2015
Age : 23

Carte d'identité
Âge:
AKLEEN Left_bar_bleue200/200AKLEEN Empty_bar_bleue  (200/200)
Relations:

AKLEEN Empty
MessageSujet: AKLEEN   AKLEEN EmptyJeu 17 Aoû - 21:59



Code:
<center>
                                   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Qwigley|Great+Vibes" />                                 
   <div class="blocfond">
                                      <br />                               
      <div class="grandtitre">
                                         Bienvenue sur le forum !                               
      </div><br /><br />                             
      <table>
                                              
         <tbody>
                                                 
            <tr>
                                                    
               <td>
                                                       
                  <div class="liensassezutiles1">
                                         <a href="URL">Règlement</a><br /><br /><a href="URL">Effectifs</a><br /><br /><a href="URL">Bottin</a>                   
                  </div>
                                                       
               </td>
                                                    
               <td>
                                                       
                  <div class="blocslide">
                               <img class="slideimage" src="http://zupimages.net/up/17/33/cg3t.jpg" />         
                     <div class="slideleft">
                                           
                        <div class="slidetext">
                                   Etiam et enim quis lacus ultricies scelerisque sit amet id turpis. Curabitur cursus, ipsum id semper commodo, mi orci vestibulum diam, id rhoncus neque ipsum nec eros. Curabitur at turpis tincidunt, blandit magna vitae, elementum mi. Pellentesque nec fermentum augue. Morbi vel volutpat tellus. Morbi dignissim blandit arcu, quis aliquam magna cursus vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam dictum venenatis dui. Maecenas nec sollicitudin dolor. Nam vitae viverra erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed condimentum venenatis augue, in efficitur mauris tempus et. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec at nisi molestie, lacinia orci quis, imperdiet magna. <br /><br />Donec feugiat, est sit amet sollicitudin pretium, lectus nisi vehicula nisl, a euismod arcu leo et odio.       
                        </div>
                                         
                     </div>
                                  
                  </div>
                                                       
               </td>
                                                    
               <td>
                                                       
                  <div class="liensassezutiles2">
                                         <a href="URL">Prédéfinis</a><br /><br /><a href="URL">Questions</a><br /><br /><a href="URL">Tumblr</a>                   
                  </div>
                                                       
               </td>
                                                    
            </tr>
                                                 
         </tbody>
                                              
      </table><br /><br />             
      <table>
                                  
         <tbody>
                                     
            <tr>
                                        
               <td>
                                           
                  <div class="créditsnews">
                                   Blaaaa             
                  </div>
                                           
               </td>
                                          
               <td>
                                         
                  <table>
                                                                                                                                                                                                          
                     <tbody>
                                                                                                                                                               
                        <tr>
                                                                                                                                                                                                                                                
                           <td>
                                                                                                                                                                                 
                              <div style="background-image:url(http://www.auplod.com/u/lodpua9bdb9.jpeg);" class="infobullestaff">
                                                                                                                                                                                                                                                                                                                                        
                                 <div class="infobulle">
                                                                                                                                                                                                                                                                                                                                                                                  <br />Aido - Fondatrice<br />Présente                                                                                                                                                                                                                                                                                                             
                                 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                              </div><br />                                                                                                     
                           </td>
                                                                                                                                                                                                                                                
                           <td>
                                                                                                                                                                               
                              <div style="background-image:url(http://www.auplod.com/u/apulod78e0d.png);" class="infobullestaff">
                                                                                                                                                                                                                                                                                                                                        
                                 <div class="infobulle">
                                                                                                                                                                                                                                                                                                                                                                                  <br />Biket - Fondatrice<br />Présente                                                                                                                                                                                                                                                                                                               
                                 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                              </div><br />                                                                                                             
                           </td>
                                                                                                                                                                                                                                        
                        </tr>
                                                                                                                                                                                                                     
                     </tbody>
                                                                                                                                                                                                  
                  </table>
                                                                                                                                   
                  <table>
                                                                                                                                                                                                    
                     <tbody>
                                                                                                                                                           
                        <tr>
                                                                                                                                                                                                                                          
                           <td>
                                                                                                                                                                             
                              <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                                                                                        
                                 <div class="infobulle">
                                                                                                                                                                                                                                                                                                                                                                                  <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                                   
                                 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                              </div><br />                                                                                                       
                           </td>
                                                                                                                                                                                                                                          
                           <td>
                                                                                                                                                                             
                              <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                                                                                        
                                 <div class="infobulle">
                                                                                                                                                                                                                                                                                                                                                                                  <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                                     
                                 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                              </div><br />                                                                                                         
                           </td>
                                                                                                                                                                                                                                  
                        </tr>
                                                                                                                                                                                                               
                     </tbody>
                                                                                                                                                                                            
                  </table>
                                         
                  <table>
                                                                                                                                                                                                          
                     <tbody>
                                                                                                                                                               
                        <tr>
                                                                                                                                                                                                                                                
                           <td>
                                                                                                                                                                                 
                              <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                                                                                        
                                 <div class="infobulle">
                                                                                                                                                                                                                                                                                                                                                                                  <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                             
                                 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                              </div><br />                                                                                                     
                           </td>
                                                                                                                                                                                                                                                
                           <td>
                                                                                                                                                                               
                              <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                                                                                        
                                 <div class="infobulle">
                                                                                                                                                                                                                                                                                                                                                                                  <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                               
                                 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
                              </div><br />                                                                                                             
                           </td>
                                                                                                                                                                                                                                        
                        </tr>
                                                                                                                                                                                                                     
                     </tbody>
                                                                                                                                                                                                  
                  </table>
                                                                                                                                                                   
               </td>
                                        
               <td>
                                           
                  <div class="créditsnews">
                                   Blaaaa             
                  </div>
                                           
               </td>
                                          
            </tr>
                                     
         </tbody>
                                  
      </table><br /><br />             
      <div class="partenariats">
                                        
         <marquee>
                            <br /><a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> <a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> <a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> <a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> <a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> <a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> <a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> <a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a>                 
         </marquee>
                                        
      </div><br />         
      <div class="copyright">
                   © Codage by Ella         
      </div><br />                                       
   </div>
</center>

Code:
/***PA AKLEEN***/
.blocfond {
  background-color: #fad0aa;
  width: 700px;
  height: auto;
  border: 5px solid #FEF0E3;
}
.grandtitre {
  font-family: 'Qwigley';
  font-size: 60px;
  color: #FEF0E3;
  text-shadow: 1px 1px 1px #000000;
}
.blocslide {
  position: relative;
  width: 400px;
}

.slideimage {
  display: block;
  width: 100%;
  height: auto;
}

.slideleft {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #FEF0E3;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.blocslide:hover .slideleft {
  width: 400px;
  left: 0;
}

.slidetext {
  position: absolute;
  height: 180px;
  overflow: auto;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
}
.liensassezutiles1 {
  font-family: 'Great Vibes';
  font-size: 25px;
  color: #990000;
  text-align: center;
  margin-right: 30px;
}
.liensassezutiles2 {
  font-family: 'Great Vibes';
  font-size: 25px;
  color: #990000;
  text-align: center;
  margin-left: 30px;
}
.partenariats {
  background-color: #FEF0E3;
  width: 645px;
  height: 55px;
  padding: 5px;
}
.créditsnews {
  background-color: #FEF0E3;
  width: 170px;
  height: 160px;
  overflow: hidden;
  text-align: justify;
  padding: 5px;
  color: #000000;
  margin-left: 15px;
  margin-right: 15px;
}
.infobulle {
  line-height: 10px;
  width: 118px;
  height: 48px;
  padding: 1px;
  background: #FEF0E3;
  text-align: center;
  font-size: 10px;
  top:0; left:0; opacity:0; transition: opacity 1s ease;}

.infobulle:hover { opacity:0.9; }

.infobullestaff {
  width: 120px;
  height: 50px;
  margin: 2px;
  display: inline-block;
  z-index: 1;
  background-color: #FEF0E3;
  color: #000000;
  text-decoration: none;
}
.copyright {
  font-size: 7px;
  float: right;
  padding: 5px;
  color: #000000;
}
/***FIN PA AKLEEN**/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://ella-code-forumtest.forumactif.org
 
AKLEEN
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Le vif du sujet :: Codage Ella' :: Pages d'Accueil-
Sauter vers: