Css Trick - Pure Css Text Gradients

What is it?

Text Gradient is a simple css trick that allows you to improve your site’s

appearance by putting gradients on system font titles using nothing but css and a png image.

yes it work!

Sure it does! Try it yourself, change the above title by typing your own words in the field below.The trick is very simple. Text Grannt in png should start with your background color (in this case we use white gradient).

First the html set up. Each title (preferably heading tag) uses additional
empty nested span element.

http://cssglobe.com/lab/textgradient/

Blogged with Flock

Tags: design2.0

peel.fr - Comment modifier le style du site ( Logo, fond, images) ?

Comment modifier le style du site ( Logo, fond, images) ?

Sur les versions PREMIUM, les pages pricncipales sont stockées dans le répertoire /modeles/default/. Il vous est donc possible de modifier l’apparence du site en quelques clics.

• La page haut.php contient l’affichage du header (bannière haute) ainsi que la barre de navigation de gauche.
• La page bas.php contient la barre de navigation de droite ainsi que l’affichage du footer (bannière bas)
• La page template.php contient l’affichage des produits dans les pages catalogue (fonction template_index_produit)
• La page style.css contient l’ensemble des éléments de style qui ne sont pas gérés par l’interface d’administration
• La page banner.php contient l’affichage des bannières publicitaires.

L’interface d’administration permet elle aussi de gérer quelques paramètres :

• Administrer > Configuration générales > Variables du site permet de gérer le logo afficher dans le header et le nom du site
• Administrer > Configuration générales > Gérer la feuille de style permet de gérer la police, la taille de la police et sa couleur pour les éléments de texte, titre et tétiere

Quelques exemples de modification :

Modifier le header : ouvrir et modifier le fichier /modeles/default/haut.php ligne au niveau des lignes contenant la variable $logo

Modifier la barre de navigation et son style : ouvrir et modifier le fichier /modeles/default/haut.php au niveau des lignes contenant l’appel à la feuille de style menudyn. La css menudyn se gère quant à elle dans le fichier /modeles/default/style.css

Modifier l’affichage du menu arborescent des catégories : ouvrir et modifier le fichier /modeles/template au niveau de la fonction récursive construit_menu_arborescent_cat

Modifier l’apparence des fiches produits : ouvrir et modifier le fichier /modeles/template au niveau de la fonction template_index_produit

Modifier l’affichage des prix (non recommandé) : l’affichage des prix, des stocks et de l’icône caddie se trouve dans la page /lib/fonctions/fonctions.php fonction print_critere_stock_prix. Nous vous recommandons de ne pas modifier cette fonction d’un point de vue fonctionnelle car elle est au coeur du système (lien avec la gestion de stock multicritère, prise en charge du module BtoC, gestion des critères), vous pouvez néanmoins facilement modifier les icônes Acheter ou Détails qui se trouvent dans le répertoire images (images/more.gif et images/caddie.gif).

Tags: peel