Discussion :

[srnfgr]

Bonjour à tous,

Je fais aujourd'hui appel à vous à cause d'un petit problème. En effet, je ne m'y connais pas beaucoup (voir pas du tout) en CSS mais j'ai tout de même réussi à bosser sur la création d'un thème pour le site Tumblr. Cependant, j'ai un problème persistant avec le titre, dont la police ne change pas malgré mes multiples tentatives.

Voici ici la partie qui correspond donc au titre et si quelqu'un voit une erreur qui résoudrait mon problème, ou quelques conseils que ce soit, je suis preneuse!

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
div.CONTENT {
					background: url('http://img190.imageshack.us/img190/5720/bgmilieubon.png') top left repeat-y;
					width: 700px;
					margin: auto;
					padding: 30px 0 0 0;
				}
 
					div.CONTENT div.TITLE {
						text-align: center;
						padding: 26px 0 10px 0;
					}
 
					div.CONTENT div.TITLE.CENTER {
						text-align: center;
					}
 
						div.CONTENT div.TITLE h1 {
							text-transform: capitalize;
							font-family: 'Garamond', Georgia, Arial;
							font-size: 50px;
							font-weight: normal;
							letter-spacing: -3px;
							color: #c79b1d;
							text-shadow: 1px 1px 1px #ccc;
						}
 
						div.CONTENT div.TITLE a {
							text-decoration: none !important;
							border: none;
						}

Merci d'avance pour les éventuelles futures réponses

[Muchos]

Mettez le code html dans ces cas-là, ça peut nous aider
Néanmoins, je peux déjà vous dire :

1. Une règle "font-family" se compose ainsi :
   

   Code :

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

   {font-family: police1, "une autre police", … , famille de police;}

   Donc, ça donnerait :
   

   Code :

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

   {font-family: Garamond, Georgia, serif;}

2. Remarquez qu'il n'y a pas besoin de guillemets pour Garamond, et que Arial est absente puisqu'il s'agit d'une police sans-serif.

[srnfgr]

Merci de votre réponse Muchos. Malheureusement, même en changeant les données comme vous me l'avez conseillé, le problème persiste.
Question bête: je le trouve où/comment le code HTML?

[Muchos]

^^ Soit vous nous donnez le lien vers la page, soit vous faites clic droit sur la page puis "Source de la page" (ou quelque chose dans le genre) — puis vous copiez-collez la partie avec "div.content", "div.title" etc., que l'on voit si les balises css correspondent bien !

[elfamine]

Bonjour,

essaye avec :

Code :

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

font-family: Garamond, serif !important;

[srnfgr]

Melcain, ta proposition n'a rien changée

Muchos, voici le HTML

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
div.CONTENT {
					background: url('http://img190.imageshack.us/img190/5720/bgmilieubon.png') top left repeat-y;
					width: 700px;
					margin: auto;
					padding: 30px 0 0 0;
				}
 
					div.CONTENT div.TITLE {
						text-align: center;
						padding: 26px 0 10px 0;
					}
 
					div.CONTENT div.TITLE.CENTER {
						text-align: center;
					}
 
						div.CONTENT div.TITLE h1 {
							text-transform: capitalize;
							font-family: Garamond, Georgia, serif;
							font-size: 50px;
							font-weight: normal;
							letter-spacing: -3px;
							color: #c79b1d;
							text-shadow: 1px 1px 1px #ccc;
						}
 
						div.CONTENT div.TITLE a {
							text-decoration: none !important;
							border: none;
						}

[Invité]

Bonjour,
très chère, vous ne donnez que le CSS...
Le code html se présente ainsi (dans le fichier concerné) :

Code :

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

1
2
3
4
<div class="CONTENT">
<div class="TITLE">.........
</div>
</div>

Cela dit, avez-vous testé en changeant la font-family ?
Ex. :

Code :

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

font-family:"Times New Roman",Georgia,Serif;

[srnfgr]

jreaux62, toujours rien en changeant la police. Je pense avoir trouvé le html en faisant clique droit et "examiner l'élément" mais pas moyen de c/c, je vous laisse donc ici le lien directe, sauf si j'arrive à mes fins et dans ce cas là, je posterais la version html plus tard ^^

http://webothknow-.tumblr.com/

[elfamine]

apparemment c'est le script cufon-yui.js qui met une sorte d'image par dessus le texte...n’étant pas du tout habitué à l'interface thumblr je me demande s'il n y a pas moyen de changer la police d’écriture depuis l'interface utilisateur ?

...puis si y a pas moyen d’éditer l'HTML je pense à un ptit script pour virer tout ca

Code :

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

1
2
3
4
5
<h1 id="title">
<cufon class="cufon cufon-canvas" alt="Paradise " style="width: 150px; height: 50px; "><canvas width="181" height="53" style="width: 181px; height: 53px; top: 0px; left: -2px; "></canvas><cufontext>Paradise </cufontext>
</cufon>
<cufon class="cufon cufon-canvas" alt="Lost" style="width: 73px; height: 50px; "><canvas width="97" height="53" style="width: 97px; height: 53px; top: 0px; left: -2px; "></canvas><cufontext>Lost</cufontext>
</cufon></h1>

et mettre ca à la place...

Code :

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

<h1 id="title">Paradise Lost</h1>

entout cas à mon avis je pense que c'est plus un probleme de javascript que de CSS

[srnfgr]

Melcain, tu as trouvé la solution. J'ai simplement supprimé cette ligne

Code :

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

<script type="text/javascript" src="http://static.tumblr.com/msonfaf/waJl5o8re/cufon-yui.js"></script>

et la police s'affiche enfin comme il faut!

Merci à tous

[elfamine]

tant mieux alors je ne savais pas qu'on pouvait éditer l'HTML des Tumblr !