|
 rhum's 
{ Membre }
 Messages : 25
 | Bonjours / Bonsoir Voila j'aimerais utilisé ce tuto pour mon forum TUTO => http://www.css-actif.com/structures-des-forums-f31/classer-les-categories-de-votre-forum-par-onglet-t5637.htm Seul hic, le probleme est que le resultat obtenu n'a rien a voir avec le resultat que je suis sensé obtenir .  Donc je solicite votre aide, oh grand maitre du code CSS & HTML  Mon forum test => http://bot-tm.keuf.net/index.htm Je ne pense pas que mon probleme vienne de mon template mais si il vous le faut pas de souci  Mon CSS - Code:
-
.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}
#cat_TEST,#cat_TEST II,#cat_TEST III,#cat_TEST IV,#cat_TEST V /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}
.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}
.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}
.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}
.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}
.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}
.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}
.onglet_actif {
background: url('URL_ONGLET_ACTIF') no-repeat; /*URL de l'onglet étant actif*/
width:LARGEURpx; /*Largeur de l'onglet étant actif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}
.onglet_nactif {
background-color : #FF0000; no-repeat; /*URL de l'onglet étant inactif*/
width:LARGEURpx; /*Largeur de l'onglet étant inactif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
} Merci | | |
|
 | |
Invité Invité
| ton forum test n'est pas ouvert aux invités. | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| Comment ouvre ton son forum au invité ? | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| UP ! Merci | | |
|
| | |
Murtagh 
{ Modérateur }
Messages : 1492
| Bonjour, Les " UP" ne sont pas autorisés dans cette section. Voici un extrait du règlement: - Citation :
- L'action de remonter un sujet («Up») est prohibée, nos codeurs font leur maximum pour apporter rapidement solution à votre problème, inutile de marquer votre impatience. De même, tout propos pouvant suggérer l'empressement ou l'impatience est défendu. Ceci dans votre intérêt: nous sommes peu enclin à répondre à une personne qui fait preuve d'une telle impolitesse. Ce règlement (datée du 28 juin 2010) prévaut sur tout autre clause contraire ailleurs sur le forum, excepté pour les commandes qui requiert une actualisation pour éviter le délestage automatique. Dans ce cas précis, merci de faire une phrase complète, pas un simple «Up»
Merci d'y faire attention à l'avenir et de respecter le règlement. | | |
|
| | |
Invité Invité
| Question idiote : es tu en phpbb2? | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| Oui je suis en PhPbb2.....Sorry pour le up qui n'est en aucun cas une preuve d'impatience | | |
|
| | |
ptitlac
{ Membre }
 Messages : 226
| Arf...je t'aurais aidé avec plaisir, mais la seule fois ou j'ai essayer, j'ai obtenu le même résultat que toi et j'ai abandonné ><"
Pas très persévérante désolée | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| Ben déjà le code de base du tuto ne peut pas donner le résultat du screen car si tu regarde bien le code de basse il n'y a aucun code CSS pour les bouton genre (moz-radius etc.......) Donc c pour ca que tu n'aurai jamais eu le même résultat mais si j'arrive a quelques chose je te passerais le code si tu veux ^^ EDIT . j'aimerai séparé les boutons comment je doit mit prendre svp ? Merci  |
Dernière édition par rhum's le Lun 08 Nov 2010, 08:38, édité 1 fois | |
|
| | |
ptitlac
{ Membre }
Messages : 226
| Ah alors avec grand plaisir lol
Si tu veux je cherche aussi...on va bien finir par arriver à un résultat ^^
Enfin pour le moment j'ai aucun onglet et les noms qui se superposent xD | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| tiens prend mon code CSS tu devrais avoir ce resultats  - Code:
-
.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}
#cat_TEST,#cat_TEST II,#cat_TEST III,#cat_TEST IV,#cat_TEST V /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}
.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}
.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}
.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}
.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}
.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}
.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}
.onglet_actif {
background-color : #505050; no-repeat; /*URL de l'onglet étant actif*/
width:150px; /*Largeur de l'onglet étant actif*/
height:25px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
-moz-border-radius:0px 5px 0px 5px;
text-shadow: #FFFFFF 1px 1px 3px;
font-family: Comic Sans MS;
color: ##708090;
}
.onglet_nactif {
background-color : #505050; no-repeat; /*URL de l'onglet étant inactif*/
width:150px; /*Largeur de l'onglet étant inactif*/
height:25px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
text-shadow: #000000 1px 1px 3px;
-moz-border-radius:0px 5px 0px 5px;
font-family: Comic Sans MS;
color: #707070;
} EDIT Pour que les boutons sois espacé inséré ceci dans le code des onglets actif et inactif - Code:
-
margin-right: 20px; | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| Un question bête comment je doit mit prendre si je veux mettre une image en fond, dérière les boutons ?? Merci | | |
|
| | |
Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| - Murtagh a écrit:
Bonjour, Les " UP" ne sont pas autorisés dans cette section. Voici un extrait du règlement: - Citation :
- L'action de remonter un sujet («Up») est prohibée, nos codeurs font leur maximum pour apporter rapidement solution à votre problème, inutile de marquer votre impatience. De même, tout propos pouvant suggérer l'empressement ou l'impatience est défendu. Ceci dans votre intérêt: nous sommes peu enclin à répondre à une personne qui fait preuve d'une telle impolitesse. Ce règlement (datée du 28 juin 2010) prévaut sur tout autre clause contraire ailleurs sur le forum, excepté pour les commandes qui requiert une actualisation pour éviter le délestage automatique. Dans ce cas précis, merci de faire une phrase complète, pas un simple «Up»
Merci d'y faire attention à l'avenir et de respecter le règlement. Les doubles posts étant considérés comme des ups, merci d'éditer le message précédent la prochaine fois lorsque tu voudras ajouter un nouvel élément#poser une question, etc. Tu auras une sanction au prochain avertissement. Bref. Si tu veux une image de fond comme sur l'image ici: Alors tu dois aller mettre une image de fond à ton forum, soit en mettant ceci dans le CSS: - Code:
-
body {
background-image: URL('URL_DE_LIMAGE');
}
Ou bien en passant par les images de ton forum Si tu souhaites remplacer la couleur de tes boutons par une image, tu dois remplacer ceci: - Code:
-
background-color : #505050; no-repeat; /*URL de l'onglet étant inactif*/ Par ceci: - Code:
-
background-image : URL('URL_DE_LIMAGE'); no-repeat; /*URL de l'onglet étant inactif*/ J'espère que cela répond à ta question  | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| Ben en faite oui et non..... En gros ce que je vaudrais c un background qui passerais en dessous de mes boutons je sais pas si c possible, merci | | |
|
| | |
rhum's
{ Membre }
Messages : 25
| Personne a une réponse a ma question ??? UP ! Merci | | |
|
| | |
Orange 
RocketMan
Messages : 3086
| Bonjour, La présente demande est clôturée pour UPs répétitifs, malgré de nombreux rappel de la part du staff. Un avertissement officiel a été inscrit à votre profil pour la raison citée ci-haut. | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
