Ombre sur texte mais bien mieux qu'en utilisant text shadow Bouton_activeOmbre sur texte mais bien mieux qu'en utilisant text shadow Bouton_hoverOmbre sur texte mais bien mieux qu'en utilisant text shadow Fb-hoverOmbre sur texte mais bien mieux qu'en utilisant text shadow Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -21%
LEGO® Icons 10329 Les Plantes Miniatures, ...
Voir le deal
39.59 €

Partagez
 

Ombre sur texte mais bien mieux qu'en utilisant text shadow

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




Ombre sur texte mais bien mieux qu'en utilisant text shadow Empty
Bonjour à tous, ne sachant trop ou poster un tuto, je me permets de l'insérer dans cette partie du forum.
Pour les modérateurs : milles excuses de vous laisser diriger le topic vers la bonne section.

Avant tout, voici ce que vous obtiendrez :

Ombre sur texte mais bien mieux qu'en utilisant text shadow Captur45

Cela vous plaît ??? OUi. Commençons donc.

1 - Imaginons que vous souhaitez installer une ombre portée sur le mot règlement (voir capture)
Procédez ainsi :

Code:
<span id="blondy">~  Règlement  ~</span><span id="blondy2">~  Règlement ~  </span>



2 - Le css à installer dans votre feuille de style

Code:
#blondy  {
color:#ffffff;
display:block;
font-family:lucida ;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
padding-top:18px;
}

#blondy2 {
color:#FF0000;
display:block;
font-family:lucida ;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
margin-top:-26px;
padding-right:2px;
}


Quelques explications :

Code:
 #blondy  { /* Nom de l'ID  .--------------------------------------*/
color:#ffffff;/* COULEUR DU TEXTE  .--------------------------------------*/
display:block;/* NE PAS MODIFIER .---------------------------------------*/
font-family:lucida ;/*nOM DE L'ECRITURE ; .------------------------------*/
font-size:18px;/*nOM DE L'ECRITURE  .------------------------------------*/
font-weight:bold;/*nOM DE L'ECRITURE  .----------------------------------*/
letter-spacing:2px;/*ESPACEMENT ENTRE LES CARACTERES  .----------*/
padding-top:18px;/*MARGE INTERIEURE  .---------------------------------*/
}

#blondy2 {/*nOM DE L'ID ; .-------------------------------------------------*/
color:#FF0000;/*COULEUR DU TEXTE  .-------------------------------------*/
display:block;/*NE PAS MODIFIER .------------------------------------------*/
font-family:lucida ;/*nOM DE L'ECRITURE  .---------------------------------*/
font-size:18px;/*TAILLE DE L'ECRITURE  .-----------------------------------*/
font-weight:bold;/*NE PAS MODIFIER  .--------------------------------------*/
letter-spacing:2px;/**ESPACEMENT ENTRE LES CARACTERES  .----------*/
margin-top:-26px;/**MARGE ATTRIBUEE AU TEXTE COMPOSANT L'OMBRE  .-*/
padding-right:2px;/*MARGE INTERIEURE DROITE---------------------------*/
}
}

Bon amusement.
MessageSujet: Ombre sur texte mais bien mieux qu'en utilisant text shadow   Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptyDim 25 Avr 2010, 16:19
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Ombre sur texte mais bien mieux qu'en utilisant text shadow Empty
FAQ


Q
//

R
//


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml
MessageSujet: Re: Ombre sur texte mais bien mieux qu'en utilisant text shadow   Ombre sur texte mais bien mieux qu'en utilisant text shadow EmptyJeu 04 Aoû 2011, 05:04
Revenir en haut Aller en bas
 

Ombre sur texte mais bien mieux qu'en utilisant text shadow

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Ombre sur texte sans le text-shadow (messages)
» Box et text shadow
» Box et text shadow (messages)
» Texte En Ombre
» Ombre sur texte (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Le Reste-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit