Bug relatif à l'ajout de lien externe dans le header.php

Laurent · janvier 2011

Bon je m'explique.

J'ai voulu insérer un lien google webfont de type :
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here:regular"/>;

dans mon header.php.

Malheureusement, une fois le fichier interprété par pluxml, il se rajoute avant le "http://"; le chemin du site "http://www.monsite.com/http://fonts ....."

J'ai testé de faire un echo du lien au lieu de l'écrire en dur mais le traitement doit se faire après ça bug quand même.

A force de recherche, j'ai trouvé le caractère qui dérange plux ; c'est le ":" si on l’enlève, le lien reste tel qu'on la écrit.
Ma solution fut de mettre <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here"/>; comme lien mais du coup je charge des variantes de font que je désire pas.

C'est pas trop grave pour mon cas mais bon je considère ça comme bug du système

Voilou

Sinon joli boulot plux est un cms bien pratique et facile à intégrer au niveau template.

Stéphane · janvier 2011

Bonjour Laurent

Juste une question. Avais-tu la réécriture d'url activée dans PluXml ?

Laurent · janvier 2011

Oui et compression gzip aussi

Edit :

Meme probleme avec des liens de type :

<a href="#tab1">

qui deviennent :

<a href="http://www.monsite.com/a/#tab1">;

Là ça devient génant pour du JS.

Stéphane · janvier 2011

Merci pour cette précision

Laurent · janvier 2011

Bon j'ai grugé en javascript mais c'est pas super propre

marama · janvier 2011

J'ai le même soucis avec les liens mailto avec urlrewriting.

Stéphane · janvier 2011

je viens de tester avec la 5.1:

Ce genre de code ci-dessous ne pose plus de problème. l'url n'est pas modifié

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here:regular"/>;

Pour les mailto, idem, il n'y a plus de problème

En revanche en quoi ça gène pour des liens avec une ancre <a href="#tab1"> qui deviennent <a href="http://www.monsite.com/a/#tab1">; si pluxml est installé dans http://www.monsite.com/a/

Laurent · janvier 2011

Réponse : jquery

http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

Il se sert du href comme identifiant de div donc si il est modifié c'est mort

Stéphane · janvier 2011

ok merci Laurent. je vais regarder ça et voir comment régler le probleme pour la 5.1

Stéphane · janvier 2011

Bon difficile de corriger le probleme avec cette gestion d'onglet en jquery

En revanche j'ai trouvé un autre script qui fonctionnera avec la 5.1. J'ai testé et c'est ok

http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html#

termicastor · juillet 2011

Bonsoir !

Je me permet de relancer ce sujet : j'essaie d'intégrer quelques polices de google web fonts à mon site, mais je ne sais pas comment faire (je ne trouve pas le fichier header.php par exemple).
La ligne est :
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:700|Cabin&v2' rel='stylesheet' type='text/css'>

Que dois-je faire pour cela ?
Merci !

Bloody · juillet 2011

Termicastor je pense que tu es un peu hors sujet.

Dans le répertoire du ton thème, tu as obligatoirement un fichier "header.php". Tu l'ouvres.
Avant la balise </head>, tu y colles ta ligne de code pour la feuille de style Google.
Ensuite, tu modifies ton fichier style.css en y ajoutant ta font-family ou tu veux qu'elle soit.

termicastor · juillet 2011

Salut ! Merci pour la réponse !

Effectivement, j'ai bien ajouté la ligne dans le fichier header.php (trouvé dans le dossier du thème, je n'avais pas pensé le chercher là, je suis un peut bête !

), ce qui me donne :

