Biket Admin
Messages : 653 Points : 1905 Date d'inscription : 01/02/2015 Age : 28
Carte d'identité Âge: (200/200) Relations:
| Sujet: AKLEEN Jeu 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**/ | |
|