[MultiCouleur] Texte CSS police

Lologolas · 06/10/2011, 12h05

Bonjour à tous,

Je suis actuellement en train de développer un site web, et je me suis penché sur le design en css récemment.

Je souhaiterai créer en css un effet qui donne sur une police 2 couleur différence (une couleur sur la moitié-haut de la police, une autre sur la moitié-bas)

Est-ce possible en CSS, ou sinon comment puis-je y parvenir?

Merci d'avance

NoSmoking · 06/10/2011, 21h54

Bonsoir,
avec des DIVs superposées et bien placées

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
.text {
  position : relative;;
  font-size : 60px;
  font-weight :bold;
  font-family : "Times New Roman";
  line-height : 60px;
}
.text_1 { /* couleur du bas */
  position : absolute;
  color : #e0e0ff;
}
.text_2 {  /* couleur du haut */
  position : absolute;
  color : #8080ff;
  overflow : hidden;
  height : 30px;
}
</style>
</head>
<body>
<div class="text">
  <div class="text_1">LE TEXTE</div>
  <div class="text_2">LE TEXTE</div>
</div>
</body>
</html>

Bovino · 07/10/2011, 10h27

Dégradé de texte CSS

NoSmoking · 12/10/2011, 22h52

Citation:

Envoyé par Bovino

Dégradé de texte CSS

certes, mais pour 2 couleurs cela me paraît un peu lourd

Bisûnûrs · 13/10/2011, 08h35

Mais l'avantage, c'est la non-duplication de contenu.

NoSmoking · 13/10/2011, 18h21

Citation:

Mais l'avantage, c'est la non-duplication de contenu.

certes, mais on pourrait l'éviter en jouant avec le sélecteur before, mais la compatibilité n'est pas encore des meilleurs.

06/10/2011, 12h05	#1
Lologolas Futur Membre du Club Lorian Agnès Inscription : octobre 2011 Messages : 45 Détails du profil Informations personnelles : Nom : Lorian Agnès Localisation : France, Manche (Basse Normandie) Informations professionnelles : Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : octobre 2011 Messages : 45 Points : 17 Points : 17	[MultiCouleur] Texte CSS police Bonjour à tous, Je suis actuellement en train de développer un site web, et je me suis penché sur le design en css récemment. Je souhaiterai créer en css un effet qui donne sur une police 2 couleur différence (une couleur sur la moitié-haut de la police, une autre sur la moitié-bas) Est-ce possible en CSS, ou sinon comment puis-je y parvenir? Merci d'avance
	00

07/10/2011, 10h27	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 789 Points : 35 789	Dégradé de texte CSS __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

13/10/2011, 08h35	#5
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Mais l'avantage, c'est la non-duplication de contenu.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email