Profil : Améliorations

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Profil : Améliorations

Message par Zeanad le Mer 8 Fév 2012 - 18:57

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


Dernière édition par Zeanad le Ven 10 Fév 2012 - 18:17, édité 1 fois

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Dr. Karlos le Mer 8 Fév 2012 - 22:41

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Zeanad le Jeu 9 Fév 2012 - 18:31

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

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Dr. Karlos le Ven 10 Fév 2012 - 1:06

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,

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Zeanad le Ven 10 Fév 2012 - 17:37

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

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Dr. Karlos le Ven 10 Fév 2012 - 17:38

Bonjour,

Il s'agit du premier code ^^.
Code:
#tabs a span {
background-image: url(URL DE L'IMAGE);
}


Cordialement,

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Zeanad le Ven 10 Fév 2012 - 17:42

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);
}

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Dr. Karlos le Ven 10 Fév 2012 - 17:56

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,

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil : Améliorations

Message par Zeanad le Ven 10 Fév 2012 - 18:12

Merci beaucoup.

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum