Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !

Tutorial-Vimeo Menu

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial-Vimeo Menu

Mesaj Scris de Edge la data de Sam Sept 17, 2011 7:53 am

Tutorial - Vimeo Menu

1. Adaugati codul CSS de mai jos in Foaia de stil CSS a forumului dumneavoastra.

Cod:

/* Vimeo Menu */
#menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block;
float:left; z-index: 999; }
#menu a { color:#fff; text-decoration:none; }
#menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;
padding:0px 10px;}
#menu > li a:hover {color:#B0D730;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px;
background-color:Transparent;}
/* Sub-Menus Vimeo*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:15px;
background-color:#172322; color:#0395CC; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060;
list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#0395CC; }
#menu li ul li a:hover { color:#7FCDFE; }
/* Main Submenu Vimeo */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff;
z-index: 999;}
/* delete ce nu trebuie */
#i_icon_mini_index, #i_icon_mini_portal, #i_icon_mini_faq, #i_icon_mini_members, #i_icon_mini_groups, #i_icon_mini_profile, #i_icon_mini_gallery, #i_icon_mini_calendar {display: none !important;}

2. Copiati codul meniului de mai jos:
Cod:
<td valign="above" width="10%" align="right" height="10"><ul id="menu"> <li class="logo"> <img style="float: left;" alt="" src="http://i37.servimg.com/u/f37/15/27/05/12/menu_l11.png">

<ul id="main"><li>Bun venit pe  <b>Vimeo Menu! Best view with Mozilla Firefox</b></li></ul> </li>
<li><a href="/forum.htm">Forum</a></li>
<li><a href="/portal.htm">Portal</a></li>
<li><a href="/profile.forum?mode=editprofile">Profil</a></li>
<li><a href="/gallery/index.htm">Galerie</a></li>
<li><a href="/calendar.forum">Calendar</a></li>
<li><a href="/faq.htm">Faq</a></li>
<li><a href="/memberlist.forum">Membri</a></li>
<li><a href="/groupcp.forum">Grupuri</a></li>
<li><a href="/contact.forum">Contact</a></li></ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>

  <img style="float: left;" alt="Bun venit" src="http://i37.servimg.com/u/f37/15/27/05/12/menu_r11.png"><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>

Puneti-l in template-ul overall_header ( Intrati in Panou de administrare > Afisare > Template-uri > General > overall_header_new ) dupa codul
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

***Inlocuiti Link 1..3 cu titlul dorit !
***Inlocuiti # cu Link-ul de redirectionare dupa ce dati click pe Link 1...3


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

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


Tutorial realizat de ------ | DesignART

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



Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Resita

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de eric23081999 la data de Dum Sept 18, 2011 9:08 am

Poti te rog sa imi spui ce face? nu o fac din rautate , dar ma intereseaza .
avatar
eric23081999
Membru DesignART
Membru DesignART

Mesaje Mesaje : 54
Credite Credite : 72
Reputatie : 0
Varsta Varsta : 57
Localizare Localizare : da

http://graphicart.forumz.ro

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Edge la data de Dum Sept 18, 2011 10:16 am

No Este un meniu....

Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Resita

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Romeo la data de Lun Sept 19, 2011 12:46 am

Pune o previzualizare,ca sa stim cum arata...
avatar
Romeo
Gold Member
Gold Member

Mesaje Mesaje : 172
Credite Credite : 96
Reputatie : 0
Varsta Varsta : 21
Localizare Localizare : Sibiu

http://farmeramafanclub.forumer.ro

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Edge la data de Lun Sept 19, 2011 3:23 am

Poate voi pune,cand voi avea timp.

Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Resita

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de [x]sTyL[e] la data de Lun Sept 19, 2011 5:43 am

Am adaugat eu previzualizare.

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


[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
avatar
[x]sTyL[e]
Administrator
Administrator

Mesaje Mesaje : 504
Credite Credite : 560
Reputatie : 0
Localizare Localizare : Suceava

http://www.epicart.forumhit.ro

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Romeo la data de Lun Sept 19, 2011 7:57 am

Thanks,multumesc,foarte frumos meniul!
avatar
Romeo
Gold Member
Gold Member

Mesaje Mesaje : 172
Credite Credite : 96
Reputatie : 0
Varsta Varsta : 21
Localizare Localizare : Sibiu

http://farmeramafanclub.forumer.ro

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Kocos la data de Lun Sept 19, 2011 8:31 am

Arata bine , pacat ca folosesc phbb3:(
avatar
Kocos
Gold Member
Gold Member

Mesaje Mesaje : 354
Credite Credite : 166
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Arad

http://proaim.wow3.info

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Heas la data de Vin Sept 30, 2011 3:35 am

Foarte frumos meniul.Bravo edge.Bine ca la-i postat
avatar
Heas
Gold Member
Gold Member

Mesaje Mesaje : 167
Credite Credite : 263
Reputatie : 0
Varsta Varsta : 20
Localizare Localizare : Pe eci colo

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Ken la data de Sam Oct 01, 2011 3:22 am

De cand sunt eu: ---- ? ? Pot sa stiu?
avatar
Ken
Membru Nou
Membru Nou

Mesaje Mesaje : 2
Credite Credite : 3
Reputatie : 0

http://softdesign.wikiforum.ro/

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Edge la data de Sam Oct 01, 2011 3:42 am

Tutorialul a fost transefart de pe ET!Deoarece contul dvs nu mai exista acolo,tutorialul figureaza cu autor NECUNOSCUT!

Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Resita

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Gabryel la data de Mier Oct 19, 2011 2:01 pm

foarte bun tutorialul, bravo pentru munca depusa
avatar
Gabryel
Gold Member
Gold Member

Mesaje Mesaje : 101
Credite Credite : 106
Reputatie : 0
Localizare Localizare : MUIE DESIGNART!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

http://MUIEDESIGNRT.FORUMHIT.RO

Sus In jos

Re: Tutorial-Vimeo Menu

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum