MyBlog - Skin et CSS - Soulignement double

Depuis que nous avons la télévision à la maison, nous prenons nos repas tous du même côté de la table, comme dans la Cène de Léonard de Vinci. - Marcel Pagnol

Info visiteurs

Pas encore membre?
Vous devriez créer un
Compte utilisateurL'inscription est gratuite et confidentielle alors n' hésitez pas, participez ...

Devenir membre vous permettra d'accéder aux parties privées de MyBlog ...
Cliquez ici pour créer votre compte
pour accéder aux parties privées de MyBlog

Connexion...

Membres : 64

10 derniers membres :

mimidu59000 fred68 Le_Babelleir Daffy81 Katryne jac83 Corrector Alexrich kamila pacou

[ Mot de passe perdu ? ]

[ Devenir membre ]

Membre en ligne :

Anonymes en ligne : 6

Total visites: 76510

Record connectés :

Cumulé : 76

Le 10/04/2008 @ 11:56

Ip : 38.107.191.89

Recherche

D'ou venez vous ?

Nouvelles d'ailleurs

Spybot Search & Destroy

20 minutes (Actu France)

20 minutes (Actu Monde)

A la une du Nouvel Obs

Alternatives-economiques

Libération

Charly le prof

Liens des z'amis

Mon Ptit Net
Forks, plugins, forum, forks et plugins pour guppy, service et convivialité

guppy skins
Ce site a pour but de vous offrir des décos forum, des fonds de bannières, minis logos, minis gifs, icones, smileys, compteurs, forks et diverses astuces etc...pour votre cms guppy.

Tag Clouds

Changer les puces des listes (articles) Info bulle Vs1 Texte Désactiver un lien du menu (V 4.6) Bloquer des visiteurs indélicats Hotlinking et vol d'images Mettre la date du jour Vol d'images Mettre une image dans le footer (pied de page) Supprimer les bordures autour des images Changer certains textes (Texte à méditer ...) Icone en boites centrale Mettre un Copyright dans chaque page article Changement d'adresse Garder son site bilingue au cas ou ... Mentions légales Désactiver un lien du menu (V 4.5) Centrer l'image

Supprimer les bordures autour des iframes Créer son favicon Mettre une image dans le header (haut de page) Réaliser un menu membre avec Cont_Select Masquer le bouton Admin Installer une boutique aldweb Site FreeGuppY Le Ouaibe.info BF Savate Roger Changer les puces des listes (menu) Ajuster la hauteur de la charte du forum Info bulle Vs2 Image 20 minutes (Actu Monde) Libération 20 minutes (Actu France) Cont_Select V 4.0 Cont_Select V 4.5.x & 4.6.x Charly le prof A la une du Nouvel Obs Arrondir les angles Ouvrir les menus déroulant Crawltrack Add-ons pour Firefox Info bulle Vs3 Image Mettre un Copyright dans chaque page article tests liens Essais hotlinking Soulignement double Info bulle Vs2 Image Test FAQ Tableaux Blink ? Clignotement ? Copyright katapeltes Supprimer Les boutons Prévisualiser et Imprimer Copie PDF Interdire Copie Insérer un fichier OpenOffice

Boite à outils

Outils pour Webmaster

Skin et CSS

Trucs en vrac

Trucs et astuces

Vs 4.6

Boite a test

Test

Calendrier

Aujourd'hui

Mercredi 08 Septembre 2010

Aujourd'hui :
Nativité

C'était aussi un 08 Septembre
1994

Les Soviétiques et les Alliés quittent Berlin après 49 ans d'occupation.

Né(e) un 08 Septembre 1910
Jean-Louis Barrault

Lettre d'information

Mercredi 08 Septembre 2010 ¤ MyBlog, site de test et d'essai

Skin et CSS - Soulignement double

Le soulignement double n'existe pas, mais il est possible de le réaliser aussi bien sur du texte que sur un lien, en "trichant" un peu avec les CSS, en combinant la balise de soulignement traditionnelle (text-decoration) et la balise d'encadrement (border).

ex: Soulignement double

Comment faire?

Dans le fichier style de votre thème, créez la classe suivante:

.souligne2 {
text-decoration: underline;
padding-bottom: 0.25em;
border-bottom: solid 1px;
}

text-decoration underline: balise normale de soulignement
padding-bottom 0.25em: "Décalage vers" le bas de 0.25em (on pourrait mettre cette valeur en pixel mais la valeur en em (valeur relative permettra de l'adapter a toute les polices et tailles de caractères)
border-botton solid 1px: Trait continu de taille 1px

Si vous souhaitez le faire sur un lien on une autre balise, modifiez simplement la ou les classes correspondantes en ajoutant les mêmes commandes.
Bien sur, le code est a adapter suivant vos besoins

Voilou, c'est tout.

Date de création : 21/07/2008 @ 17:46
Dernière modification : 28/05/2010 @ 07:54
Catégorie : Skin et CSS
Page lue 653 fois

Réactions à cet article

Personne n'a encore laissé de commentaire.
Soyez donc le premier !
Vous devez être membre pour réagir a un article

Haut

entoilage K@mila -:- Hebergement OVH
Vous disposez d'un droit d' accès, de modification et de suppression des données qui vous concernent conformément à l' article 34 de la loi "Informatique et Liberté" du 6 janvier 1978
Mentions légales ⇔ Copyright © MyBlog 2007 -2010
MyBlog n'est pas enregistré à la CNIL (dispense n° 6)

Document généré en 0.1 seconde
.: Mémoire utilisée: 2.25 Mo :.