Profil : Améliorations

[Zeanad]

Bonjour a tous,
j'aimerai savoir comment je pourrai rendre les liens entourés en rouge sur l'image si dessous plus visible (comme une image par exemple) :


Merci d'avance

[Dr. Karlos]

Bonsoir,

Ce code CSS correspond à l'affichage du texte dans cette partie du profil:

Code:

#tabs a span {
}

Pour ajouter une image de fond, vous ajoutez cette partie après le { du code ci-haut:

Code:

background-image: url(URL DE L'IMAGE);

Vous pouvez le modifier comme vous le désirez.


Ce code correspond à l'ensemble des onglets dans le profil:

Code:

#profile-advanced-left #tabs {
}

Cordialement.

[Zeanad]

Merci, mais voila ce que cela donne:
http://game-maker.forumpro.fr/u80contact
Je préférerai que ce soit derrière les écritures, et si possible, une image différente quand on est sur cet onglet.
Je voudrais savoir s'il est aussi possible de changer les écritures.

Merci

[Dr. Karlos]

Bonsoir,

Vous devez utiliser le premier code pour insérer l'image en arrière du texte:

Code:

#tabs a span {
background-image: url(URL DE L'IMAGE);
}

Pour modifier la couleur du texte, ajoutez au code:

Code:

color: #couleur

Pour modifier la grosseur du texte, ajoutez au code:

Code:

font-size: VALEURpx

Il est impossible d'avoir une image par onglet.


Si vous désirez modifier l'apparence lorsque l'onglet est cliqué, il s'agit de ce code:

Code:

#tabs .activetab a span {
}

Et lorsque l'onglet est survolé:

Code:

#tabs a:hover span {
}

Cordialement,

[Zeanad]

Merci beaucoup.
Par contre quel est le code pour quand l'onglet n'est pas survolé ni cliqué (pour mettre une image de fond) ?

[Dr. Karlos]

Bonjour,

Il s'agit du premier code ^^.

Code:

#tabs a span {
background-image: url(URL DE L'IMAGE);
}

Cordialement,

[Zeanad]

Excusez moi, mais cela ne marche pas : http://game-maker.forumpro.fr/u2

voila mon code :

Code:

#profile-advanced-left #tabs {background-image: url(http://hitskin.com/themes/16/20/45/i_back_title.png);
  background-image: url(http://hitskin.com/themes/16/20/45/i_back_title.png); color:#000000; font-size: 16px
}

#tabs .activetab a span {background-image: url(http://hitskin.com/themes/16/20/45/i_back_title.png) ;
}
#tabs a span {
background-image: url(http://hitskin.com/themes/16/20/45/i_back_title.png);
}

[Dr. Karlos]

Re,

Supprimez l'ensemble de votre code et placez-y ce code:

Code:

#tabs a {
background: #DAE3E2;
cursor: pointer;
float: left;
margin: 0 1px 1px 0;
padding: 0 0 0 5px;
position: relative;
text-decoration: none;
background-image: url(http://hitskin.com/themes/16/20/45/i_back_title.png);
}

J'ai pris le code sur votre forum, il ne s'applique pas aux autres forums à moins de ne pas être dérangé par la modification du design.


Cordialement,

[Zeanad]

Merci beaucoup.