Imate blog i želite nekakve fency botune ili menu,a neznate html,css i slične stavri tome? Odlučio sam zbog togaopisati i pojednostavniti za sve kako isto to imate bez znanja kodiranja.Koristit ćemo generator meni-ja od Vortexa.

Prvi korak je otvorite ovaj link u drugom prozoru kako biste paralelno mogli pratiti upute.Flashh vortex ima veliki izbor besplatnih menu-a te botuna,pa tako i ostalih zanimljivih stvari.Malo istražite sve mogučnosti.
Započetak odete na ovaj link flashvortex ,gdje imate veliki izbor menu-a.nakon što se odlučite za jedan,kliknete ispod ih menu-a na click here to edit this

Za primjer ovdje smo uzeli menu pod imenom universe (ime možete vidjeti na mjestu gdje piše -choose your  animated bottun style). Nakon što ste kliknuli na edit,otvorila vam se nanovo stranica sa tim menuom kojeg ste izabrali.Ispod menu-a ima dosta opcija pa ćemo krenuti od prve gornje do zadnje-donje.

STEP 1 : tu izaberete ako niste dosad primjer animiranih menija ili pogledate koji menu-i još postoje pa ga promijente ako želite.Neke stvari mogu samo registrirani korisnici mjenjati,dok je večina opcija za sve besplatna.

STEP 2: tu se nalaze imena vaših botuna u meniju.U buttons label upisujete ime botunana, a  buttons shuld link to :link vašeg botuna.u Primjer ime i link za prvi svi znate,a to je

Ime :Pocetna

Link :link vašeg bloga (pr.ovdje http://www.pyblod.bloger.hr)

time ste kreirali prvi botun i dali mu link,gdje će se klikom na taj botun otvarati na početak stranica vašeg bloga.

Prije nego nastavite dalje,razmislite o ćemu želite pisati i koliko tih botuna trebate postaviti.Nakon toga linkove do tih botuna kreirate na sljedeći način. Npr.napišete novi post pod imenom novosti i snimite ga.Kad kliknete na nega pri vrhu gdje piše adresavašeg bloga će pisati ime vašeg bloga/novost/aspex itd..Uglavnom to je link koji trebate napisati za botun Novosti.Tako i za ostale botune koje želite napraviti.

Važno : jednom kad postavite taj link,nemožete ga mjenjati (ako niste baš na ti sa kodiranjem)) tako da pazite da nakon postavljanja tog linka poslje ne izbrišete taj post pod imenom novosti jer klikom na botun novosti se neće ništa prikazivati.Nadam se da ste shvatili.

Target frames ostavite prazno.

Step 3:najbolje da ostavite sve opcije kako jesu iako se tu možete poigrati,da vidite kako će izgledati.

MISC:  možete mjenjati brzinu animacije (animation speed) te boje pozadine vaših botuna (backgorund buttons).Kako želite.
Kad ste gotovi i sve to treba prebaciti i postaviti na vaš blog.Kliknite na Generate animation.
Dobili ste izgled vašeg menua sa kodom koji trebate prebaciti na vaš blog.To činite tako da kreirate novi html editiraj blog-kreiraj novu grupu htmla).Najbolje da je nazovete Meni kako bi se lakše orijentirali.U htmlu kliknete na source,te pejstate kod koji ste prije kopirali.(Unutar kučice gdje piše kod kliknite i pritisnite na tipkovnici  ctrl +A ,te odmah zatim ctrl +c (što znači copy).Vratite se na vaš blog i u source htmla-koji ste nazvali Meni pristinite ctrl+V (pejste).Snimite vaš html.I to je to .Nakon toga idite opet na editiraj blog.Gdje vam se nalazi modul Meni imate male strelice kojima pomčete taj modul na željeno mjesto,što znači da možete postaviti taj Meni koji ste napravili gdje želite na vašem blogu.

Želite uljepšati izgled vaših linkova,da nebudu jednostavni.Slijede pojednostavljene upute.

Nekoliko stvari možete uljepšati ili promijeniti po vašem guštu na vašim linkovima.Primjeri toga su boja linkova,pozadina linkova,te ih dekorirat tj.ukrasiti.Ovdje su opisani načini kako se sve to može napraviti,a normalno na vamaje da ih ispobavate dok nenađete neki koji vam se sviđa.

Da bi mogli uopće definirati u vašem css što želite raditi trebate postaviti oznaku za to.Oznaka,kod,selektor kako god za definiranje vaših linkova je :  ( a )

Primjer jednog koda kojim smo definirali sve vrijednosti izgleda naših linkova,izgleda ovako :



Slijedi objašnjenje za ovakav kod.
Postoje dvije vrste izgleda vaših linkova.Prva je dok link nije obilježen (kad je miš preko njega) i druga kad je obilježen (kad je miš na linku)

1) Za prvi slučaj koristimo kod  :  a:link 

2) za drugi slučaj koristimo kod : a:hover

Iduće stvari koje možete promijeniti su boja linkova,pozadina linkova,te dekoracija linkova .

Za promjenu boje linkova koristimo kod : color :#000000;  (normalno boju pod oznakom #000000,promijenite i postavite boju koju želite)


**** boje koje možete koristiti i njihove oznake možete naći na blogu pod  linkom " css boje"****


Za promjenu pozadine linkova koristimo kod :    background-color: #000000; (boju opet mjenjate)

primjer : pozadina linka je svijetloplave boje   (potrebno je naći npr.heksadecimalni kod za ovakvu svijetloplavu boju i postaviti je na mjesto za to,u ovom slučaju je to background-color: #000000; gdje boju #0000000 mjenjate za boju koda pod kojom se svjetloplava boja itd.

Te za promjenu dekoracije linkova koristimo kod :    text-decoration:.none;

Osim vrijednosti none kod dekoracije možete koristiti i neke druge vrijednosti dekoriranja linkova kao što su :

none                        (link nije podcrtan)
overline                   (link je podcrtan iznad teksta)
underline               (link je podcrtan ispod teksta)
line-through           (link je podcrtan kroz horizontalnu sredinu teksta)