Des onglets en haut et en bas du contenu ?

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Des onglets en haut et en bas du contenu ?

Message par What-if-I-fall Mer 23 Mar 2011 - 21:03

Bonjour, ou bonsoir, suivant l'heure à laquelle vous me lisez =)

Je suis désolée d'en arriver une fois de plus à demander de l'aide, néanmoins je n'y arrive pas seule :/
Je m'explique ; j'ai suivi plusieurs tutoriels pour arriver à mes fins, mais pas moyen de réussir à faire ce que je voudrais. Pourtant j'ai réussi à moitié.
En fait, je voulais intégrer le staff de mon forum dans des onglets, ce que j'ai réussi à faire. Mais je voulais mettre administrateurs en haut, et modérateurs en bas, et au milieu le contenu des onglets. SAUF QUE ! Impossible de mettre les modérateurs 8D. Du coup il n'y a que les admins, c'est dommage et en plus, je me fais engueuler - quels ingrats, décidément !
Voici le lien de mon forum : http://awindowtothepast.1fr1.net/ voyez les petites icones au dessous de la "dream team" avec les têtes des admins ? J'aimerais trouver le moyen d'en mettre trois autres, pour les modos, mais en dessous du contenu des onglets. J'espère que je suis assez claire, sinon je ferais une capture d'écran =D
Merci beaucoup à ceux qui tenteront de m'aider, et désolée d'être aussi cruche 8D

What if I fall
What-if-I-fall

What-if-I-fall
*

Messages : 35
Inscrit(e) le : 14/12/2010

http://letempsdesmaraudeurs.1fr1.net/forum.htm
What-if-I-fall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des onglets en haut et en bas du contenu ?

Message par Anzu Mer 23 Mar 2011 - 21:06

Bonsoir,

Une capture, ce serait mieux.
Car je ne suis pas sûre d'avoir bien cerné la demande ^^

Par contre "codage entièrement réalisé par Sirius", ca fait un peu sourire Mr. Green

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des onglets en haut et en bas du contenu ?

Message par What-if-I-fall Mer 23 Mar 2011 - 21:23

ANZU batman

Oui, bon, c'est vrai que c'est un peu pédant Oo je n'avais pas vu la chose ainsi. Mais vous avez raison, et vraiment veuillez m'en excuser, ce n'est pas très voir pas du tout reconnaissant de ma part. Vraiment. J'ai changé ça, je n'avais pas réalisé.
Bon alors, voici la chose voulue 8D montage pourri, bonjour. Je ne sais pas si on voit bien ce que je voudrais ? :
Spoiler:
et voici le code actuel :

Spoiler:

Désolément, reconnaissament I love you
What-if-I-fall

What-if-I-fall
*

Messages : 35
Inscrit(e) le : 14/12/2010

http://letempsdesmaraudeurs.1fr1.net/forum.htm
What-if-I-fall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des onglets en haut et en bas du contenu ?

Message par Anzu Mer 23 Mar 2011 - 21:29


Spoiler:

Vous pouvez m'envoyer le reste de la page d'accueil avec la css ? Au pire, par MP ^^

Cordialement. batman
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des onglets en haut et en bas du contenu ?

Message par What-if-I-fall Mer 23 Mar 2011 - 21:32

Trop tard, je crédite, je laisse I love you vous valez bien ça ^^

Voici le code I love you :
Spoiler:

merciament batman
What-if-I-fall

What-if-I-fall
*

Messages : 35
Inscrit(e) le : 14/12/2010

http://letempsdesmaraudeurs.1fr1.net/forum.htm
What-if-I-fall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des onglets en haut et en bas du contenu ?

Message par Anzu Jeu 24 Mar 2011 - 0:08

Voila:

