Codes soulignements.

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

Résolu Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 11:27

Bonjour,
J'aurais besoin de plusieurs codes de soulignement :

1. Pour enlever le soulignement des liens au passage de la souris.

2. Mettre un soulignement en petits ronds dans un sujet.

3. Mettre un soulignement continu.

Voici mon CSS :

Spoiler:
Code:
.titrefiche{
text-align: center;
color: #99CEDE;
font-style: italic;
font-variant: small-caps;}

a{
text-decoration: none;}

a:hover {
text-shadow: #000000 1px 1px 1px;
font-variant: small-caps;}

.photofichecheval{
background-color: #FFFFFF;
-moz-border-radius: 10px;
border: 0px #000000;}

body{
margin-top: 0px;
margin-bottom: 0px;
}

Merci d'avance Smile


Dernière édition par La Tite Banane le Jeu 16 Juin - 14:54, édité 1 fois

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Scipion le Jeu 16 Juin - 11:33

Bonjour,

Pour enlever le soulignement des liens au passage de la souris.

Code:
a { text-decoration: none; }
Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 11:39

C'est fait mais ça ne marche pas.

Spoiler:
a{text-decoration: none;
font-family: Century Gothic;
}

a:hover {text-decoration: none;
font-family: Century Gothic;
font-size: 14px;
text-shadow: #000000 1px 1px 1px;
font-variant: small-caps;}

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Scipion le Jeu 16 Juin - 11:54

D'accord, essayez comme suit svp :

Code:
a:hover {text-decoration: none !important}

a{text-decoration: none;
font-family: Century Gothic;
}

a:hover {text-decoration: none;
font-family: Century Gothic;
font-size: 14px;
text-shadow: #000000 1px 1px 1px;
font-variant: small-caps;}
Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 12:51

Toujours pas... Snifff

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Scipion le Jeu 16 Juin - 13:04

Le code fonctionne parfaitement sur mon forum, également de version phpBB2, les liens n'apparaissent plus au passage de la souris.

Faites un appui simultané sur CTRL+F5, si rien ne se produit alors supprimez et installez uniquement le code suivant et validez :

Code:
a:hover {text-decoration: none !important}
Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 13:12

Bon, ça ne marche toujours pas.. tant pis. Après tout, ça fait pas si mal ^^

Et pour les deux autres soulignements ?

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Scipion le Jeu 16 Juin - 13:19

Pouvez-vous m'expliquer un peu plus ce que vous entendez par "Mettre un soulignement continu", avec un exemple dans la mesure du possible ?

Cordialement

avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 13:24

Spoiler:

Voila, comme ceci !

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Scipion le Jeu 16 Juin - 13:56

Dans votre exemple, s'agit-il du titre d'un forum? Si c'est le cas, vous pouvez obtenir un soulignement élargi à toute la ligne à partir de la description du forum en question.

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 13:59

Non ce n'est pas le soulignement d'un forum mais le code pour l'avoir me serait utile ;D

Merci de m'aider Very Happy

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Scipion le Jeu 16 Juin - 14:09

De manière générale, les codes de soulignement ne concernent que du texte plein. Si vous voulez bien me dire comment vous envisagez d'utiliser ce type de soulignement je pense que ça m'aiderait dans mes recherches.

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 14:20

Eh bien, je voudrais l'insérer dans une fiche. Le soulignement se trouverais à la place de "soulignement rond" dans le code que je joint Smile
Code:
<div style="background-color: #878787; margin: 10px;padding: 10px; padding: 10px;border: 1px  solid #000000; -moz-border-radius:50px 0px 50px 0px; -moz-box-shadow: 3px 3px 6px #444444;"><div class="titrefiche">Petit blabla</div>

soulignement ronds


<center><div class="photofichecheval">Photo portrait</div>
</center>


<table border="0" cellspacing="10">
<tr>
<td align="left" width="400">Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli

★</td><td align="left" width="400">blablablablablablabla version 2</td>
</tr>
</table>
</div>

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Scipion le Jeu 16 Juin - 14:30

J'ai tracé une ligne dans l'éditeur de messages puis je l'ai collée dans le code comme ligne de séparation :

Code:
<div style="background-color: #878787; margin: 10px;padding: 10px; padding: 10px;border: 1px  solid #000000; -moz-border-radius:50px 0px 50px 0px; -moz-box-shadow: 3px 3px 6px #444444;"><div class="titrefiche">Petit blabla</div>

soulignement ronds

<center><div class="photofichecheval">Photo portrait</div>
</center>

_________________________________________________________________________

<table border="0" cellspacing="10">
<tr>
<td align="left" width="400">Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli

★</td><td align="left" width="400">blablablablablablabla version 2</td>
</tr>
</table>
</div>
Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 14:31

La ligne en question serait en fait, une ligne faite de petits ronds..

Mais merci quand même Smile

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par Ocyloth le Jeu 16 Juin - 14:42

Bonjour,

Vous désirez quelque chose comme ceci ?

Code:
<div style="background-color: #878787; margin: 10px;padding: 10px; padding: 10px;border: 1px  solid #000000; -moz-border-radius:50px 0px 50px 0px; -moz-box-shadow: 3px 3px 6px #444444;"><div class="titrefiche" style="border-bottom: 5px dotted #000000;">Petit blabla</div>


<center><div class="photofichecheval">Photo portrait</div>
</center>


<table border="0" cellspacing="10">
<tr>
<td align="left" width="400">Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli
Bla : bli

★</td><td align="left" width="400">blablablablablablabla version 2</td>
</tr>
</table>
</div>

Cordialement,

EDIT: Pardon, j'ai fait une petite erreur dans le code, je l'ai corrigée.
avatar

Ocyloth
**

Masculin
Messages : 52
Inscrit(e) le : 05/10/2008

http://css-actif.com
Ocyloth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes soulignements.

Message par La Tite Banane le Jeu 16 Juin - 14:46

Exactement !!
Merci beaucoup Smile

Je mets en résolu Very Happy

(je ne remercie personne, comme il y a deux personnes qui m'ont aider ?)

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane 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