avoir une colonne des forums à droite
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
avoir une colonne des forums à droite
Bonjour
A droite de mon : forum j'aimerais avoir (en dehors du cadre ) une colonne (fixe) avec tout les forums (pour une meilleure navigation) mais comment faire ?
Merci d'avance.
A droite de mon : forum j'aimerais avoir (en dehors du cadre ) une colonne (fixe) avec tout les forums (pour une meilleure navigation) mais comment faire ?
Merci d'avance.
Dernière édition par Steven66 le Lun 12 Aoû 2013 - 12:25, édité 1 fois
Re: avoir une colonne des forums à droite
Bonjour !
On peut mettre une div dans le panneau d'accueil par exemple puis la fixer sur le côté de l'écran via css. ^^
Donc en code html, à coller à la fin de ta page d'accueil par exemple :
(après tu le remplis comme tu veux, et avec les bons liens, bref mets ce que tu veux dedans ! ^^")
Puis pour la placer et en modifier l'apparence comme tu le souhaites via le css, j'ai mis l'id "navigation" à la div, et voilà quelque chose de base que tu peux modifier et compléter à ta guise :
J'ai également attribué la class .forumline à la div, de façon à ce que les couleurs s'accordent facilement avec le reste du forum, mais tu peux modifier bien sûr.
Si tu as besoin de plus d'explications ou d'aide pour la suite, hésite pas ! ^^"
EDIT : ah mais je viens de penser qu'en le mettant sur la page d'accueil, ça va se mettre que sur la première page du forum... Sinon, on pourra l'ajouter directement dans le template de haut de page, ou alors passer par un code javascript ^^
Mais dit moi déjà si le principe te convient en essayant de mettre le code html dans la page d'accueil, et alors on pourra passer par les templates pour afficher la div sur toutes les pages
On peut mettre une div dans le panneau d'accueil par exemple puis la fixer sur le côté de l'écran via css. ^^
Donc en code html, à coller à la fin de ta page d'accueil par exemple :
- Code:
<div id="navigation" class="forumline">
<div class="titre">NAVIGATION</div>
<a href="...">Forum 1</a>
<br/>
<a href="...">Forum 2</a>
<br/>
<a href="...">Forum 3</a>
<br/>
<a href="...">Forum 4</a>
<br/>
<a href="...">Forum 5</a>
<br/>
<a href="...">Forum 6</a>
</div>
(après tu le remplis comme tu veux, et avec les bons liens, bref mets ce que tu veux dedans ! ^^")
Puis pour la placer et en modifier l'apparence comme tu le souhaites via le css, j'ai mis l'id "navigation" à la div, et voilà quelque chose de base que tu peux modifier et compléter à ta guise :
- Code:
/*mise en forme de la cellule de navigation*/
#navigation {
position: fixed; /*pour fixer sur l'écran*/
right: 0px; /*écart par rapport à la droite de l'écran*/
top: 0px; /*écart par rapport au haut de l'écran*/
width: 100px; /*largeur de la colonne*/
height: 100%; /*hauteur de la colonne*/
padding: 50px 3px 20px 3px; /*espace entre le texte et les bords de la colonne*/
text-align: center; /*alignement du texte à l'intérieur de la colonne*/
}
#navigation .titre {
margin: 20px 0 20px 0px; /*marges autour du titre*/
font-size: 12px; /*taille du titre*/
}
J'ai également attribué la class .forumline à la div, de façon à ce que les couleurs s'accordent facilement avec le reste du forum, mais tu peux modifier bien sûr.
Si tu as besoin de plus d'explications ou d'aide pour la suite, hésite pas ! ^^"
EDIT : ah mais je viens de penser qu'en le mettant sur la page d'accueil, ça va se mettre que sur la première page du forum... Sinon, on pourra l'ajouter directement dans le template de haut de page, ou alors passer par un code javascript ^^
Mais dit moi déjà si le principe te convient en essayant de mettre le code html dans la page d'accueil, et alors on pourra passer par les templates pour afficher la div sur toutes les pages
Dernière édition par MlleAlys le Lun 5 Aoû 2013 - 18:22, édité 5 fois
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Merci ^^ enfin une question encore ,
Si je met ce code que vous m'avais donné
Si je met ce code que vous m'avais donné
- Code:
<div id="navigation" class="forumline">NAVIGATION<br><br><a href="...">Forum 1</a><br><a href="...">Forum 2</a><br><a href="...">Forum 3</a><br><a href="...">Forum 4</a><br><a href="...">Forum 5</a><br><a href="...">Forum 6</a> </div>
Re: avoir une colonne des forums à droite
Alors là, aucune idée, je n'ai jamais utilisé les widgets... ^^"
Dernière édition par MlleAlys le Lun 5 Aoû 2013 - 17:40, édité 2 fois
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Bon je vais essayer ^^
Re: avoir une colonne des forums à droite
En fait, je pense que ça fonctionne, mais la colonne ne se place pas au même endroit : avec la div que vous placez ensuite vous même, vous la mettez en gros où vous voulez à côté du forum, là je vous ai donné le code pour une colonne à l'extrême droite de l'écran, sans toucher au reste du forum.
Le widget lui, je crois qu'il se met dans le cadre du forum, et donc diminue un peu la largeur de celui-ci (mais bon, vous pouvez toujours le réélargir après quand même ^^")
De plus, je ne sais pas si on peut fixer le widget sur l'écran...
Le widget lui, je crois qu'il se met dans le cadre du forum, et donc diminue un peu la largeur de celui-ci (mais bon, vous pouvez toujours le réélargir après quand même ^^")
De plus, je ne sais pas si on peut fixer le widget sur l'écran...
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Ah ouais les widgets sur l'accueil c'est pas très pratique
Lien de mon forum pour voir : http://crocsdefeu.forumdediscussions.com
Lien de mon forum pour voir : http://crocsdefeu.forumdediscussions.com
Re: avoir une colonne des forums à droite
Voilà ce que devrait donner le code que je t'ai passé :
Fixe sur l'écran donc toujours visible comme ça ^^
Mais ya moyen de personnaliser énormément, par exemple la cacher à moitié et faire en sorte qu'elle "s'ouvre" au passage de la souris par exemple, ou si finalement tu ne veux pas toute la hauteur tu peux changer, ou bien ajouter un cadre, etc...
Fixe sur l'écran donc toujours visible comme ça ^^
Mais ya moyen de personnaliser énormément, par exemple la cacher à moitié et faire en sorte qu'elle "s'ouvre" au passage de la souris par exemple, ou si finalement tu ne veux pas toute la hauteur tu peux changer, ou bien ajouter un cadre, etc...
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
J'ai supprimer le CSS que tu m'as passé du coup ça fait un peu mieux sur le widget
Re: avoir une colonne des forums à droite
Bah une question
Est ce possible avec un code de faire la même chose que la mais moins large
Merci d'avance
Est ce possible avec un code de faire la même chose que la mais moins large
Merci d'avance
Re: avoir une colonne des forums à droite
Pour le widget, ou pour la colonne simple ?
Pour la colonne simple, tu peux modifier les valeurs que tu souhaites via le css, c'est la valeur à côté de laquelle j'ai écrit /*largeur de la colonne*/ (oui, les commentaires que j'y ai mis sont plutôt logiques, ya pas de piège ! xD)
Si c'est la largeur du widget, alors il faut diminuer la largeur de la colonne de droite sur la page des widget du panneau d'administration...
Pour la colonne simple, tu peux modifier les valeurs que tu souhaites via le css, c'est la valeur à côté de laquelle j'ai écrit /*largeur de la colonne*/ (oui, les commentaires que j'y ai mis sont plutôt logiques, ya pas de piège ! xD)
Si c'est la largeur du widget, alors il faut diminuer la largeur de la colonne de droite sur la page des widget du panneau d'administration...
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Bon allez je vais essayer et puis je dit si c'est bon
Re: avoir une colonne des forums à droite
Non je peux pas le réduire .... :/
Re: avoir une colonne des forums à droite
donc finalement, tu restes sur le widget, et pas sur la colonne, c'est ça ? ^^
Si tu reste sur le widget, la largeur minimum est effectivement 180px
Si tu reste sur le widget, la largeur minimum est effectivement 180px
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Oui c'est pas grave c'est bien enfaite + je pense que pour après je vais avoir encore quelques question ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Alors voila le code (j'ai pas mis les liens encore) :
Alors j'essaye d'insérer une image depuis tout a l'heure ( enfin 20 min ^^)mais j'echoue tout le temps donc quelle code mettre et ou svp
Merci d'avance.
Merci d'avance
- Code:
<span class="genmed" style="line-height: 150%">
<a href="...">Blabla général</a><br>
<a href="...">Les Jeux du forum</a><br>
<a href="...">Les Fic's</a><br>
<a href="...">Discussions Consoles & Jeux Vidéo</a><br>
<a href="...">Les News</a><br>
<a href="...">Recrutement de modérateurs (fermé)</a><br>
<a href="...">Suggestions & Réclamation</a>
Alors j'essaye d'insérer une image depuis tout a l'heure ( enfin 20 min ^^)mais j'echoue tout le temps donc quelle code mettre et ou svp
Merci d'avance.
Merci d'avance
Re: avoir une colonne des forums à droite
Vous devez utiliser le codage html : <img src="URL DE L'IMAGE" />
(et si vous avez le courage d'utiliser le code complet =P :
<img src="URL" alt="NOM" width="LARGEUR" height="HAUTEUR" />
Le nom c'est le texte qui apparaît s'il y a un souci avec l'image, ou qui est lu par les programmes pour malvoyants.
Préciser la hauteur et la largeur de l'image (en px) permet aux navigateurs de prévoir la place nécessaire et donc de ne pas déformer les pages... et permet aussi de la redimensionner rapidement si besoin xD)
(et si vous avez le courage d'utiliser le code complet =P :
<img src="URL" alt="NOM" width="LARGEUR" height="HAUTEUR" />
Le nom c'est le texte qui apparaît s'il y a un souci avec l'image, ou qui est lu par les programmes pour malvoyants.
Préciser la hauteur et la largeur de l'image (en px) permet aux navigateurs de prévoir la place nécessaire et donc de ne pas déformer les pages... et permet aussi de la redimensionner rapidement si besoin xD)
Dernière édition par MlleAlys le Lun 5 Aoû 2013 - 19:54, édité 1 fois
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Ah merci j'essaye tout de suite
Re: avoir une colonne des forums à droite
Je veux mettre l'image mais problème ou je le place dans le code moi je trouve pas
Re: avoir une colonne des forums à droite
Bah... je ne sais pas, où veux tu la mettre ? ^^"
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Bah dans la code de façon que ça prenne le fond du widget xD
Re: avoir une colonne des forums à droite
ah pour que ça soit un fond ! Tu n'avais pas précisé ce détail (important) ! xD
Alors c'est différent, il faut passer par un background ^^
Il faut que tu mettes le fond dans une div qui contient le tout. Par exemple, si dans un des widget tu as écrit ça :
Alors c'est différent, il faut passer par un background ^^
Il faut que tu mettes le fond dans une div qui contient le tout. Par exemple, si dans un des widget tu as écrit ça :
- Code:
<a href="/f1-blabla-general">Blabla général</a><br>
<a href="/f14-les-jeux-du-forum">Les Jeux du forum</a><br>
- Code:
<div style="width:100%; background-image: url(URL DE L'IMAGE);">
<a href="/f1-blabla-general">Blabla général</a><br>
<a href="/f14-les-jeux-du-forum">Les Jeux du forum</a><br>
</div>
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
es ce que ce que tu cherches à faire ressemble à ça ??? (mais avec chaque image clicable qui renvoie au forum en question) ???
si , c'est ça que tu cherches à faire ... c'est assez simple
en tout 1er tu dois préparer toi même toute les petite image aux bonne dimentions car le fofo ne les redimentionnera pas automatiquement !
si ta collonne de widget est au minimum (180 px) tu dois préparé des mini-bannière de 170 pixel de long (et hauteur , comme tu veux ^^)
une fois que tu as toute tes mini-bannières ...
tu vas dans ton panneau d'admin :
PA >>> module >>> gestion des widgets du forum
clic sur Créer un widget personnalisé
donne lui un nom (par exemple "partenaires" mais tu mets ce que tu veux)
et dans la grande case tu mets :
et en dessous , tu recommence autant de fois que de forums que tu veux afficher !
si tu veux que les images soit collé les unes aux autres comme la 1er capture , tu mets les lignes les unes après les autres (le fait de mettre des "espace" ne changera rien)
et si tu veux les espacer un peu comme ça :
entre chaque lignes , tu mets :
tu peux évidement le mettre dans ta collonne de widget de gauche , ou de droite , c'est toi qui décide
j'éspère que c'est ça que tu demandais ?
si je t'ai mal compris , désolé ! ^^
je pourais pas t'aider plus que ça ^^
bizzz
si , c'est ça que tu cherches à faire ... c'est assez simple
en tout 1er tu dois préparer toi même toute les petite image aux bonne dimentions car le fofo ne les redimentionnera pas automatiquement !
si ta collonne de widget est au minimum (180 px) tu dois préparé des mini-bannière de 170 pixel de long (et hauteur , comme tu veux ^^)
une fois que tu as toute tes mini-bannières ...
tu vas dans ton panneau d'admin :
PA >>> module >>> gestion des widgets du forum
clic sur Créer un widget personnalisé
donne lui un nom (par exemple "partenaires" mais tu mets ce que tu veux)
et dans la grande case tu mets :
<a href="(adresse du forum n°1)" target="_blank"><img src="(lien direct de l'image de la mini-bannière hébergé sur l’hébergeur du forum)"></a>
et en dessous , tu recommence autant de fois que de forums que tu veux afficher !
si tu veux que les images soit collé les unes aux autres comme la 1er capture , tu mets les lignes les unes après les autres (le fait de mettre des "espace" ne changera rien)
et si tu veux les espacer un peu comme ça :
entre chaque lignes , tu mets :
- Code:
</br></br>
tu peux évidement le mettre dans ta collonne de widget de gauche , ou de droite , c'est toi qui décide
j'éspère que c'est ça que tu demandais ?
si je t'ai mal compris , désolé ! ^^
je pourais pas t'aider plus que ça ^^
bizzz
Re: avoir une colonne des forums à droite
Merci MlleAlys
Et Non pas vraiment néco mais ça pourrait me servir donc merci quand même
Et Non pas vraiment néco mais ça pourrait me servir donc merci quand même
Re: avoir une colonne des forums à droite
Hello MlleAlys
Plus haut, tu parlais de pouvoir fixer la colonne sur toutes les pages. Cela m’intéresse, peux-tu m'en dire plus?
lien vers mon forum: http://graph-test.kanak.fr/
Plus haut, tu parlais de pouvoir fixer la colonne sur toutes les pages. Cela m’intéresse, peux-tu m'en dire plus?
lien vers mon forum: http://graph-test.kanak.fr/
Re: avoir une colonne des forums à droite
Eh bien, en insérant la div directement dans un template utilisé sur toutes les pages (overall_header par exemple), ou bien en utilisant un javascript (je sais que c'est possible mais je ne m'y connais pas assez ^^"), etc ^^
Par exemple, dans overall_header tu repères la première balise body, qui correspond au début du contenu de la page :
D'où l'idée de passer peut être par un javascript pour ne pas être à chaque fois obligé de toucher aux templates ?
Par exemple, dans overall_header tu repères la première balise body, qui correspond au début du contenu de la page :
- Code:
<!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
- Code:
<!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- DEBUT DE LA COLONNE DE NAVIGATION -->
<div id="navigation" class="forumline">
<div class="titre">NAVIGATION</div>
<a href="...">Forum 1</a>
<br/>
<a href="...">Forum 2</a>
<br/>
<a href="...">Forum 3</a>
<br/>
<a href="...">Forum 4</a>
<br/>
<a href="...">Forum 5</a>
<br/>
<a href="...">Forum 6</a>
</div>
<!-- FIN DE LA COLONNE DE NAVIGATION -->
<!-- BEGIN hitskin_preview -->
D'où l'idée de passer peut être par un javascript pour ne pas être à chaque fois obligé de toucher aux templates ?
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: avoir une colonne des forums à droite
Ok merci beaucoup!
je préfère bidouiller mes templates (c'est plus simple de compréhension pour moi^^)
je préfère bidouiller mes templates (c'est plus simple de compréhension pour moi^^)
Re: avoir une colonne des forums à droite
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif |
Re: avoir une colonne des forums à droite
Ah oui c'est resolu
Sujets similaires
» Mettre les catégories dans une colonne et rajouter une autre colonne à droite
» Supprimer colonne de droite
» Colonne de droite désactivée mais...
» largeur fluctuante de la colonne de droite
» Alignement à droite de la colonne "dernier message" sur l'index
» Supprimer colonne de droite
» Colonne de droite désactivée mais...
» largeur fluctuante de la colonne de droite
» Alignement à droite de la colonne "dernier message" sur l'index
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum