Tutorial - Elegant DesignART Widget Menu

Scris de **Zeus** Vin Mai 27, 2011 9:52 pm

Tutorial - Elegant DesignART Widget Menu

Salutare membri DesignART ! Am hotarat ca daca tot am postat in ultimul meu tutorial acele tabele pentru diferite mesaje pe pagina de start, sa ramanem in aceeasi tema de design si sa creez cateva tipuri de meniuri verticale pentru widget-urile forumurilor.
Uitati cam ce a iesit:

Previzualizare Live:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

1.Instalare:
Deoarece acest meniu a fost creat pentru widgrt-uri am sa va arat cum sa il introduceti acolo:

-Intrati in
PA => Module => Portal & Widget-uri => Gestionarea widget-urilor forumului =>[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] => Sursa Widget

Aici introduceti urmatoarele coduri:
-Codul CSS comprimat,pentru toate meniurile.
Cod:
<link href="http://designart-public.bravehost.com/Elegant_DesignART_Widget_Menu.css" rel="stylesheet" type="text/css" />

-Codul Html.
Cod:
<ul class="designART-GrayRight-menu"> <li class="title">GrayRight - Menu</li> <li><a href="#">Menu by DesignART</a></li> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> <li class="last"><a href="#">Ultimul Link</a></li> </ul>

2.Alegere tip de meniu:
Pentru a folosi ce meniu doriti din cele 6 disponibile,trebuie sa inlocuiti prima linie din codul Html de mai sus
Cod:
<ul class="designART-GrayRight-menu">
cu:

GrayLeft-Menu
Cod:
<ul class="designART-GrayLeft-menu">
BlueRight-Menu
Cod:
<ul class="designART-BlueRight-menu">
BlueLeft-Menu
Cod:
<ul class="designART-BlueLeft-menu">
GreenRight-Menu
Cod:
<ul class="designART-GreenRight-menu">
GreenLeft-Menu
Cod:
<ul class="designART-GreenLeft-menu">

Sper ca v-a placut acest tutorial ! Numai bine !

- Pentru orice nelamurire legata de acest tutorial va rugam sa postati
in sectiunea [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Tutorial realizat de BODO | DesignART

***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !