Ami
{ Membre }
Messages : 89
| Bonsoir bonsoir,
Alors voila je me suis lancée dans un Qui est en ligne en onglet sur mon forum de test (avant de faire n'importe quoi sur mon fofo xD)..seulement petits problèmes >.< j'aimerais aligner mon image (qui est la) avec les onglets comme sur ce fofo -> http://www.berkeley-u.com/
Et j'aimerais aussi savoir comment supprimer le qui est en ligne normal qu'il y avait avant de modifier tout ça quoi.
Bon pour l'instant mes onglets ne sont pas terminés...je rectifierais l'intérieur après avoir résolu ce problème :s
voici l'adresse de mon forum de test -> http://f-d-test.forumotion.com/forum.htm?tt=1
PS: Si vous voulez mon css ou mon template index_box (car à mon avie c'est ici qu'il faut rectifier quelque chose) il suffit de demander ^^ Voila je vous remercie d'avance. J'attends votre réponse avec IMPATIENTE *O* XD | | |
|
Invité Invité
| Bonjour ^^
Je ne suis pas sûre d'avoir compris ....
Tu veux mettre ton image à gauche, et juste à côté ton tableau à onglet ?
Parce que si c'est le ca,s il te suffit de te faire un tableau à deux colonnes =O Dans la première ton image, & l'autre tes onglets =D
Et si c'est pas ca, j'ai pas compris, va falloir m'aider (a) | | |
|
Ami
{ Membre }
Messages : 89
| Bonsoir, merci de votre réponse c'est ça ! seulement j'avais fais un tableau car j'avais pensée à cette idée mais ça ne fonctionnait pas >> donc je pense que j'ai mal fais mes codages...serait-ce possible à partir de mon template de me le faire s'il vous plait et de me dire ou je dois mettre mon image (ou me la mettre directement en faisant ressortir avec une couleur pour que je le vois ) ? Car franchement sur le coup j'ai était nulle et je veux pas refaire la bêtise après avoir arrangée même si c'est un forum de test XD Voici voila je vous remercie d'avance! ^^ Re édite -> étant donné que je n'y arrivais pas avec le tableau et que ça déformait mon fofo, j'ai fais une belle image grande qui est en ligne et je j'essaierais de compléter mes onglets de manière à faire jolie et ça devrait le faire ^.- donc ne vous cassé pas la tête pour moi je m'en sortirais! merki beaucoup ^^ Par contre j'ai tout de même un petit prob, en fait j'ai essayée de mettre un tableau dans le contenu de l'onglet "stat" sauf que ce tableau déborde sur mes autre onglet (pour comprendre mieux faut voir mon forum, j'ai mis l'image en code directement pour que vous remarquez bien le problèmes :S) je vous laisse mon template index_box -> - Code:
-
[spoiler]<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </td> <td class="row2" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script> <style> .contenu_onglet{ background-color:#EBDDDD; border:1px solid black; margin-top:-1px; padding:5px; display:none; } .pos_right{ float: right; } </style> </head>
<body> <table width="100%"> <tr> <td align="center" width="100%"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> </tr> <tr> <td> <div class="systeme_onglets"> <div class="onglets"> <span class="onglet_0 onglet" id="onglet_groupes" onmouseover="javascript:change_onglet('groupes');">Groupes</span> <span class="onglet_0 onglet" id="onglet_stats" onmouseover="javascript:change_onglet('stats');">Statistiques</span> <span class="onglet_0 onglet" id="onglet_affiliates" onmouseover="javascript:change_onglet('affiliates');">Partenaires</span> </div> <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_groupes"> <table width="100%"> <tr> <td align="center">Putchu?<img src="Mii/Img/Photoshop/Avatar/DJMAX.jpg" /></td> </tr> <tr> <td align="center">Putchu?<img src="Mii/Img/Photoshop/Avatar/DJMAX.jpg" /></td> </tr> <tr> <td align="center">Putchu?<img src="Mii/Img/Photoshop/Avatar/DJMAX.jpg" /></td> </tr> <tr> <td align="center">Putchu?<img src="Mii/Img/Photoshop/Avatar/DJMAX.jpg" /></td> </tr> </table> </div> <table border="1"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"><div class="contenu_onglet" id="contenu_onglet_stats"> <span class="text_qeel" id="total_membre_co_frm">{TOTAL_USERS}<script type="text/javascript">document.getElementById('total_membre_co_frm').innerHTML=document.getElementById
('total_membre_co_frm').innerHTML.replace(/Nous avons/,"Dans notre belle ville de Sims City, il y a");</script><script type="text/javascript">document.getElementById
('total_membre_co_frm').innerHTML=document.getElementById('total_membre_co_frm').innerHTML. replace(/membres enregistrés/,"sims installés.");</script><script type="text/javascript">document.getElementById</script></span><br />
<span class="text_qeel" id="dernier_membre">{NEWEST_USER}<script type="text/javascript">document.getElementById('dernier_membre').innerHTML=document.getElementById
('dernier_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Le dernier sims à avoir emménagé est ");</script></span> <br />
<span class="text_qeel" id="total_post">{TOTAL_POSTS} <script type="text/javascript">document.getElementById('total_post').innerHTML=document.getElementById
('total_post').innerHTML.replace(/Nos membres ont posté un total de/,"Nos habitants ont posté un total de");</script><script type="text/javascript">document.getElementById
('total_post').innerHTML=document.getElementById('total_post').innerHTML. replace(/messages/,"lettres");</script><script type="text/javascript">document.getElementById</script></span><br />
<span class="text_qeel" id="total_membre_on">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('total_membre_on').innerHTML=document.getElementById
('total_membre_on').innerHTML.replace(/Il y a en tout/,"Vous pouvez croiser");</script><script type="text/javascript">document.getElementById
('total_membre_on').innerHTML=document.getElementById('total_membre_on').innerHTML. replace(/utilisateur en ligne/,"sims en ligne");</script><script type="text/javascript">document.getElementById</script>
<script type="text/javascript">document.getElementById('total_membre_on').innerHTML=document.getElementById
('total_membre_on').innerHTML.replace(/Enregistré/,"habitant");</script>
<script type="text/javascript">document.getElementById('total_membre_on').innerHTML=document.getElementById
('total_membre_on').innerHTML.replace(/Invisible/,"fantôme");</script>
<script type="text/javascript">document.getElementById('total_membre_on').innerHTML=document.getElementById
('total_membre_on').innerHTML.replace(/Invité/,"touriste");</script></span> <br /> <span class="text_qeel" id="liste_membre_co"> {LOGGED_IN_USER_LIST} dites leurs bonjour! <script type="text/javascript">document.getElementById('liste_membre_co').innerHTML=document.getElementById
('liste_membre_co').innerHTML.replace(/Utilisateurs enregistrés/,"Si vous croisez");</script></span> <br /> <span class="text_qeel">{CHATTERS_LIST} est/sont sur le chat de la ville.<br /></div> </div></td><td align="left">[img]http://i63.servimg.com/u/f63/15/93/55/91/stat10.png[/img]</td></tr></table> <div class="contenu_onglet" id="contenu_onglet_affiliates"> IMAGES DES PARTENAIRES! </div> </div> </div> </td> </tr> </table> <script type="text/javascript"> //<!-- var anc_onglet = 'groupes'; change_onglet(anc_onglet); //--> </script>[/spoiler] Merki beaucoup!!!! =^.^= | | |
|
Invité Invité
| Regarde ton codage n_n
Tu remarqueras que le début de ton tableau commence à l'extérieur de ton onglet ( l'onglet stat, est désigné par une DIV =p ) | | |
|
Ami
{ Membre }
Messages : 89
| ah ben oui merci ^^ Comme quoi des fois je suis vraiment maladroite >< Merki beaucoup ^^ | | |
|
Ami
{ Membre }
Messages : 89
| |