|
|
Luna
{ Membre }
Messages : 57
| Bonsoir =)
Alors j'ai regardé mais il ne me semble pas avoir vu la question, désolé si je l'ai manqué. Voila j'explique mon problème xD
J'avais le code avant mais je ne me souviens plus, pour mettre des onglets comme sur ce forum : http://glamorous-scandal.forumactif.com/forum.htm
Pour règlement contexte & co ... Mais en plus petit au niveau du texte.
Merci d'avance (a) | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| De quels onglets parles-tu ? | | |
|
| |
Luna
{ Membre }
Messages : 57
| de ceux là | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Bonjour; Il y a un tuto ici pour faire ce genre de chose . Suffit d'adapter les codes CSS pour mettre couleurs & bordures de ton choix Liliana | | |
|
| |
Luna
{ Membre }
Messages : 57
| Merci pour le lien je connais ce tuto et je suis nulle en css j'arrive pas a refaire comme je veux | | |
|
| |
Invité Invité
| Qu'est ce que tu n'arrives pas à faire ? | | |
|
| |
Luna
{ Membre }
Messages : 57
| J'arrive pas a remettre la barre et après pour la forme je pense que je devrais trouver mais coller la barre en dessous en fait | | |
|
| |
Invité Invité
| Il me faudrait ton code de base alors s'il te plaît. Et le CSS relié si il y en a un | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Re, Alors les codes CSS s'adaptent, mais le HTML aussi . Pour rajouter une barre, suffit de mettre ce code : (j'ai rajouté le truc en rouge xD) - Citation :
- <div align="right">
<a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <div class="barre"></div> </div> Et ce CSS : - Code:
-
.vignettes {-moz-border-radius:7px; background-color: #ffffff; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px;}
.barre {border-bottom: 4px solid #COULEUR;} Evidemment, le 4px se modifie; comme tout le reste | | |
|
| |
Luna
{ Membre }
Messages : 57
| Ahhh c'est gentil néanmoins je n'ai pas la barre qui apparait : | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| As-tu modifié le #COULEUR par un nom de couleur ? *on sait jamais* Et peux-tu essayer en modifiant les noms des vignettes par un truc moins large comme "Règlement" par exemple ? xD | | |
|
| |
Luna
{ Membre }
Messages : 57
| oui oui j'ai mit une couleur et essayer en changeant les noms xD Mais ça ne m'a rien donné de plus | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| D'accord .. Peux-tu me donner le code HTML que tu as mis dans la description ainsi que le CSS qui y est rattaché s'il te plait ? | | |
|
| |
Mlle.D
{ Membre }
Messages : 6
| Ca marche pour moi ! Merci beaucoup ! <3 | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Essaye l'HTML comme ceci : - Code:
-
<div align="right"><div class="barre"> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> </div></div> ça devrait marcher | | |
|
| |
Luna
{ Membre }
Messages : 57
| Alors ça me donne pareil qu'avant xD Et mon htlm j'ai mit donc ça " - Code:
-
<a class="vignettes" href="http://new-york-i-loveyou.forumactif.org/friends-knowledges-f16/">friends blabla</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> </div></div>
C'est ici que vous trouverez le règlement, est t'il utile de préciser qu'il est indispensable de le lire ? C'est dans ce règlement que vous trouverez le code pour valider votre présentation, ainsi que les règles a suivre pour une bonne gestion du forum. Vous y trouverez aussi bien sur le contexte, et des informations tels qu'une description des groupes, afin de vous aidez dans votre choix. Pour obtenir des informations sur le staff, à qui adressez vos demandes, c'est une fois de plus par ici. " Je dois mal faire quelque chose c'est pas possible | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| - Citation :
- <a class="vignettes" href="http://new-york-i-loveyou.forumactif.org/friends-knowledges-f16/">friends blabla</a>
<a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> </div></div>
C'est ici que vous trouverez le règlement, est t'il utile de préciser qu'il est indispensable de le lire ? C'est dans ce règlement que vous trouverez le code pour valider votre présentation, ainsi que les règles a suivre pour une bonne gestion du forum. Vous y trouverez aussi bien sur le contexte, et des informations tels qu'une description des groupes, afin de vous aidez dans votre choix. Pour obtenir des informations sur le staff, à qui adressez vos demandes, c'est une fois de plus par ici. Tu as deux </div> soit deux fermées; mais aucune ouverte ... C'est de là que viens le problème dans ce code ^^. Essayes ceci : - Citation :
- <div align="right">
<a class="vignettes" href="#">Vignette 1</a> <a class="vignettes" href="#">Vignette 2</a> <a class="vignettes" href="#">Vignette 3</a> <a class="vignettes" href="#">Vignette 4</a> <div class="barre"></div> </div><br>
C'est ici que vous trouverez le règlement, est t'il utile de préciser qu'il est indispensable de le lire ? C'est dans ce règlement que vous trouverez le code pour valider votre présentation, ainsi que les règles a suivre pour une bonne gestion du forum. Vous y trouverez aussi bien sur le contexte, et des informations tels qu'une description des groupes, afin de vous aidez dans votre choix. Pour obtenir des informations sur le staff, à qui adressez vos demandes, c'est une fois de plus par ici. Ca te donnera ceci : https://2img.net/r/ihimizer/img41/2549/sanstitre1kz.png Donc, le # est à modifier par le lien du forum/topic; et le "vignette" par le nom du forum/topic. Juste ça à changer, rien d'autre EDIT ; Dans le CSS de ton forum, je ne vois rien qui corresponde aux vignettes .. As tu collé le CSS dans la feuille ? | | |
|
| |
Luna
{ Membre }
Messages : 57
| Ah lala désolé j'ai vraiment du mal dans le genre xD Mais cette fois c'est bon ! merci a tous pour votre aide et votre patience (a) j'ai juste une toute petite dernière question je suis pas sure d'où changer, pour réduire l'écriture comme sur tes vignette l'écriture est plus petite et je ne suis pas sure du tout d'où je dois changer ça dans ma feuille css | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Mon forum de test est en Georgia, taille 11 Pour modifier la taille, il suffit de rajouter un "font-size: ?px" (en remplaçant le ? par un chiffre xD) dans le code CSS de tes vignettes - Code:
-
.vignettes {-moz-border-radius:7px; background-color: #ffffff; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px; font-size: 15px;} | | |
|
| |
Luna
{ Membre }
Messages : 57
| Ah super j'ai trouvé grâce a toi merci beaucoup encire de ta patience c'est tout bon pour moi (a) | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Ravie d'avoir pu t'aider ^^ Je peux classer donc ? | | |
|
| |
Luna
{ Membre }
Messages : 57
| |
| |
Mari-Jane
{ Membre }
Messages : 19
| Bonjour
J'ai essayé ce code qui marche parfaitement d'ailleur =) Mais j'aimerais savoir comment on fait pour le mettre en dessous de la description. J'ai essayé beaucoup de choses mais je suis encore au même point. | | |
|
| |
Luna
{ Membre }
Messages : 57
| tu as essayé d'écrire ta description mettre - Code:
-
<br> et ensuite placer tes onglets ? faut être dans le bon htlm ( le vert ) pour ça | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| - Code:
-
Texte de ta description <br> <div align="right"> <a class="vignettes" href="#">Vignette 1</a> <a class="vignettes" href="#">Vignette 2</a> <a class="vignettes" href="#">Vignette 3</a> <a class="vignettes" href="#">Vignette 4</a> <div class="barre"></div> </div> Suffit de changer la disposition : onglets en bas, texte en haut ^^ Je te conseille d'ouvrir un nouveau sujet si cela ne marche pas et que tu as besoin d'aide : les codeurs & membres verront ta demande beaucoup mieux que si tu postes dans les aides résolues =) | | |
|
| |
Contenu sponsorisé
| |
| |
|