Archives FluxBB.fr

Les archives de FluxBB.fr

Vous n'êtes pas identifié(e).

#1 28-10-2006 18:18:47

steve2206
Membre

[Résolu] Enlever le soulignage des liens

Salut,

j'aimerai biensavoir quel code faut-il ajouter et où afin que les liens ne soient plus soulignés. Le principal pour moi est de lever le soulignage dans la barre des liens mais si ça lève tout, c'est pas grave.

Hors ligne

#2 28-10-2006 18:30:33

Pandark
Guide

Re : [Résolu] Enlever le soulignage des liens

C'est la propriété text-decoration de CSS, donc c'est dans les fichiers.css


=>  Plugins | Modifications | Liens utiles   <=
                .._ -Pandark- _..
                Serial Dreamer

Hors ligne

#3 28-10-2006 18:52:05

steve2206
Membre

Re : [Résolu] Enlever le soulignage des liens

ben c'est ce que je croyais aussi, à chaque fois que j'ai text-decoration j'ai ce code:

text-decoration: none;

Pourtant c'est toujours souligné! hmm

Hors ligne

#4 28-10-2006 19:03:24

Pandark
Guide

Re : [Résolu] Enlever le soulignage des liens

    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;

2 fois au moins


=>  Plugins | Modifications | Liens utiles   <=
                .._ -Pandark- _..
                Serial Dreamer

Hors ligne

#5 28-10-2006 19:23:09

steve2206
Membre

Re : [Résolu] Enlever le soulignage des liens

Si c'est bien de la meme chose qu'on parle ou du meme endroit j'ai ce code-ci dans mon css:

/****************************************************************/
/* 8. barre de navigation */
/****************************************************************/

#brdmenu {padding: 2px 0}
#brdmenu li {margin:0;}
#brdmenu a:link, #brdmenu a:visited {padding: 4px 7px;}
#brdmenu a:hover {background: #069;}


/****************************************************************/
/* 9. boutons submit */
/****************************************************************/

input[type=submit] {
    border: 1px solid #C1004E;
    background-color: #1F5Ba5;
    color: #fff;
    text-decoration: none;
    padding: 2px 7px;
}
input[type=submit]:hover {
    border: 1px solid #C1004E;
    background-color: #7EADE7;
    color: #fff;
    text-decoration: none;
    padding: 2px 7px;
    cursor: pointer;
    cursor: hand;
}

cela peut-il t'aider?

Hors ligne

#6 28-10-2006 22:02:08

Pandark
Guide

Re : [Résolu] Enlever le soulignage des liens

Bah est-ce que tu vois ce que j'ai dit dans ton truc ? non, alors ce n'est pas ça...
Le truc, c'est [c]border-bottom[/c] et pas [c]border[/c]


=>  Plugins | Modifications | Liens utiles   <=
                .._ -Pandark- _..
                Serial Dreamer

Hors ligne

#7 30-10-2006 19:40:44

Maverick
Membre

Re : [Résolu] Enlever le soulignage des liens

dans oxygen.css tu modifies la ligne 64

#brdmenu A:hover, .blockpost H2 A:hover {TEXT-DECORATION: underline}

en  #brdmenu A:hover, .blockpost H2 A:hover {TEXT-DECORATION: none}

Hors ligne

#8 31-10-2006 21:44:51

steve2206
Membre

Re : [Résolu] Enlever le soulignage des liens

c'est vrai que par là c'est plus facile mais ça ne marche pas quand meme.
J'ai mis "none" dans spinkbb.css puisque c'est ce que j'utilise mais aussi dans oxygen.css (desfois que punbb garde certaines lignes de base comme c'est parfois le cas).
Pourtant c'est toujours souligné...

Hors ligne

#9 01-11-2006 14:49:02

Pandark
Guide

Re : [Résolu] Enlever le soulignage des liens

Mais je t'ai déjà dit:
dans http://omhistorique.free.fr/forOM/style/spinkbb.css
[c].pun A:link, .pun A:visited {
text-decoration: none;
border-bottom: 1px solid #8198A9 }
.pun A:hover {
text-decoration: none;
border-bottom: 1px solid #FBFFFF }[/c]

Ca me semble clair pourtant...:fouet:


=>  Plugins | Modifications | Liens utiles   <=
                .._ -Pandark- _..
                Serial Dreamer

Hors ligne

#10 17-11-2006 23:14:15

steve2206
Membre

Re : [Résolu] Enlever le soulignage des liens

Pandark a écrit :

Mais je t'ai déjà dit:
dans http://omhistorique.free.fr/forOM/style/spinkbb.css
[c].pun A:link, .pun A:visited {
text-decoration: none;
border-bottom: 1px solid #8198A9 }
.pun A:hover {
text-decoration: none;
border-bottom: 1px solid #FBFFFF }[/c]

Ca me semble clair pourtant...:fouet:

J'ai trouvé l'endroit que tu m'as dit mais à la base je voulais savoir comment faire avec ça! tongue
Mais bon finalement tant mieux j'ai un peu chercher et j'ai trouvé tout seul.

Pour info et pour ceux que ça interresse, voici comment j'ai fait:

./style/votreskin.css:

environ ligne 56, remplacer par:

/****************************************************************/
/* 3. LINKS */
/****************************************************************/

.pun A:link, .pun A:visited {
text-decoration: none;
 }
.pun A:hover {
text-decoration: none;
 }

(pour lever le soulignage des liens)

environ ligne 76, remplacer par:

/* 3.2 Souligne au passage de la souris (ou hover en anglais) pour des liens dans les en-têtes et dans le menu principal */

#brdmenu A:hover, .blockpost H2 A:hover {
background-color: #7EADE7;
color: #000;
text-decoration: none;
 }

(pour lever le soulignage lorsque la souris passe dessus)

Pour info, meme avec text-decoration: none, j'ai du lever border-bottom pour que ce ne soit plus souligné.

Bref, [Résolu] :canon:
Merci Pandark :biere:

Hors ligne

Pied de page des forums