Dnešní tutorial přináší jednoduchou úpravu odrážek v textu. Pomocí CSS vyměníte výchozí znak “bullet” za malou ikonku.



Nejdřív si vytvořte z běžného textu odstavec s odrážkami (v menu Format / List... a nebo přímo ze spodní lišty pro formátování textu). Použijte typ “bullet”, tedy nikoliv čísla nebo jiné znaky.

Do paletky Page Inspector / Header / CSS pak vložte následující doplnění kaskádových stylů:

ul {
list-style-image: url(xxxxxx);
}

xxxxxx nahraďte cestou k souboru - podle toho, jak jste zvyklí je ukládat, např.:

• pokud používáte jako úložiště obrázků složku na ftp
  www.moje_domena.cz/ikonky/hvezdicka.png
• pokud jste uživatelem RW4 a používáte assets
  assets/hvezdicka.png
• pokud jste uživatelem RW5 a používáte resources
  ../../resources/hvezdicka.png

tag: HTML, CSS, text