AcasaAcasa  CalendarCalendar  FAQFAQ  CautareCautare  MembriMembri  GrupuriGrupuri  InregistrareInregistrare  ConectareConectare  

Distribuiţi | 
 

 [HTML] Vimeo Menu

Vezi subiectul anterior Vezi subiectul urmator In jos 
AutorMesaj
Admin
Administrator
Administrator
avatar

Mesaje : 194

Credite : 582

Reputatie : 0

Data de inscriere : 15/08/2011

Varsta : 21

Localizare : Navodari

Hobby : CS, Afara.. Fete..

Arma Preferata : Ak-47


MesajSubiect: [HTML] Vimeo Menu   Joi Aug 18, 2011 5:37 am

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
Sus In jos
Vezi profilul utilizatorului http://cstrike-zone.wikiforum.ro
 

[HTML] Vimeo Menu

Vezi subiectul anterior Vezi subiectul urmator Sus 

 Subiecte similare

-
» Cod HTML pentru Flashscore
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: Tutoriale :: Tutoriale ForumGratuit-
creează un forum | Jocuri video | FPS - First Person Shooter | ©phpBB | Forum gratuit de suport | Semnaleaza un abuz | Creeaza-ti propriul blog
@ Parteneri