Problème d'onglets (Résolu) Bouton_activeProblème d'onglets (Résolu) Bouton_hoverProblème d'onglets (Résolu) Fb-hoverProblème d'onglets (Résolu) 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
Problème d'onglets (Résolu) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème d'onglets (Résolu) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème d'onglets (Résolu) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème d'onglets (Résolu) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème d'onglets (Résolu) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème d'onglets (Résolu) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème d'onglets (Résolu) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème d'onglets (Résolu) EmptySam 11 Fév 2023, 06:04 par Krager

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

Partagez
 

Problème d'onglets (Résolu)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://chroniclewerewolf.forums-actifs.net/index.htm
Anego
Anego
{ Membre }
{ Membre }

Féminin Messages : 23



Problème d'onglets (Résolu) Empty
Bonjour m'ssieurs, dames!

Et oui, me revoilà avec encore un soucis.

Je suis entrain de travailler sur l'ouverture d'un forum RPG et j'ai décidé de mettre ce dernier en onglets car il va être pas mal long au niveau des catégories et forums. Ben oui quoi, plus de lieux égale plus de possibilités de jeux non? Bon bref, là n'est pas la question.

J'ai trouvé un tutoriel qui explique comment mettre en place tout cela, via des codes et autres, mais je me retrouve face à un problème esthétique. Je souhaiterais remplacer les onglets qui sont basique par de zolies n'images mais je vois pas comment faire parce que je suis une vraie quiche. Je suppose que cela doit se faire dans le CSS...

Alors, le forum se trouve Ici en cas de besoin. Il s'agit d'un forum test. Vous vouez les trucs blancs en dessous de la PA et juste au dessus du premier forum? Et ben voilà, c'est cela que je voudrais changer...

Le CSS

Spoiler:

Je suppose que je dois ajouter quelque part là dedans l'adresse des images que je souhaite mais où? Et comment faire correspondre la bonne image avec la bonne catégorie?

Je suis total larguée dans le domaine... Et le tuto que j'ai trouvé pour mettre en place ce système ne donne pas d'explication réel. Il se contente de balancer les bons codes et là où les placer. Et quand on capte rien comme moi, c'est pas facile de les modifier ensuite...

Donc merci m'ssieurs, dames pour votre attention, aide et réponse!

PS: Si éventuellement les réponses pouvaient être accompagnées de quelques explications histoire que je comprenne le fonctionnement de ce codage, ca serai la cerise sur le gâteau! Merci encore


Dernière édition par Anego le Mar 22 Mai 2012, 08:48, édité 1 fois
MessageSujet: Problème d'onglets (Résolu)   Problème d'onglets (Résolu) EmptyMar 22 Mai 2012, 08:33
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Problème d'onglets (Résolu) Empty
Salut,

La class des onglets est celle-ci :
Code:

.my_cat_style

Il te suffit simplement de lui ajouter une image de fond comme cela :
Code:

.my_cat_style {
background:url("lien");
}

Ou alors si tu ne souhaites pas d'image de fond mais une image tout court, situe ce code dans ton template :
Code:

<li class="my_cat_style">Rencontrer le peuple</li>

Et remplace Rencontrer le peuple, par ton image :
Code:

<img src="lien" alt="texte alternatif"/>

Smile
MessageSujet: Re: Problème d'onglets (Résolu)   Problème d'onglets (Résolu) EmptyMar 22 Mai 2012, 08:42
Revenir en haut Aller en bas
http://chroniclewerewolf.forums-actifs.net/index.htm
Anego
Anego
{ Membre }
{ Membre }

Féminin Messages : 23



Problème d'onglets (Résolu) Empty
Ah merci! Magnifique! Rapide et efficace et clair!

En plus c'est tout bête quoi... Je me sens soudain un peu beaucoup blonde sur ce coup...

Ca fait trop si je dis que t'es génial? lol. En plus tu m'en donne d'avantage que se que j'attendais. Alors encore merci!
MessageSujet: Re: Problème d'onglets (Résolu)   Problème d'onglets (Résolu) EmptyMar 22 Mai 2012, 08:46
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Problème d'onglets (Résolu) Empty
Vu que le sujet porte l'indication résolu, je me permets d'archiver. Smile Bon après-midi.
MessageSujet: Re: Problème d'onglets (Résolu)   Problème d'onglets (Résolu) EmptyMar 22 Mai 2012, 09:10
Revenir en haut Aller en bas
Contenu sponsorisé




Problème d'onglets (Résolu) Empty
MessageSujet: Re: Problème d'onglets (Résolu)   Problème d'onglets (Résolu) Empty
Revenir en haut Aller en bas
 

Problème d'onglets (Résolu)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]
» Problème d'affichage [PROBLÈME RÉSOLU]
» [résolu] Problème de CSS
»  ( J'ai résolu mon probléme ) :)
» [Résolu] Problème de PA

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