| Savez vous comment faire ça?? | |
|
.draumrkopa
{ Membre }
Messages : 40
| Bonjour a toutes et a tous, Dernièrement je suis tombé sur sur un forum rpg dans lequel leurs sous forum était placé en vignettes ou je ne sais trop quoi et j'ai flashé =) j'aimerai savoir comment mettre les sous forum en haut comme ici, si quelqu'un sait merci de m'aider le forum en question ==} http://newytown.forumactif.com/forum.htm Merci d'avance
| | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Coucou ! En fait, c'est un truc tout simple; qui parait super complexe quand on le voit L'admin a juste fait des effets en CSS & HTML dans les descriptions de ses forums . [Donc dans Panneau admin >> Général >> Catégories & forum] - Code:
-
<div align="right"> <a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a> <a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a> <a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a> <a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a> </div> Tu peux mettre autant de liens que tu le souhaites (là, y'en a 4, pour 4 vignettes) Donc, pour que tes vignettes soient mises en formes, tu dois appliquer un code CSS à la div ... (La class appelée "vignettes" peut changer de nom, évidemment xD Tu l'appelles comme tu veux xD) - Code:
-
.vignettes {TES CODES CSS} Je ne sais pas si je suis très claire, mais si tu ne comprends pas, ou que tu as besoin d'aide, dis le surtout | | |
|
| |
.draumrkopa
{ Membre }
Messages : 40
| Beuuh merci de ta réponse, c'est très gentil de ta part mais... Je pige pas vraiment, en faite il faut que je copie le code dans chaque description de forum ou de sous forum??
| | |
|
| |
.draumrkopa
{ Membre }
Messages : 40
| Merci mais pour le premier code que tu m'as donné je le met ou?? << Ouaip j'ai tendance a souvent demander avant de faire n'importe quoi =$ Pis pour le code a mettre dans la description du forum ne tient pas dans le petit rectangle u_u je fais comment?? | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Le premier code se place dans la feuille CSS de ton forum : Panneau admin >> Affichage >> Couleurs >> Feuille CSS ^^ .. - Citation :
- Pis pour le code a mettre dans la description du forum ne tient pas dans le petit rectangle u_u je fais comment??
C'est à dire ? Pourrais-tu fournir un screen de ce que tu vois quand tu veux coller le code ? | | |
|
| |
.draumrkopa
{ Membre }
Messages : 40
| Beuuh c'est a dire que j'ai déja mis de la neige sur tout le forum donc il n'y a plus du tout de place u_u du coup ça tient pas Haaaan.
J'ai tout bien fait mais il faut que je fasse un choix entre les deux =/ Vignettes ou neige Arf
| | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Oulaaa, nan Quand je parle de description de forum, je parle pas de la description DU FORUM xD. Mais de ceci : (je prend le forum de ton profil en exemple) - Citation :
- Rules & Context :
C'est ici que tout commence, cher membre. Un clic sur ce sujet est indispensable pour vous tenir au courant des règlements a signer et de l'intrigue ayant court sur Lop. Vous êtes priés de tout lire avec attention et de revenir faire un tour sur une base régulière afin de ne rien manquer des mises-à-jour instaurées dans le but de rendre votre expérience sur Lop des plus agréables. C'est ça que tu dois modifier . Va dans Panneau admin >> Général >> Catégories & forums Tu cherches ton forum "Rules & Context", tu cliques sur et c'est là que tu dois coller le code Comme indiqué sur ce screen : cliiic | | |
|
| |
.draumrkopa
{ Membre }
Messages : 40
| Haaaaaaaaaan, je croyais que c'était de description du forum dans PA >> Général >> Configuration et tanani tanana mdrrr
Merci d'avoir détaillé XD Dans le genre boulet je demande.... Moi mdr Sinope je dois faire cet action dans tout les forums?? | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Dans tous les forums où tu veux des vignettes oui . Si tu as besoin d'aide pour mettre ton CSS en forme, n'hésites pas à le dire surtout ^^ Et t'inquiètes pas, vu mes explications c'est un peu normal que tu te soies perdue | | |
|
| |
.draumrkopa
{ Membre }
Messages : 40
| Beuuh je ne refuse pas un peu d'aide pour faire un premier sous forum, je sais qu'a la place du lien du sous forum c'est baah le lien mais euuh après je sais pas
Désolé de bouffer sur ton temps =/ | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Bah si je te propose, c'est que j'ai le temps . Déjà, il faut que tu saches ce que tu veux mettre dans tes vignettes As-tu les liens de tes sous forums ? Ensuite, comment tu veux tes vignettes ? Arrondies, avec une couleur de fond, une image en fond, majuscules/minuscules, couleur du texte ... | | |
|
| |
.draumrkopa
{ Membre }
Messages : 40
| Yattaaaaa merci,
Pour le premier forum les liens: http://land-of-poudlard.highforum.net/rules-and-context-f1/rule-du-forum-t1.htm && http://land-of-poudlard.highforum.net/rules-and-context-f1/context-du-forum-t2.htm
Le premier c'est Rules et le deuxième Context et nope je préfère que ce soit en rouge pâle ou blanc [couleurs de Noël]
Pour ce qui est de la forum oui arrondie ce serait mieux breffouille ça irait mieux avec l'arrondie général du forum. | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Alors déjà le HTML à mettre dans la description du premier forum : - Code:
-
<div align="right"> <a class="vignettes" href="http://land-of-poudlard.highforum.net/rules-and-context-f1/rule-du-forum-t1.htm">Rules</a>   <a class="vignettes" href="http://land-of-poudlard.highforum.net/rules-and-context-f1/context-du-forum-t2.htm">Context</a> </div>
TA DEscriptION DE FORUM Le " " est en fait un espace, pour ne pas que les vignettes se collent xD Et le code CSS ... Après, je ne sais pas ce que tu veux vraiment, c'est donc pas super évident à coder . Il faut que tu testes, que tu vois, et que tu dises ce que tu veux niveau esthétique ... - Code:
-
.vignettes {-moz-border-radius:7px; background-color: #ffffff; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px;} -moz-border-radius:7px; = l'arrondi background-color: #ffffff; = la couleur de fond de la vignette. Ici, #FFFFFF représente la couleur blanche .. padding-right:10px; = Une "marge" à droite pour ne pas que ton texte soit collé au bord de la vignette ... padding-left:10px; = Une "marge" à gauche pour ne pas que ton texte soit collé au bord de la vignette ... padding-bottom: 3px; = Une "marge" sur le bas pour ne pas que ton texte soit collé au bord de la vignette ... padding-top:3px;} = Une "marge" sur le haut pour ne pas que ton texte soit collé au bord de la vignette ... Le tout se modifie, évidemment Je l'ai pas testé, donc si ça ne va pas, dis le moi ^^ | | |
|
| |
.draumrkopa
{ Membre }
Messages : 40
| |
| |
Liliana
{ Membre actif }
Messages : 997
| Bon courage alors xD
Si tu veux de l'aide pour quelque chose, hésites pas hein ^^ | | |
|
| |
Contenu sponsorisé
| |
| |
| Savez vous comment faire ça?? | |
|