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 2011 - 13: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 2011 - 16: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 2011 - 13:33

Bonjour,

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

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

Scipion
+ Hyperactif +

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 2011 - 13: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 2011 - 13: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

Scipion
+ Hyperactif +

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 2011 - 14: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 2011 - 15: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

Scipion
+ Hyperactif +

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 2011 - 15: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 2011 - 15: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


Scipion
+ Hyperactif +

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 2011 - 15: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 2011 - 15: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

Scipion
+ Hyperactif +

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 2011 - 15: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 2011 - 16: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

Scipion
+ Hyperactif +

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 2011 - 16: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 2011 - 16: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

Scipion
+ Hyperactif +

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 2011 - 16: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 2011 - 16: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.

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 2011 - 16: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