CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Invité Invité
| Bonjour Bonjour^^ Voilà je viens vous embêter car j'ai une prise de tête avec un QEEL. Voici le lien du fow http://olympus-tragedy.forumsactifs.com/forum.htm Et j'ai donc utilise le tuto d'ici pour mettre unJolie QEEl, le hic c'est aprés avoir tout bien fait et tout les groupes sont les un en dessous les autres alors que j'aimerais les avoir allignés. Comme ici http://www.black-hole-rpg.com/index.htm Et j'arrive pas à voire d'où sa viens -_-, j'ai pourtant le fow à la bonne versions le HTLM et le CSS de bien mit mais non alors je vien demander de l'aide avant de peter un cable -_- merci d'avance | | |
| | | Liliana
{ Membre actif }
Messages : 997
| Bonjour Pourrait-on avoir le code du template du Qui est en ligne, ainsi que le CSS qui y est rattaché ? Merci ^^ | | |
| | | Invité Invité
| No soucis je retrouve le sujet et je te donne ça EDIT:.statistiques{ border:0px; background-image: url("LIEN IMAGE DU HAUT"); background-repeat: no-repeat; background-position: center; height:270px;} .groupes{ background-color:#FFFFFF;border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;} Code: - Code:
-
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><br><br><br><br><br><center> <span class="groupes"> <a href="LIEN DU GROUPE 1"><font color="COULEUR DU GROUPE 1" size="2"><b>NOM DU GROUPE 1</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="LIEN DU GROUPE 2"><font color="COULEUR DU GROUPE 2" size="2"><b>NOM DU GROUPE 2</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br> <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br /> {NEWEST_USER}<br><br> {TOTAL_USERS_ONLINE}<br> {LOGGED_IN_USER_LIST}</center></span><br> <td width="5%"></td> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS"><br> <!-- END disable_viewonline --> | | |
| | | Liliana
{ Membre actif }
Messages : 997
| C'est TON template que je voudrais Celui que tu as utilisé sur ton forum et qui bug | | |
| | | Invité Invité
| Bah c'est ça que j'ai utiliser, je comprend pas là XDD | | |
| | | Liliana
{ Membre actif }
Messages : 997
| M'enfin >< Si je colle le code que tu m'as donné plus haut, j'ai ceci : cliic Rien à voir avec ce qui est sur ton forum donc ^^ Il me faut le code (template et CSS) que tu as collé sur ton forum, et non pas le code de base | | |
| | | Invité Invité
| Oki vai te copier coller toute ma page de CSS XD Voici toute ma fiche CSS: - Code:
-
.statistiques{ border:0px; background-image: url("http://i41.tinypic.com/141i1cy.png"); background-repeat: no-repeat; background-position: center; height:324px;}
.groupes{ background-color:#FFFFFF;border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
a.forumlink{ -moz-border-radius: 7px 7px 7px 7px; border-bottom: 5px double; display:block; text-align: center; }
a { text-decoration: none; }
a:hover { background-color: none; }
a:hover { text-transform: uppercase; } a { text-decoration: none; }
a.forumlink, a.forumvisited, a.forumactive { text-decoration: none; white-space: nowrap; text-align: center; background-color: none; }
.forumline{ -moz-border-radius:5px; } Et toute ma template du index-body: - Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><br><br><br><br><br><center> <span class="groupes"> <a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=3&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#990228" size="2"><b>DIEUX/DEESSES</b></font></a></span> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=4&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#611515" size="2"><b>DEMI-DIEUX/DEMI-DEESSES</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=5&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#387A4D" size="2"><b>HEROS</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=6&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#47433C" size="2"><b>HUMAINS</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=7&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#6B4B67" size="2"><b>SIRENES</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=8&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#3F2F52" size="2"><b>SATYRES</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=9&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#7C8012" size="2"><b>NYMPHES</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=10&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#5C3505" size="2"><b>DRYADES</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=11&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#1A4957" size="2"><b>NAIADES</b></font></a> </span> <br><br> <span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=12&sid=badf4e4d1ac751f7d61e19ade2c4a19a"><font color="#751945" size="2"><b>MUSES</b></font></a> </span> <br><br>
<span class="gensmall"><span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les Divinités ont vécus un total de");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"aventures");</script></span><br />. <span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"personnages mythiques");</script><br /><br /> {NEWEST_USER}<br><br> <br> <span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"Dieux sur terre");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"personnes");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"personnages mythiques");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Timide");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Timide");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Courageux");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Courageux");</script></span><br>
<span class="gensmall">{LOGGED_IN_USER_LIST}</center></span><br> <td width="5%"></td> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table><br> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST} | | |
| | | Liliana
{ Membre actif }
Messages : 997
| Okaaay, je vois ^^ Alors, aucun rapport avec ton QEEL, mais : règle numéro 1, dans un lien ne jamais laisser le "&sid=badf4e4d1 [...]" qui représente ton compte ... - Le forum des forums, section "Sécurité" a écrit:
- Lorsque vous voulez indiquer (sur un site Internet, sur un forum, dans un email, via msn, icq... bref partout) l'adresse de votre forum, d'un sujet, d'un message, vérifiez bien que la partie de l'adresse contenant 'sid=582c4678011cbd97139689c8' n'est jamais indiqué.
Dans de rares cas si un utilisateur clique sur un lien comprenant ce 'sid=582c4678011cbd97139689c8', il se retrouvera directement connecté sur un compte d'un utilisateur, modérateur, ou administrateur. Ensuite, si tes groupes se retrouvent tous les uns sous les autres, c'est à cause des <br> que tu as mis dans le codage. Un "br" par définition est un retour à la ligne .. Mets en deux et ça te fait un saut de ligne ^^ Ton problème vient de là ^^ J'ai donc retiré les <br> en trop et arrangé ton code ^^ - Citation :
- <!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><br><br><br><br><br><center>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=3"> <font color="#990228" size="2"><b>DIEUX/DEESSES</b></font> </a></span>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=4"> <font color="#611515" size="2"><b>DEMI-DIEUX/DEMI-DEESSES</b></font> </a></span>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=5"> <font color="#387A4D" size="2"><b>HEROS</b></font> </a></span>
<br>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=6"> <font color="#47433C" size="2"><b>HUMAINS</b></font> </a></span>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=7"> <font color="#6B4B67" size="2"><b>SIRENES</b></font> </a></span>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=8"> <font color="#3F2F52" size="2"><b>SATYRES</b></font> </a></span>
<br>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=9"> <font color="#7C8012" size="2"><b>NYMPHES</b></font> </a></span>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=10"> <font color="#5C3505" size="2"><b>DRYADES</b></font> </a></span>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=11"> <font color="#1A4957" size="2"><b>NAIADES</b></font> </a></span>
<span class="groupes"><a href="http://olympus-tragedy.forumsactifs.com/groupcp.forum?g=12"> <font color="#751945" size="2"><b>MUSES</b></font> </a></span>
<br><br>
<span class="gensmall"> <span id="bert">{TOTAL_POSTS}</span> <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les Divinités ont vécus un total de");</script> <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"aventures");</script> </span><br>
<span class="gensmall"> <span id="matt">{TOTAL_USERS}</span> <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"personnages mythiques");</script> </span>
<br><span class="gensmall"> {NEWEST_USER}</span><br><br><br>
<span class="gensmall"> <span id="delf">{TOTAL_USERS_ONLINE}</span> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"Dieux sur terre");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"personnes");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"personnages mythiques");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Timide");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Timide");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Courageux");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Courageux");</script> </span><br>
<span class="gensmall">{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table><br> <!-- END disable_viewonline --> Les <br> en rouge sont les retours à la ligne que j'ai mis dans tes groupes, mais tu peux les retirer pour les mettre ailleurs selon le rendu que tu souhaites . Si tu as besoin d'aide, dis le ^^ | | |
| | | Invité Invité
| Bah tu voie pour le lien tu vien de m'apprendre un truc, je ferais plus attention les prohaines fois, ( il faut donc je "coupe" le lien avant le "&" ??) Merci bien c'est super, en plus c'était un truc tout bête, mais comment j'ai galérer!! Merci beaucoup!!!! | | |
| | | Liliana
{ Membre actif }
Messages : 997
| C'est souvent des trucs tout bête Pour l'histoire des liens, je te conseille de lire le topic en entier : cliic Je peux donc classer où tu as encore des questions ? | | |
| | | Invité Invité
| Nan c'est bon tu peut le classer^^ encorer merci | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|