Ajouter un ruban à l'en-tête

[asg]

Bonjour,

 

je souhaite ajouter un ruban en haut à droite de mon site. Sur ce modèle :

J'ai trouvé un tutorial avec le code ad-hoc. Le problème est que mon fichier header.php a une drôle de tête (prestashop 1.5.6.1). Pour ce faire il faudrait que je le transforme sensiblement, que je lui lie un fichier css... Or dans l'en-tête du fichier, il est dit de ne pas modifier ce fichier.

 

Comment puis-je faire ?

[Superbegood31]

Bonjour,

 

Modifiez le header.tpl de votre thème

[asg]

Merci pour cette lumière. Voici les modifications que j'ai apportées :

 

dans header.tpl, j'ai ajouté :

<link rel="stylesheet" type="text/css" href="css/ribbon.css">

[...]

<div class="wrapper">
       <div class="ribbon-wrapper-green"><div class="ribbon-green">TEXTE</div></div>
</div>​   

dans le répertoire css, j'ai crée un fichier ribbon.css où j'ai collé le code donné par le lien plus haut. Mais j'obtiens seulement le mot "TEXTE" qui apparaît en haut à gauche sans le ruban et en décalant l'entête vers le bas... Qu'est-ce que je fais mal ? (la page en question )

[Agostini Julien]

Bonjour,

 

Vos erreurs sont multiples. Le chemin de votre lien "link" n'est pas correct et ne renvoi donc pas vers votre feuille css, pour que celui-ci fonctionne remplacez-le par ceci :

<link type="text/css" rel="stylesheet" href="{$css_dir}ribbon.css"></link>

Ensuite, il est nécessaire de revoir totalement le CSS de votre fichier "ribbon.css" car je ne pense pas que le résultat soit celui que vous attendiez.

 

Bonne continuation,

[asg]

Si si ça va mieux ! Je vous remercie ! Bon il y a encore des ajustement à faire ( c'est pas très joli ). Il faudrait une ruban plus long, un peu plus large. Mais je pense que ça finira par donner quelque chose ! Si vous avez d'autres conseils, n'hésitez pas !

[Agostini Julien]

Avec plaisir bonne continuation à vous et bonne année !

[asg]

Edit : j'ai rien dit ! Tout est bon ! Merci !

Edited January 6, 2014 by asg (see edit history)