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:
- Citation :
- .my_modified_table{
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;
font-family: Verdana;
}
.my_forum_name{
display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{
width: 20%;
text-align:center;
}
.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #EAEAEA;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Arial;
}
.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;
}
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #EAEAEA;
width: 200px;
font-family: Arial;
font-weight: bold;
}
.my_cat a{
text-decoration: none !important;
color: #000;
}
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