<head>

	<title><?php $plxShow->pageTitle(); ?></title>

	<meta http-equiv="Content-Type" content="text/html; charset=<?php $plxShow->charset(); ?>" />
	<?php $plxShow->meta('description') ?>
	<?php $plxShow->meta('keywords') ?>
	<?php $plxShow->meta('author') ?>
	
	<link rel="icon" href="<?php $plxShow->template(); ?>/img/favicon.png" />
	<link rel="stylesheet" type="text/css" href="<?php $plxShow->template(); ?>/css/screen.css" media="screen" />
	<?php $plxShow->templateCss() ?>

	<link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('ARTICLES_RSS_FEEDS') ?>" href="<?php $plxShow->urlRewrite('feed.php?rss') ?>" />
	<link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('COMMENTS_RSS_FEEDS') ?>" href="<?php $plxShow->urlRewrite('feed.php?rss/commentaires') ?>" />
	<link href='http://fonts.googleapis.com/css?family=Cabin:400,400italic|Cabin+Sketch:700|Lobster+Two&v2' rel='stylesheet' type='text/css'>
</head>

Dans le fichier css (screen.css, dans le dossier css du thème), que je modifie dans un premier temps pour appliquer les modifications de police au titre et au sous-titre :

#title h1 { /* Titre */
        margin: 0 0 .2em 0;
        padding : 0 0 0 70px;
        font-weight : normal;
        letter-spacing : 1px;
		font-family: 'Lobster Two', cursive;
		color : #DC3030
}

#title p { /* Sous-titre */
        color : #333;
        padding : 0 0 0 50px;
		font-family: 'Cabin', sans-serif;
}

Mais ça ne me change pas les polices, si ce n'est le titre, qui est en comic sans MS.
Je ne comprend pas pourquoi.

Bloody · juillet 2011

Ca me semble bon.

Donnes-moi l'adresse de ton site et je ferai une vérif. avec Firebug.

termicastor · juillet 2011

Salut !
Merci pour l'aide.

Là, je le teste en local avec easyphp.
Je vais le compresser et l'envoyer par mail.

Bloody · juillet 2011

Tu chargeais ta feuille de style par défaut après ta feuille de style screen.css, ce qui annulait tes modif sur les fonts family.
Le bon code est :

<?php $plxShow->templateCss() ?>
<link rel="stylesheet" type="text/css" href="<?php $plxShow->template(); ?>/css/screen.css" media="screen" />

Tu avais un décalage sur le sprite qui génère l'icone "cadena" au niveau de la class captcha et l'icone "home" apparaissait, dû au fait que tu n'avais pas déterminé la hauteur de l'icone.

A la ligne 351 de screen.css, le bon code doit être :

.captcha{
        background:  url('../img/icons.png') no-repeat 0 -62px;
        padding: 0 0 0 19px;
        height: 16px;
        }

Pour moi, c'est bon. Je te conseille de passer la "font-size" de la balise <body> à moins 13px; car sinon ce n'est pas très lisible.

Dis-moi si ça te convient ?

PS : la prochaine fois que tu passes un thème à vérifier pas la peine de fournir par mail tout l'archive de ton PluXml.
Je sais bien que PluXml est léger mais tout de même ...

termicastor · juillet 2011

Merci beaucoup ! Ça marche nickel !

Merci pour avoir regardé le captcha : j'avais pas encore zieuté cette partie là.
Reste deux petits problèmes à régler, je vais ouvrir un sujet dans la section "entraide" pour cela (je suis déjà bien assez hors-sujet ici, mais à ma décharge, c'est le premier sujet que google me sortait en cherchant "google fonts pluxml"

) : le captcha qui passe sous le pied de page, et la partie contact qui est complètement excentrée.

PS : la prochaine fois que tu passes un thème à vérifier pas la peine de fournir par mail tout l'archive de ton PluXml.
Je sais bien que PluXml est léger mais tout de même ... big_smile

Oups, j'y avais pas pensé, belle petite boulette en effet !

Et encore un grand merci pour le temps passé sur mon problème !

Bloody · juillet 2011

De rien Termicastor.

+1 Twitter ou Facebook sur mon portfolio et ça ira. :P

termicastor · juillet 2011

Fait !

Pfiouu, ça fait un moment que je n'avais plus mis les pieds sur twitter moi ! L'occasion de faire un grand ménage !

Bug relatif à l'ajout de lien externe dans le header.php

Réponses