Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120621 QEEL et Tchat | | Coucou Voici comment faire un simple QEEl avec le tchat en dessous Entre BEGIN disable_viewonline et END disable_viewonline - Code:
-
<!-- BEGIN disable_viewonline --> <script type="text/javascript"> //<![CDATA[ $(function(){ div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}', 'genmed'); }); //]]> </script> <table class="qeeltable" width="100%" border="0" cellspacing="1" cellpadding="0"> <center> <div class="titreqeel"><a href="http://fr.cooltext.com"><img src="http://images.cooltext.com/3365718.png" width="252" height="31" alt="Qui est en ligne?" /></a></div></center> <tr> <td><div class="boxqeel">{TOTAL_POSTS}<br/><br/>{TOTAL_USERS}<br/>{NEWEST_USER}<br/><br/>{LOGGED_IN_USER_LIST}</div></td> <td><div class="boxqeel">{TOTAL_USERS_ONLINE}<br/><br/>{RECORD_USERS}<br/><br/>{TOTAL_USERS_ONLINE}<br/><br/>{TOTAL_CHATTERS_ONLINE}: {CHATTERS_LIST}</div></td> <td><div class="boxqeel2"><div class="teamadmin">Team Admin</div><br/> <div class="teammodo">Team Modo</div><br/> <div class="membreslfu">Membre</div><br/> <div class="teampartenaire">Partenaire</div><br/> <div class="teamvoyageur">Voyageur</div><br/> <div class="teampnj">Compte PNJ</div></div></td> </tr> <tr> <td colspan="3"><div class="groupeqeel"><div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Ouvrir la Chatbox')?'Fermer la Chatbox':'Ouvrir la Chatbox';this.lastChild.style.display=(this.firstChild.value=='Ouvrir la Chatbox')?'none':'block';" style="text-align: center;"> <input type="button" value="Ouvrir la Chatbox" class="profil1"/> <div style="display: none; text-align:left;"><center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="chatbox_container"> <tr> <td class="row1" valign="top" align="center"> <div id="chatbox_portal" style="height:300px;"></div> <script type="text/javascript"> insertChatBox('chatbox_portal', '{U_FRAME_CHATBOX}'); </script> </td> </tr> </table>
<table width="100%"> <tr> <td width="100%"> </td> <td align="right" width="20"> <img src="https://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize;" /> </td> </tr> </table></center></div></div></div></td> <tr> <div class="infobulle"><font style="color: #005B89; font-size: 9px;">Voir les Credits <span>Ce QEEL a etait codé par Databar pour le forum RôlePlay Universe</span></div></tr> </tr> </table> <!-- END disable_viewonline --> CSS: A modifier selon les couleurs de votre forum - Code:
-
.titreqeel{ position:center; padding-bottom: -7; } .boxqeel { background-color : #003B59; border : 1px solid #005B89; border-radius: 5px; border-top : 3px solid #005B89; padding : 5px; height: 190px; font-size:12px; /*width: 265px;*/ margin-top:7px; } .teamadmin{ border-top: 1px solid #005B89; border-bottom: 1px solid #005B89; margin-top:: 0px; color: #FF0000; font-family:: cursive; text-shadow: 0px 0px 1px #000; }
.infobulle{position: relative;z-index: 0;} .infobulle:hover{background-color: transparent;z-index: 50;} .infobulle span{ position: absolute; background-color: #000000; padding: 5px; left: -1000px; visibility: hidden; color: #FFFFFF;} .infobulle span img{border: 1px;padding: 5px;} .infobulle:hover span{ visibility: visible; top: 2px; left: 20px; width: 150px ; color:#FFF; border: 1px solid #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;} .teammodo{ border-top: 1px solid #005B89; border-bottom: 1px solid #005B89; margin: 0px; color: #FF9900; font-family:: cursive; text-shadow: 0px 0px 1px #000; } .membreslfu{ border-top: 1px solid #005B89; border-bottom: 1px solid #005B89; color: #82c3ff; font-family:: cursive; text-postiton: center; text-shadow: 0px 0px 1px #000; margin: 0px; } .teamadmin:hover{ color: #FF0000; border-radius: 5px; font-family:: cursive; background-color: #095279; position: center; text-shadow: 0px 0px 1px #000; border-top: 2px solid #005B89; border-bottom: 1px solid #005B89; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; margin: 0px; } .teammodo:hover{ border-radius: 5px; color: #FF9900; font-family:: cursive; text-shadow: 0px 0px 1px #000; background-color: #095279; position: center; border-top: 2px solid #005B89; border-bottom: 1px solid #005B89; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; margin: 0px; } .membreslfu:hover{ border-radius: 5px; color: #82c3ff; font-family:: cursive; text-shadow: 0px 0px 1px #000; background-color: #095279; position: center; border-top: 2px solid #005B89; border-bottom: 1px solid #005B89; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; margin: 0px; } .teampartenaire{ border-top: 1px solid #005B89; border-bottom: 1px solid #005B89; color: #fffb00; font-family:: cursive; text-shadow: 0px 0px 1px #000; margin: 0px; } .teampartenaire:hover{ color: #fffb00; border-radius: 5px; font-family:: cursive; background-color: #095279; position: center; text-shadow: 0px 0px 1px #000; border-top: 2px solid #005B89; border-bottom: 1px solid #005B89; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; margin: 0px; } .teamvoyageur{ border-top: 1px solid #005B89; border-bottom: 1px solid #005B89; color: #c800ff; font-family:: cursive; text-shadow: 0px 0px 1px #000; margin: 0px; } .teamvoyageur:hover{ color: #c800ff; border-radius: 5px; font-family:: cursive; background-color: #095279; position: center; text-shadow: 0px 0px 1px #000; border-top: 2px solid #005B89; border-bottom: 1px solid #005B89; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; margin: 0px; } .teampnj{ border-top: 1px solid #005B89; border-bottom: 1px solid #005B89; color: #ffffff; font-family:: cursive; text-shadow: 0px 0px 1px #000; margin: 0px; } .teampnj:hover{ color: #ffffff; border-radius: 5px; font-family:: cursive; background-color: #095279; position: center; text-shadow: 0px 0px 1px #000; border-top: 2px solid #005B89; border-bottom: 1px solid #005B89; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; margin: 0px; } .boxqeel2 { background-color : #003B59; border : 1px solid #005B89; border-radius: 5px; border-top : 3px solid #005B89; padding : 5px; height: 190px; font-size:12px; width: 185px; margin-top:7px; } .groupeqeel { background-color : #003B59; border : 1px solid #005B89; border-radius: 5px; border-top : 3px solid #005B89; padding : 5px; width: 895px; margin-top:5px; } .qeeltable { background-color : #003B59; border : 1px solid #005B89; border-radius: 5px; border-top : 3px solid #005B89; padding : 5px; box-shadow: 0px 0px 2px #000000; width: 960px; } APERCU: [Vous devez être inscrit et connecté pour voir cette image] |
| |