Onglet sous forums Bouton_activeOnglet sous forums Bouton_hoverOnglet sous forums Fb-hoverOnglet sous forums Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Onglet sous forums EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Onglet sous forums EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Onglet sous forums EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Onglet sous forums EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Onglet sous forums EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Onglet sous forums EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Onglet sous forums EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Onglet sous forums EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Onglet sous forums

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
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)
MessageSujet: Onglet sous forums   Onglet sous forums EmptyJeu 11 Mar 2010, 12:53
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Onglet sous forums Empty
De quels onglets parles-tu ? Smile
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyJeu 11 Mar 2010, 12:55
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
de ceux là Very Happy

Onglet sous forums Sanstitre1km
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyJeu 11 Mar 2010, 13:00
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
Bonjour;

Il y a un tuto ici pour faire ce genre de chose Wink. Suffit d'adapter les codes CSS pour mettre couleurs & bordures de ton choix Wink

Liliana
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 11:50
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
Merci pour le lien je connais ce tuto et je suis nulle en css j'arrive pas a refaire comme je veux
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 12:47
Revenir en haut Aller en bas
Invité
Invité




Onglet sous forums Empty
Qu'est ce que tu n'arrives pas à faire ?
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 17:02
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
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
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 17:19
Revenir en haut Aller en bas
Invité
Invité




Onglet sous forums Empty
Il me faudrait ton code de base alors s'il te plaît. Et le CSS relié si il y en a un
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 17:24
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
Re,

Alors les codes CSS s'adaptent, mais le HTML aussi Wink.
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 Wink
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 17:26
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
Ahhh c'est gentil néanmoins je n'ai pas la barre qui apparait :

Onglet sous forums Questionu
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 17:59
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
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
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 18:02
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
oui oui j'ai mit une couleur et essayer en changeant les noms xD
Mais ça ne m'a rien donné de plus Sad
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 19:45
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
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 ?
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 19:46
Revenir en haut Aller en bas
http://nights-dawn.forumouf.com/forum.htm
Mlle.D
Mlle.D
{ Membre }
{ Membre }

Féminin Messages : 6



Onglet sous forums Empty
    Ca marche pour moi ! Smile Merci beaucoup ! <3
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyVen 12 Mar 2010, 23:54
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Onglet sous forums Empty
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 Wink
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 03:29
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
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 scratch
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 07:53
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
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 Wink

EDIT ; Dans le CSS de ton forum, je ne vois rien qui corresponde aux vignettes .. As tu collé le CSS dans la feuille ? Suspect
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 08:42
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
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

Embarassed
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 08:48
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
Mon forum de test est en Georgia, taille 11 Laughing

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 Wink

Code:
.vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
font-size: 15px;}
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 08:52
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
Ah super j'ai trouvé grâce a toi merci beaucoup encire de ta patience c'est tout bon pour moi (a)
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 08:58
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
Ravie d'avoir pu t'aider ^^
Je peux classer donc ? Wink
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 08:58
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
Oui tu peux merciiii
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptySam 13 Mar 2010, 11:18
Revenir en haut Aller en bas
http://...
Mari-Jane
Mari-Jane
{ Membre }
{ Membre }

Féminin Messages : 19



Onglet sous forums Empty
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.
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyJeu 01 Avr 2010, 07:16
Revenir en haut Aller en bas
http://new-york-i-loveyou.forumactif.org/forum.htm
Luna
Luna
{ Membre }
{ Membre }

Féminin Messages : 57



Onglet sous forums Empty
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
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyJeu 01 Avr 2010, 07:19
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Onglet sous forums Empty
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 =)
MessageSujet: Re: Onglet sous forums   Onglet sous forums EmptyJeu 01 Avr 2010, 09:14
Revenir en haut Aller en bas
Contenu sponsorisé




Onglet sous forums Empty
MessageSujet: Re: Onglet sous forums   Onglet sous forums Empty
Revenir en haut Aller en bas
 

Onglet sous forums

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» Catégorie sous forme d'onglet
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte
» [Résolu !] Les sous-forums sous les sujets plutôt qu'au-dessus ?
» Impossibilité de rentrer dans les forums et sous-forums
» Barres sous catègories + liens sous forums

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit