Code sur page d'acceuil

[Tit-Yosh]

Rappel du premier message :

Bonjour
Je voudrais faire quelques choses sur mon forum qui ressemblerais un peu à sa http://fanasiacreations.forumactif.com/forum.htm (sur la page d'acceuil) Quand tu mets ton curseur sur fanasia paradise ou l'images rouges il y à plusieurs informations qui y sont dans chaques onglet.

Quel est le code pour faire un travail qui ressemblerais à cela sur mon forum qui est http://naruto-rpg-ninja.forumactif.biz/index.htm

J'aimerais un onglet sur les statistiques des membres sur le forum (le tableau des villages), un sur les staff, un sur les partenaires et le dernier il y aurais une place pour tout sortes de musique (je ne me rappelle pas du nom)

S'il quelqu'un peut m'expliquer clairement de façon à ce que je comprenne ou s'inscrire sur le forum *je le metterais admin* pour qui mettes le tableau en place..


J'ai vu le tuto que vous avez mis http://www.johnstyle.fr/langage/javascript/creer-des-onglets-facilement/

Mais je comprend rieeennnn

Merci beaucoup en avance

[Tit-Yosh]

Oui jai mis l'horloge dans un widget, est ce que sa pose problème?

Wow merci pour le code ^-^ mais serais ce possible d'enlever le fond derrière les liens utiles et voter (les yeux de naruto) et mettre un gris pâle pour que l'on vois bien les écriture?

Et je voudrais savoir c'est quoi le code pour faire un enter genre :/ parce que j'aimerais que ¨Bienvenue sur Nrn¨ sois en haut pas coller sur le reste de la description qui n'est pas en gras

Sinon y'a encore l'image du staff qui apparait en dessous de votre travail dans l'onglet acceuil, mais quand ont va voir un autre onglet et que l'on revient elle n'y est plus. Comment l'effacer complètement de la page d'acceuil?

Merci beaucoup pour votre patience et votre aide

[Lixyr]

1) Et bien si l'horloge est dans un widget, c'est normal que le forum ce soit rétrécit. Puis que le widget se met à côté du forum. x)

2) Hum il n'y a pas de fond derrière les liens utiles. Vous en voyez un, vous ?

3) Pour la couleur des écritures, vous pouvez la changer dans la gestion des couleurs :

Affichage >> couleur.

Sinon, si c'est le fond que vous voulez changer, vus pouvez soit changer la couleur de fond du contenu de cet onglet, donc rajouter un fond à la table, soit rajouter une couleur de fond à la cellule contenant les votes. Comme vous voulez. A vous de me dire où vous voulez exactement le gris pâle.

4) Pour le titre, alors, vous le voulez en gras, et le reste du texte non en gras ? Ok..

Pour aller à la ligne c'est un

Code:

<br>

qu'il faut mettre. Donc un saut de ligne = 2

Code:

<br>

.

5) Pour l'image du staff, c'est parce qu'il y avait une div qui trainait, alors elle faussait le code.

Le voici entièrement modifié : (j'ai centré le contenu de l'onglet 1)

Code:

<script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>

<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>

<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>

<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Staff</li>

<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">

<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">

<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...
<table style="width:100%">
<tr><th style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></th>
<th style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</th>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>                                                             
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>

</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong>Aucune Informations pour l'instant...

<font color="red">Merci à tous les membres qui s'inscrivent =D et Bienvenue</font>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%">Contenu 3eme onglet</td>
</tr>
</table>
</div><div id="co_4" class="mon_contenu" style="display: none;">

<table>
<tr>

<td class="row1" width="100%" height="100%">

<a href="http://www.servimg.com/image_preview.php?i=5&u=15856019" class="postlink" target="_blank"><img src="http://i65.servimg.com/u/f65/15/85/60/19/sans_t10.gif" border="0" alt="" /></a>

</td>
</tr>

</table>
</div><div id="co_5" class="mon_contenu" style="display: none;">

<table>
<tr>

<td class="row1" width="100%" height="100%">

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />

<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

</td>
</tr>
</table>
</div>

</div></ul></div>

[Tit-Yosh]

C'est vraiment magnifique =D

Le fond que je parle à des yeux de naruto comme sur la capture d'écran ci dessous. Ont à comme de la misère à voir ce qui est écrit a cause du dessins :/

Spoiler:

Merci beaucoup pour le code qui saute de ligne grace à sa je vais être plus capable de gérer les codes ^^' même si c'est pas fort.

je ne pense pas parce que j'ai retirer les widget à droite et à gauche et cela ne change rien :/

Edit: Ah j'ai compris pourquoi j'avais des naruto sous le titre c'est changer ^-^
Mais je voudrais savoir si cela se fait mettre deux cadres gris autour et en dessous des liens utiles et de l'emplacement pour voter?

[Lixyr]

Pour mettre des cadres, ça dépend de ce que vous voulez comme cadre.

Pour ça, il faut aller dans le css et mettre :

Code:

.cadre {border: 1px solid red;}

=> ça donne un cadre d'épaisseur 1, et de couleur rouge.

Ensuite, pour placer le cadre, il faut aller dans la Page d'Accueil, et entourer ce que vous voulez qui soit encadrer par une div qui reprend la classe du cadre :

Code:

<div class="cadre"> Les liens </div>

.

Par exemple, dans votre onglet, si vous voulez entourer les liens avec un cadre, vous faites comme ça :

<div class="cadre">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a></div>

Ensuite vous faite pareil là où vous voulez mettre des cadres.

[Tit-Yosh]

Daccourd ^-^
Et si je le veux gris pale je met quoi? Grey?

[Lixyr]

Vous pouvez trouver les codes correspondant aux couleurs facilement sur internet. Par exemple code couleur

et à la place de red ou autre couleur, vous mettez #xxxxxx => le nombre à six chiffres correspondant à votre couleur.

[Tit-Yosh]

Daccord merci beaucoup ^-^ sujet clos si j'ai besoin encore d'aide j'ouvrirai un autre sujet merci beaucoup pour votre aide ^^

[Lixyr]

Alors si sujet clos, vous mettez le sujet en résolu en éditant le tout premier message et en cliquant sur la petite icone verte: résolu. ^^ ))