Code:
<table background="http://www.noelshack.com/uploads/images/17320532313546_tableau2.png" width="700px" height="580px"><tr height="330px"><td style="padding-top: 60px; padding-left: 20px;" valign="top" width="330px"><font color="#991e2f"><span style="font-size: 18px; line-height: normal; text-align:justify;"><font face="georgia"><center>LE TABLEAU D'AFFICHAGE</center></font></font>
    <span style="font-size: 14px; line-height: normal; text-align:justify;"><font face="arial"><center>ϟ TOUS AU <a href="http://awindowtothepast.1fr1.net/t1490-recensement-du-21-03-11" class="postlink">RECENSEMENT</a> !</center></font></font></span>
    <br></br>ϟ Mise en place du nouveau design... ça sent le printemps tout ça !
    <font color="#CB142C">ϟ L'intrigue est en place ! Tout le monde est attendu <a href="http://awindowtothepast.1fr1.net/t1463-intrigue-struggle-for-pleasure?sid=6bf8629352d18dded69f5cd9ff239767" class="postlink">ICI</a>.</font>
    ϟ Le forum a ouvert ses portes le <font color="#3c8a0d"> 17 Juillet 2010</font>, et le codage a été réalisé par SIRIUS©️ grâce à FDF©️, ANZU©️, Merci beaucoup ♥. Design et droits des administrateurs, pas de plagiat SVP.</br></span>
    </td><td style="padding-top: 220px; padding-left:60px; " valign="top"><object width="340" height="90"><param name="movie" value="http://www.dailymotion.com/swf/video/xfbcel?width=320&theme=none&foreground=%23DCD08F&highlight=%23CB142C&background=%23CB142C"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/xfbcel?width=320&theme=none&foreground=%23DCD08F&highlight=%23CB142C&background=%23CB142C" width="230" height="90" allowfullscreen="true" allowscriptaccess="always"></embed></object></td></tr><tr><td colspan="2" valign="top"> <table><tr><td width="300px" valign="top" style="padding-left: 5px; padding-top: 5px;" ><font color="#991e2f"><span style="font-size: 16px; line-height: normal; text-align:justify;"><font face="georgia"><center>LA DREAM TEAM</center></font></font>
    <script>function changeOnglet(_this){
    var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
    for(var i = 0; i < getOnglets.length; i++){
    if(getOnglets[i].id){
    if(getOnglets[i].id == _this.id){
    getOnglets[i].className = 'mon_onglet_selected';
    document.getElementById('c' + _this.id).style.display = 'block';
    }
    else{
    getOnglets[i].className = 'mon_onglet';
    document.getElementById('c' + getOnglets[i].id).style.display = 'none';
    }
    }
    }
    }</script>
    <style>
    ul, li{
    list-style: none;
    }
    .mon_onglet{
    color: #000;
    align:center;
    }
    .mon_onglet:hover{
    background: #D6D6D6;
    align:center;

    }
    .mon_onglet_selected{
    align:center;

    color: #000;
    }
    .clear{
    clear: both;
    }
    .mon_contenu{
    color: #000;
    margin-up:20px;
    width:220px;
    margin-left:10px;
    }
    #mes_contenus, #mes_onglets{
    width: 100%;
    }
    </style><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/48x48/others/animals-butterfly.png"></li>
    <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://www.noelshack.com/uploads/images/14938595511048_evangeline_lilly_131024.jpg" /></li>
    <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://www.noelshack.com/uploads/images/617371006725_robertpattinsondanslasaison7dentourage1.jpg" /></li>
    <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://www.noelshack.com/uploads/images/8575623431892_g168251393795622.jpg" /></li></ul></div>


  <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><img src="http://www.noelshack.com/uploads/images/21399706355346_saff.png"></div>
    <div id="co_2" class="mon_contenu" style="display: none;"><center><img src="http://s3.noelshack.com/uploads/images/16448827002795_7005424227516_evangeline_lilly_131024.jpg"><br><font color="#991e2f"><span style="font-size: 11px; line-height: normal; text-align:justify;"><font face="georgia"><center>FRAISE SWARS</center></font></font> administratrice ϟ <a href="http://awindowtothepast.1fr1.net/u2contact"> contacter</a> ϟ <a href="http://awindowtothepast.1fr1.net/u2"> profil</a>
    Doubles Comptes : Jane Martins </center>
    </div></div>
    <div id="co_3" class="mon_contenu" style="display: none;"><center><img src="http://s3.noelshack.com/uploads/images/2208790588851_12834139847661_robertpattinsondanslasaison7dentourage1.jpg"><br><font color="#79970c"><span style="font-size: 11px; line-height: normal; text-align:justify;"><font face="georgia"><center>EVAN ROSIER</center></font></font> administrateur ϟ <a href="http://awindowtothepast.1fr1.net/u226contact"> contacter</a> ϟ <a href="http://awindowtothepast.1fr1.net/u226"> profil</a>
    Doubles Comptes : Sirius Black & Maximus J. Cobb</center>
    </div></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><center><img src="http://s3.noelshack.com/uploads/images/330551631531_19411117094160_etcaprometdejoliesdeclarationsdamour8585231dteoc_1879.jpg"><br><font color="#96b0ef"><span style="font-size: 11px; line-height: normal; text-align:justify;"><font face="georgia"><center>ARIANA OSGOOD</center></font></font> administratrice ϟ <a href="http://awindowtothepast.1fr1.net/u76contact"> contacter</a> ϟ <a href="http://awindowtothepast.1fr1.net/u76" class="postlink"> profil</a>
    Doubles Comptes : Jordane M. Wellinghton & Alienor N. Willow</center>
    </div></div><div id="mes_onglets"><ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/48x48/others/animals-butterfly.png"></li>
    <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://www.noelshack.com/uploads/images/14938595511048_evangeline_lilly_131024.jpg" /></li>
    <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://www.noelshack.com/uploads/images/617371006725_robertpattinsondanslasaison7dentourage1.jpg" /></li>
    <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://www.noelshack.com/uploads/images/8575623431892_g168251393795622.jpg" /></li></ul></div>

    </td><td valign="top"width="172px" style="padding-left: 10px; padding-top: 5px;" ><center><font color="#991e2f"><span style="font-size: 18px; line-height: normal; text-align:justify;"><font face="georgia"><center>CARTE DU MARAUDEUR</center></font></font><br></br>
    <a href="http://awindowtothepast.1fr1.net/f3-le-reglement-de-poudlard"><span style="font-size: 16px; line-height: normal;;margin:8px;"> <font face="Georgia">RÈGLEMENT</font></font></span></i></a><span style="font-size: 18px; line-height: normal"></span><a href="http://awindowtothepast.1fr1.net/t1318-le-contexte" class="postlink">
    <span style="font-size: 16px; line-height: normal;margin:8px;"><font face="Georgia">CONTEXTE</font></font></span></i></a><span style="font-size: 16px; line-height: normal"></span> <a href="http://awindowtothepast.1fr1.net/c19-registre" class="postlink">
    <span style="font-size: 16px; line-height: normal;margin:8px;"><font face="Georgia">RÉPARTITION</font></i></font></span></a>
    <span style="font-size: 16px; line-height: normal"> </span> <a href="http://awindowtothepast.1fr1.net/f1-les-postes-vacants" class="postlink">
    <span style="font-size: 16px; line-height: normal;margin:8px;"><font face="Georgia">POSTES VACANTS</font></font></span></a>
    <span style="font-size: 16px; line-height: normal"></span><a href="http://awindowtothepast.1fr1.net/t614-la-boite-aux-avatars" class="postlink">
    <span style="font-size: 16px; line-height: normal;margin:8px;"><font face="Georgia">AVATARS</font></font></span></a> </span>
    <a href="http://awindowtothepast.1fr1.net/f203-partie-invites" class="postlink">
    <span style="font-size: 16px; line-height: normal;margin:8px;"><font face="Georgia">INVITÉS</font></font></span></a> </span></center>
    </td><td width="223px" valign="top" style="padding-left: 15px; padding-top: 5px;" ><img src="http://s3.noelshack.com/uploads/images/20395034722557_iansomerhalderandninadobrevpsd53814.png"><div style="background-color:white; padding:5px;width:190px;"><span style="font-size: 12px; line-height: normal; text-align:justify;"><font face="georgia"><center><font color="#991e2f">LE COUPLE DU MOIS</font></span><br></br>
    <i>Keenan S. Svensson & Elena H. Genesis</i></center></div></td></tr></table>

Donc ca dépasse normal ^^
Il faut que tu agrandisses le cadre de l'image ou diminuer le contenu.

Cordialement. batman
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum