Kaskus

Tech

XANDRIXAvatar border
TS
XANDRIX
[Share] Superfish Custom Template Skin u Dynamic Generated Menu dari Database
Ane ada share nih cara Custom Superfish Template Untuk digunakan sebagai skin pada Dynamic Generated Menu dari Database (Vertical Menu style dan Navbar Menu Style) seperti gambar berikut :

[Share] Superfish Custom Template Skin u Dynamic Generated Menu dari Database


Step – Step nya :
1. Download Superfish – jQuery menu plugin by Joel Birch di : http://users.tpg.com.au/j_birch/plug...fish/#download

2. Extract zip masukan ke dalam structure root folder project Solution :
[Share] Superfish Custom Template Skin u Dynamic Generated Menu dari Database

3. Tambahkan Refrence javascript lib, css, images :
[Share] Superfish Custom Template Skin u Dynamic Generated Menu dari Database

4. Initialise Superfish pada root awal menu , sesuaikan id nya ( dicontoh ini id nya : supefishtreemenu) :
[Share] Superfish Custom Template Skin u Dynamic Generated Menu dari Database

5. Customize Superfish Template (superfish.css) :
Ganti definisi background pada tiga css class (.sf-menu li , .sf-menu li li dan .sf-menu li li li) dengan image atau CSS3 gradient
[Share] Superfish Custom Template Skin u Dynamic Generated Menu dari Database


Untuk gradient generator bisa ke : [url]www.colorzilla.com/gradient-editor[/url]

pilih model yg disukai copy dan paste untuk menganti isi definisi dari ketiga css class diatas (.sf-menu li
, .sf-menu li li dan .sf-menu li li li )

Selanjutnya Untuk membuat menu model Navbar bisa dilihat di source code yg ane sertakan dibawah

Source Code : [URL="http://files.indo*web*ster...com/download/files/customsuperfish"]CustomSuperfish.rar[/URL]
DB SqlServer 2008 :
Mediafire [URL="http://www.media*fire..com/download.php?nekuykvdcekexcx"]SuperFishDB[/URL]
0
1.2K
0
GuestAvatar border
Komentar yang asik ya
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan