butterfly
  C'est drôle comme les gens qui se croient instruits éprouvent le besoin de faire chier le monde.  -  Boris Vian
Info visiteurs
Connexion...
 
Liste des membres Membres : 64

membres 10 derniers membres :
mimidu59000   fred68   Le_Babelleir   Daffy81   Katryne   jac83   Corrector   Alexrich   kamila   pacou   

Votre pseudo :

Mot de passe :

[ Mot de passe perdu ? ]


[ Devenir membre ]


  Membre en ligne :
  Anonymes en ligne : 6

Total visites Total visites: 71202  

Record connectés :
Record connectés :Cumulé : 76

Le 10/04/2008 @ 11:56


Ip : 38.107.191.88

Recherche




D'ou venez vous ?
Nouvelles d'ailleurs
Liens des z'amis
Mon Ptit Net
Forks, plugins, forum, forks et plugins pour guppy, service et convivialité

guppy skins
Ce site a pour but de vous offrir des décos forum, des fonds de bannières, minis logos, minis gifs, icones, smileys, compteurs, forks et diverses astuces etc...pour votre cms guppy.
Tag Clouds
Boite à outils
Boite a test
Calendrier
Aujourd'hui
Jeudi 29 Juillet 2010

Bonne fête à toutes les
Marthe


C'était aussi un 29 Juillet
1981

Charles, prince héritier d'Angleterre, épouse Lady Diana Spencer à Londres.


Né(e) un 29 Juillet 1925
Mikis Theodorakis

Lettre d'information
Inscrivez vous à la lettre d'information de MyBlog
S'abonner
Se désabonner
Captcha
Recopier le code :
Jeudi 29 Juillet 2010 ¤ MyBlog, site de test et d'essai
smileys/biggrin.gifSkin et CSS - Changer les puces des listes (articles)
Réalisation: très facile
Connaissance: aucune

Changer les puces des listes dans les articles, le blog etc.

Vous voulez personaliser vos listes et avoir autre chose que le standard ?

Rien de plus facile car, le saviez vous, on peut créer ses propres puces grâce aux feuilles de style

Créez d'abord une petite image  ( li.gif ) que vous appellerez li.gif par exemple

Téléchargez la dans le répertoire de votre skin

Ouvrez votre fichier style.css et modifiez ou insérez les classes suivantes:

ul {
list-style-type : circle;
}
li {
list-style-image : url(li.gif);
list-style-type : circle;
}

Et voila le résultat:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor....
  • ligne1
  • ligne2
  • ligne3
  • ligne4

tongue Pas plus compliqué que ça ...

Nota:Il est conseillé de laisser la commande list-style-type: xxxxxx au cas ou le navigateur ne comprendrait pas la commande style-image (paramétrage par défaut)

© MyBlog - 2007 / 2010

Date de création : 28/10/2007 @ 08:09
Dernière modification : 14/12/2007 @ 12:49
Catégorie : Skin et CSS
Page lue 2039 fois


  

react.gifRéactions à cet article

Personne n'a encore laissé de commentaire.
Soyez donc le premier !
Vous devez être membre pour réagir a un article

^ Haut ^