Tak v tomto případě můžete použít dvě varianty. První nefunguje ve starších prohlížečích a druhá je bezproblémová, akorát u ní vždy musíte nastavit odsazení textu pomocí
padding-left.
Postup je následovný:
Ve složce
conf na serveru si vytvořte soubor
userstyle.css. V něm vždy nastavíte požadovaný obrázek pro nadpis. Takže např. když budete mít nadpis
Test nadpisu, aplikace DokuWiki mu automaticky přiřadí identifikátor (id), který bude mít tvar
test_nadpisu. Ve zdrojovém kódu bude tento nadpis vypadat takto:
Kód:
..<a name="test_nadpisu" id="test_nadpisu">Test nadpisu</a>..
Takže pomocí první varianty stačí do souboru
userstyle.css vložit tento kód:
Kód:
a#test_nadpisu:before{
content: url(http://ffdshow-tryout.sourceforge.net/html/images/check.png);
}
Vždy za
a# uvedete identifikátor daného nadpisu (v našem ukázkovém případě
test_nadpisu). U parametru
url zadáte cestu k obrázku, kde můžete směrovat i do některého adresáře na serveru. Pokud budete chtít např. použít obrázek
picture.jpg z adresáře
images, cesta v url bude mít tento tvar:
Kód:
url('/images/picture.jpg');
Druhá varianta (bezproblémová pro všechny prohlížeče) bude vypadat takto:
Kód:
a#test_nadpisu{
background: url(http://ffdshow-tryout.sourceforge.net/html/images/check.png) no-repeat left center;
padding-left: 20px;
}
U tohoto provedení musíte zadat ještě
padding-left, čímž se posune nadpis vždy o daný počet pixelů (tedy o šířku použitého obrázku). Jinak by se obrázek a nadpis překrýval.
Pokud byste použil v DokuWiki stejný nadpis vícekrát, aplikace mu automaticky přiřadí k identifikátoru číslo. Takže budete-li mít další nadpis s textem
Test nadpisu, bude mu automaticky přiřazen identifikátor
test_nadpisu1 (u dalších test_nadpisu2, test_nadpisu3 atd.).