Neph Admin
Messages : 116 Date d'inscription : 02/11/2016 Age : 20
| Sujet: Un QEEL random Sam 15 Avr - 13:34 | |
| Templates : - Code:
-
<!-- BEGIN disable_viewonline --> <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet"> <center><div style="font-family: 'shadows into light', cursive; font-size: 35px;">Qui marche dans la forêt ?</div> <div class="qeel_blocprincipal"><br/> <div class="qeel_image"> <div class="qeel_stats"><table style="margin: 10px;"><tr><td> <div class="qeel_stats-messages">Bienvenue dans la forêt de CerfBlanc, jeune félin! {TOTAL_POSTS}. On peut dire que ce sont de sacrés miauleurs! Mais évite de leur chercher des puces. {TOTAL_USERS}: ce sont de puissants guerriers prêts à tout pour leur Clan. {NEWEST_USER}; que le Clan des Etoiles parsème son destin de gloire.</div></td> <td><div class="qeel_stats-annivs">ICI ON MET LES ANNIVS</div></td></tr></table></div></div> <table><tr><td><div class="qeel_case3">{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST}</div></td> <td><div class="qeel_case4">MEMBRES CONNECTES AU COURS DES 24 DERNIERES HEURES</div></td></tr></table> <div class="qeel_groupes"><marquee direction="left" onmouseout="this.start();" onmouseover="this.stop();"><a href="http://laguerredesclans-rpg.forumsactifs.com/g2-clan-du-tonnerre" style="color: #E08E00">Tonnerre</a> <a href="http://laguerredesclans-rpg.forumsactifs.com/g2-clan-du-tonnerre" style="color: #E08E00">Tonnerre</a> <a href="http://laguerredesclans-rpg.forumsactifs.com/g2-clan-du-tonnerre" style="color: #E08E00">Tonnerre</a> <a href="http://laguerredesclans-rpg.forumsactifs.com/g2-clan-du-tonnerre" style="color: #E08E00">Tonnerre</a> <a href="http://laguerredesclans-rpg.forumsactifs.com/g2-clan-du-tonnerre" style="color: #E08E00">Tonnerre</a> <a href="http://laguerredesclans-rpg.forumsactifs.com/g2-clan-du-tonnerre" style="color: #E08E00">Tonnerre</a></marquee></div> <!-- BEGIN switch_chatbox_activate --> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> <!-- END switch_chatbox_activate --> </div></center> <!-- END disable_viewonline --> CSS : - Code:
-
/******************* DEBUT QEEL ***************/
.qeel_blocprincipal { width: 700px; height: 500px; background: #A493AC; }
.qeel_image { width: 625px; height: 200px; background-image: url("https://s-media-cache-ak0.pinimg.com/originals/72/c2/9a/72c29a5cb87ba94cb15521e036584fa9.jpg"); transition: all 1s; opacity: 1; overflow: hidden; }
.qeel_stats { width: 625px; height: 200px; overflow: hidden; background: #8C7F85; border-top: 2px solid #977287; opacity: 0; transition: all 1s; }
.qeel_stats:hover { opacity: 0.9; overflow: auto; transition: all 1s; }
.qeel_stats-messages { width: 260px; margin-right: 20px; height: 150px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; color: #54414C; font-family: times; text-align: justify; padding-right: 5px; overflow:auto; }
.qeel_stats-annivs { width: 260px; margin-left: 20px; height: 150px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; color: #54414C; font-family: times; text-align: justify; padding-right: 5px; overflow:auto; }
.qeel_case3 { width: 280px; margin-right: 20px; height: 150px; margin-top: 20px; margin-bottom: 5px; margin-left: 5px; color: #54414C; background-color: #8C7F85; border-top: 2px solid #977287; text-align: justify; padding: 5px; overflow: hidden; font-family: times; }
.qeel_case3:hover { overflow:auto; }
.qeel_case4 { width: 280px; margin-left: 20px; height: 150px; margin-top: 20px; margin-bottom: 5px; margin-right: 5px; color: #54414C; background: #8C7F85; border-top: 2px solid #977287; font-family: times; text-align: justify; padding: 5px; overflow: hidden; }
.qeel_case4:hover { overflow: auto; }
.qeel_groupes { width: 625px; height: 45px; background: #8C7F85; margin-top: 10px; font-family: 'shadows into light', cursive; border-top: 2px solid #977287; overflow: hidden; font-size: 20px; }
/******************** FIN QEEL *************************/ | |
|