Mise en Page/ Gadget HTML Javascript
1 Colonne sans puce en HTML
<ul style="list-style-type:none;">
<li>TEXTE1 </li>
<li>TEXTE2</li>
<li>TEXTE3</li>
<li>TEXTE5</li>
<li>TEXTE6</li>
<li>TEXTE7</li>
<li>TEXTE8</li>
</ul>
+++ 1 Colonne avec puce forme carré +++
<ul style="list-style-type:square;">
<li>TEXTE1</li>
<li>TEXTE2</li>
<li>TEXTE3</li>
<li>TEXTE4</li>
<li>TEXTE5</li>
<li>TEXTE6</li>
<li>TEXTE7</li>
</ul>
++++ 1 Colonne avec puce de lien GIF ou PNG +++
<style>
ul{
list-style-type: none;
}
li::before{
display: inline-block;
position: relative;
width: 10px;
height: 10px;
top: 0.2rem;
margin-right: 0.2rem;
content: "";
background-image: url(IMAGE URL);
background-size: contain;
}
</style>
<ul>
<li>TEXTE1</li>
<li>TEXTE2</li>
<li>TEXTE3</li>
<li>TEXTE4</li>
<li>TEXTE5</li>
</ul>
======NOTES================
Puce avec carré peut etre remplacer par n'importe quel suffit connaitre le nom en anglais comme Circle.
Si vous voulez numeroté au lieu des puces vous remplacez </ul> par <ol>
===== Ajouts ========
Pour faire l'ajout vous devez mettre ce code ci <li>TEXTE</li> juste avant </ul>
======================
Ce qui est cool est sur chaque module est vous pouvez changer les puces pour qu'ils soient different .
Re ma douce
RépondreEffacerEncore une bien belle astuce, je t'en remercie.
Tu sais je prends des citations du net et moi en retraite c'est dodo, farniente, je suis passionnée par l'Asie et par les dramas séries que je regarde (surtout coréennes, chinoises), bien sûr je n'oublie pas le ménage en principe le matin car après il fait trop chaud pour travailler et j'essaie de venir tôt le matin sur les blogs. Là je dois sortir car quelques cadeaux encore à acheter pour Noël et je redoute la foule car en ce moment c'est bourré de monde partout et entre les magasins avec la clim à fond et dehors avec plus de 30° c'est pas le pied.
Courage avec tes beaux tubes.
Gros bisous.
Coucou tu n'arrêtes pas de trouver des astuces pour nous tous merci - justement hier en allant chez Chouchou hier je trouvais joli ses personnsages NOEL avec sa liste amies
RépondreEffacerhttps://chezchouchouchristelle.blogspot.com/
bon là je vais aller faire mon lit ; levée depuis 6 hs - et comme toujours il pleut bisous Annick50
Y a plusieurs facon den ajouter des puces en html. Celui dhier tu peux mettre des modeles different dans chaque gadget tandis lautre jai doner vla quelques mois lui cest jsute un modele. Chouchou a un joli blog Bon dodo bisous
Effacer