Besoin d'aide pour modifier un fichier html

**killahpriest** · 21/08/2010, 23h56

Bonjour,

J'ai extrait une liste de contact d'une messagerie au format html.

Je voudrais changer la couleur de la police pour les noms des contacts et ce, de façon massive car en ajoutant des balises manuellement cela prendras trop de temps.

Code :

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
33
34
35
36
37
38
39
40
 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
.whole_page {font-family: arial,sans-serif; font-size: 80%;}
.data {vertical-align: top; font-size: 80%;}
.last_data {vertical-align: top; padding-bottom: 6px; font-size: 80%;}
.data_header {vertical-align: top; text-align: right; color: #CC0000; padding-right: 8px; font-size: 80%; white-space: nowrap;}
.name {border-top: 1px solid #ffffff; font-weight: bold; background-color: #003366; margin-bottom: 4px; padding: 2px;}
.extra_name {padding-left: 2px;}.last_extra_name {padding-left: 2px; margin-bottom: 6px;}
</style>
</head>
<body>
<div class="whole_page">
 
<div class="name">nom du contact</div>
<table cellpadding="0">
<tbody>
<tr>
<td class="data_header">Personnel</td>
<td class="last_data">test@test.fr</td>
</tr>
<tr>
<td class="data_header">Mobile</td>
<td class="last_data">
<span dir="ltr">06 xx xx xx xx</span>
</td>
</tr>
<tr>
<td class="data_header">Personnel</td>
<td class="last_data">adresse postale</td>
</tr>
<tr>
<td class="data_header">Anniversaire</td>
<td class="last_data">date de naissance</td>
</tr>
</tbody>
</table>
</div></body></html>

Comme vous pouvez le constater les noms sont en noir et je voudrais personnaliser la couleur.

Merci d'avance pour votre aide.

**kOrt3x** · 22/08/2010, 12h27

Salut,

il suffit de modifier le code CSS :

Code :

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

.name {border-top: 1px solid #ffffff; font-weight: bold; background-color: #003366; margin-bottom: 4px; padding: 2px;}

**killahpriest** · 22/08/2010, 15h18

Oui d'accord je me doutais que la solution se trouvais dans cette parti du code mais comment le faire ?

Car dans la ligne:

Code :

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

.name {border-top: 1px solid #ffffff; font-weight: bold; background-color: #003366; margin-bottom: 4px; padding: 2px;}

on personnalise l'encadré ou se trouve le nom du contact mais pas le nom lui même.

Je suis désolé si ma question paraît ridicule.

Merci pour ton aide

**kOrt3x** · 22/08/2010, 15h20

Envoyé par killahpriest

Oui d'accord je me doutais que la solution se trouvais dans cette parti du code mais comment le faire ?

Car dans la ligne:

Code :

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

.name {border-top: 1px solid #ffffff; font-weight: bold; background-color: #003366; margin-bottom: 4px; padding: 2px;}

on personnalise l'encadré ou se trouve le nom du contact mais pas le nom lui même.

Je suis désolé si ma question paraît ridicule.

Merci pour ton aide

Pour le texte, tu rajoutes :

Code :

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

.name {color : #FFFFFF; border-top: 1px solid #ffffff; font-weight: bold; background-color: #003366; margin-bottom: 4px; padding: 2px;}

Et tu modifies le #FFFFFF, par la couleur de ton choix.

**killahpriest** · 22/08/2010, 15h33

Ah super !

Merci beaucoup.

J'y étais presque, je tournais autour de la solution mais en voyant ta réponse, je me sens bête là ^^.Promis je vais m'y mettre.

Tu peux cloturer le sujet.Merci encore.

**kOrt3x** · 22/08/2010, 15h35

Envoyé par killahpriest

Ah super !

Merci beaucoup.

J'y étais presque, je tournais autour de la solution mais en voyant ta réponse, je me sens bête là ^^.Promis je vais m'y mettre.

Tu peux cloturer le sujet.Merci encore.

Par contre, je ne peux pas cloturer le sujet, mais tu peux utiliser la balise

Besoin d'aide pour modifier un fichier html

HTML

Vue hybride

Discussions similaires

Partager

Partager