butterfly
  La radio n'a pas d'avenir  -  Lord Kelvin (physicien et mathématicien anglais - 1897)
Info visiteurs
Pas encore membre?
Vous devriez créer un
Compte utilisateurL'inscription est gratuite et confidentielle alors n' hésitez pas, participez ...

Devenir membre vous permettra d'accéder aux parties privées de MyBlog ...
Cliquez ici pour créer votre compte
pour accéder aux parties privées de MyBlog
Boîte a lettres
reco.gif Recommander
Version mobile
Ajouter aux favoris
Connexion...
 
Liste des membres Membres : 62
membres 10 derniers membres :
Le_Babelleir   Daffy81   Katryne   jac83   Corrector   Alexrich   kamila   pacou   warfox   2arsene   

Votre pseudo :

Mot de passe :

[ Mot de passe perdu ? ]

[ Devenir membre ]

  Membre en ligne :
  Anonymes en ligne : 5
Total visites Total visites: 50379  

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

Le 10/04/2008 @ 11:56

Ip : 38.107.191.85

Recherche




D'ou venez vous ?
Nouvelles d'ailleurs
Le Ouaibe.info
BF Savate Roger
Savate Story
FreeGuppY
aldweb Site
Spybot Search & Destroy
20 minutes (Actu France)
20 minutes (Actu Monde)
A la une du Nouvel Obs
Alternatives-economiques
Libération
Charly le prof
Liens des z'amis

 confused Aucun pour l'instant

Tag Clouds

Boite à outils

Outils pour Webmaster

Skin et CSS

Trucs en vrac

Trucs et astuces

Vs 4.6

Boite a test

Test

Calendrier
Aujourd'hui
Mardi 09 Février 2010

Bonne fête à toutes les
Apolline

C'était aussi un 09 Février
1900

Les vendeuses sont autorisées à s'asseoir à leur poste de travail.

Né(e) un 09 Février 1945
Mia Farrow

Lettre d'information
Inscrivez vous à la lettre d'information de MyBlog
S'abonner
Se désabonner
Captcha
Recopier le code :
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 1557 fois

Imprimer l'article Imprimer l'article

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 ^