Ezzel a módszerrel egy tipikus, Wordpress-re emlékeztető címkefelhőt tudunk létrehozni. A kivitelezése rendkívül egyszerű: az oldalsó modulban az áthúzott (strike) stílust formáljuk meg, pontosabban annak a linkelt változatát.

A következő kóddal tudjuk személyre szabni a stílust:

.column_side strike {

text-decoration: none !important;

width: 100%;

line-height: 30px;

display: inline;

}

 

.column_side strike a:link, .column_side strike a:visited {

padding: 5px 10px 5px 10px;

color: #ffffff !important;

text-decoration: uppercase;

background: #999999;

}

 

.column_side strike a:hover {

background: #cccccc;

text-decoration: uppercase;

}

Fontos, hogy a kódot a szélső modul további formázásai alá szúrd be (félkövér, dőlt, aláhúzott)!

Ezzel lehetőségünk van módosítani a betűtípust, a méretet, a háttérszínt, tehát lényegében szabad utat ad a címkék formázásához.

A címkék beillesztése rendkívül egyszerű, a szerkesztői nézetbe beírod a linkelni kívánt címke nevét, például „alma”, beállítod erre a szóra, hogy áthúzott legyen (fontos!, a szavak közötti üres hely (space) ne legyen áthúzott!) majd ráteszed a linket.

Ezután így fog kinézni az oldalsó modul tartalma:

Fontos, hogy neked kell új sort kezdened, valamint neked kell figyelned arra is, hogy szimmetrikus legyen a címkefelhő. Így előfordulhat, hogy fel kell cserélned pár címkét a tökéletes összhatás érdekében.

Forrás: Linda