28172 sujets

CSS et mise en forme, CSS3

La chèvre de Mr Cufon

Après 2/3 heures a essayer dans tout les sens, lire (traduire plutôt) le wiki de cufon, le tutorial d'ici et d'ailleurs, je deviens Smiley biggol Smiley biggol Smiley biggol !!!

Remarquez, c'est la bonne occasion pour m'inscrire enfin sur le forum !

Je n'arrive donc pas a faire fonctionner Cufon (wordpress en local) ! Pourtant, j'ai activé le pluggin, généré une typo, je l'ai mis dans le dossier "fonts" (wp-content/plugins/fonts/) et marqué le code...
Je vois pas où je me prends et continue a me prendre les pieds dans le tapi !

#starwar {
background-citation:Au secours AlsaOne-Kenobi, vous êtes notre seul espoir;
font-size:8em;
color:red;
}

Smiley bawling


Plus sérieusement, mon code :

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<script src="cufon-yui.js" type="text/javascript"></script>
	<script src="Yanone_300.font.js" type="text/javascript"></script>
	<script type="text/javascript">
	Cufon.replace('post_content');
	</script>



Si vous pouviez m'expliquer.... Smiley sweatdrop
Modifié par Datavinn (24 Jul 2009 - 14:24)
Bonjour,

<script type="text/javascript">     
Cufon.replace('post_content');     
</script>

'post_content' est très certainement assujetti à une classe (class : ".") ou à un identifiant (id : "#")
Ceci devrait donc (théoriquement) mieux fonctionner :
Si c'est une classe :
<script type="text/javascript">     
Cufon.replace('.post_content');     
</script>

Si c'est un identifiant :
<script type="text/javascript">     
Cufon.replace('#post_content');     
</script>

Je ne garantis pas la "solution" Smiley lol , une page en ligne nous aurait certainement permis de lever le doute... Smiley hmm
Si cela ne fonctionne pas, merci de revenir avec l'url de ta page, ou au minimum avec le code html de cette page Smiley cligne

Cdt,
Sylvain
Merci de ta réponse, mais cela ne fonctionne pas malgré tout Smiley ohwell

voilà le code de la page entière (pas forcement très propre, je suis pas un codeur confirmé), qui est le header.php de mon wordpress.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">



	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
	<!-- leave this for stats -->
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /><?php wp_head(); ?>
 
	<?php wp_get_archives('type=monthly&format=link'); ?>
	<?php //comments_popup_script(); // off by default ?>
	<?php wp_head(); ?>
      
      
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<script src="cufon-yui.js" type="text/javascript"></script>
	<script src="Yanone_300.font.js" type="text/javascript"></script>
	<script type="text/javascript">
	Cufon.replace('.post_content');
	</script> 
      
      
        
</head>
<body>
			<div id="page"> <!-- bloc de la page entière-->           
			<div id="header"> <!-- bloc / informations du blog header -->
			
            
	<!-- le lien sur l’image vers l’accueil -->
    <a href="<?php bloginfo('siteurl'); ?>/">
	<!-- l’image d’entête cliquable -->
	<img class="clickimage"
	src="<?php bloginfo('siteurl'); ?>
	/wp-content/themes/dataview/images/datalogobleuclair.jpg"
	alt=Retour &agrave; l’accueil" border="0&#8243; />
    
	<!-- un saut de ligne pour un focus propre -->
	<br />
    
	<!-- la fin du lien sur l’image -->
	</a>
	<div id="headerimg">
	<h1>
	<a href="<?php echo get_option('home'); ?>/">
	<?php bloginfo('name'); ?>
	</a>
	</h1>
	<div class="description">
	<?php bloginfo('description'); ?>
	</div>
 
 <div id="menupages"> <!-- bloc / éléments du header -->
	<!-- on insert les liens vers les pages statiques entourer de la balise UL (liste non ordonné)-->
	<ul><?php wp_list_pages('title_li='); ?></ul>
	
    
</div> <!-- FIN du bloc / éléments du header --> 
</div> <!-- FIN du bloc / informations du blog -->


Et ici, le bout de css de la class post-content :


.post_content {
height:105px;
margin:-20px 0 0 0;
padding:0;
font-size: 2em;
text-align:justify;
color:#FFF;
}



J'espère mettre les bonnes info Smiley confused
Administrateur
Bonjour,

(lu en diagonale)
Es-tu sûr du chemin vers tes fichiers, scripts, etc ? Avec les CMS et blogs, il faut parfois 'viser' la racine de ton site alors que ton fichier est dans un sous-répertoire de thème ou l'inverse ...
L'onglet réseau de Firebug, entre autres, devrait t'aider pour voir si tout est chargé.
Re,

Le code généré aurait sans aucun doute mieux servi à la tentative de résolution du problème que tu rencontres...
1- Comme le signale Felipe, vérifier les chemins d'accés à tes différents fichiers (scripts, font,...)
2 - Vérifier la syntaxe de "postcontent" (majuscule/minuscule, tiret, underscore, etc...)
3 - Si cela ne résoud rien : poster l'url de ton site Smiley cligne

Cdt,
Sylvain
Sujet clos
Aller à