Hogyha unod a sima GP-s felsorolást, vagy túl nagyok a köröcskék a betűtípusodhoz, és nem mutat jól, itt egy kis trükk a különleges felsorolásra. Példa:

• felsorolás
• felsorolás
• felsorolás

Íme a kód, amit be kell másolnod a CSS-edbe:

li {
list-style-position: outside;
list-style-image: url(A FELSOROLÁS KÉPEINEK URL-je);
list-style-type: square;
line-height: 12px;}

A képet, amit a kis pöttyök helyett használni szeretnél, fel kell töltened valahová (mondjuk a GP-s galériába), majd másolni a kép URL-jét (jobb klikk a képre, majd URL másolása, Copy URL vagy Copy link location) és beilleszteni a fenti kódba. A line-height a felsorolás sorköze, ezt átállíthatod, amire akarod. A square a képek típusát mutatja, ezt hagyd így, mert bármilyen (kerek, négyszögletű) kisképpel működik.

Lehetőség van a számozott felsorolás formázására is, abban az esetben a kód a következő:

ul {
list-style-position: outside;
list-style-image: url(A FELSOROLÁS KÉPEINEK URL-je);
list-style-type: square;
line-height: 12px;}

Itt is beállíthatsz képet, ha akarsz, valamint mindkét kódba kerülhet bármilyen CSS formázás (betűtípus, betűszín, háttér stb.)