avoir une colonne des forums à droite

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

Résolu avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 15:46

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.


Dernière édition par Steven66 le Lun 12 Aoû 2013 - 12:25, édité 1 fois

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 17:00

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 :
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 Wink


Dernière édition par MlleAlys le Lun 5 Aoû 2013 - 18:22, édité 5 fois

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 17:20

Merci ^^ enfin une question encore ,
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>
dans un widget , ça peut marcher ?

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 17:32

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
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 17:36

Bon je vais essayer ^^

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 17:41

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...

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 17:42

Ah ouais les widgets sur l'accueil c'est pas très pratique
Lien de mon forum pour voir : http://crocsdefeu.forumdediscussions.com

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 17:46

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...

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 17:49

J'ai supprimer le CSS que tu m'as passé du coup ça fait un peu mieux sur le widget

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 17:51

Bah une question

Est ce possible avec un code de faire la même chose que la mais moins large

Merci d'avance Smile

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 18:10

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...

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 18:20

Bon allez je vais essayer et puis je dit si c'est bon Wink

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 18:21

Non je peux pas le réduire .... :/

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 18:31

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

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 18:40

Oui c'est pas grave c'est bien enfaite + je pense que pour après je vais avoir encore quelques question ^^

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 18:47

ok

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 19:32

Alors voila le code (j'ai pas mis les liens encore) :
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

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 19:40

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)


Dernière édition par MlleAlys le Lun 5 Aoû 2013 - 19:54, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 19:47

Ah merci j'essaye tout de suite Wink

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 20:25

Je veux mettre l'image mais problème ou je le place dans le code moi je trouve pas What's happen ?!?

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 20:32

Bah... je ne sais pas, où veux tu la mettre ? ^^"

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 20:35

Bah dans la code de façon que ça prenne le fond du widget xD

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Lun 5 Aoû 2013 - 21:28

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 :
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>
Alors tu fais comme ça :
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
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par néco le Lun 5 Aoû 2013 - 21:54

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 Wink

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 edit 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 ! Wink

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 Wink

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

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 5 Aoû 2013 - 22:27

Merci MlleAlys
Et Non pas vraiment néco mais ça pourrait me servir donc merci quand même Wink

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par kilinah le Mar 6 Aoû 2013 - 12:16

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/

kilinah
**

Féminin
Messages : 83
Inscrit(e) le : 11/07/2006

http://terre-des-elfes.naturalforum.net/
kilinah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par MlleAlys le Mar 6 Aoû 2013 - 13:44

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 :
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 -->
Et tu colles le code de la colonne juste après (en fait, peut importe où elle est mise, puisque le code css va permettre de la déplacer ^^ Il faut juste ne pas incruster les codes qui sont autour, d'où l'option de le mettre en premier élément de la page, juste après la balise body ^^) :
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 -->
Le seul inconvénient de cette méthode et qu'il faut revenir dans le template pour modifier le contenu de la div, et penser à publier à chaque fois après...
D'où l'idée de passer peut être par un javascript pour ne pas être à chaque fois obligé de toucher aux templates ?

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par kilinah le Mar 6 Aoû 2013 - 20:41

Ok merci beaucoup!
je préfère bidouiller mes templates (c'est plus simple de compréhension pour moi^^)

kilinah
**

Féminin
Messages : 83
Inscrit(e) le : 11/07/2006

http://terre-des-elfes.naturalforum.net/
kilinah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avoir une colonne des forums à droite

Message par Anzu le Lun 12 Aoû 2013 - 9:56

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, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

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

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

Résolu Re: avoir une colonne des forums à droite

Message par Steven66 le Lun 12 Aoû 2013 - 12:22

Ah oui c'est resolu

Steven66
**

Masculin
Messages : 99
Inscrit(e) le : 16/09/2012

http://publichouse.forumactif.org/
Steven66 a été remercié(e) par l'auteur de ce sujet.

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


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