Script un al 2 lea meniu in header.

Salut cum as putea sa fac si eu un asemenea "meniu" in header?

cand dau click pe "Regulament" are efect hover.

Salut
Intra in overal_header si inainte de acest tag

Cod:

 <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

Adauga acest cod

Cod:

<table class="position" align="right">
 <div id="meniu_header">
  <ul class="ipsList_inline" id="community_app_menu">
 <li id="nav_app_forums" class="left active"><a href="http://frannnta-design.online-talk.net/t2464-reclame-servere-de-counter-strike" title="Adauga un server">Servere CS</a></li>
<li id="nav_app_members" class="left "><a href="http://frannnta-design.online-talk.net/t2485-propuneri-noi#10708" title="Tutoriale coding fg ">Propunere</a></li>
 <li id="nav_app_calendar" class="left "><a href="http://frannnta-design.online-talk.net/f1-prezentati-va" title="Sa ne cunoastem">Prezentare</a></li>
  </ul></div></table>

Iar in css pe acesta

Cod:

#meniu_header{
 position: absolute;

top: 150px;
 right: 50px;
font-size: 12.6px;
font-weight: bold;
font-family: "Lucida Grande",Tahoma;
}



#community_app_menu>li{
 list-style: none!important;
 margin:0px 3px 0 0;
 position:relative;
bottom: 75px;}

#community_app_menu>li>a{
  list-style: none!important;
 color: white!important;;
  text-shadow: 0px 0px 5px black;
 color:rgba(255,255,255,0.4);
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
 display:block;
 outline:none;
 text-decoration:none!important;
 padding:0px 12px;
 line-height:32px;
 height:32px}


#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active{
  list-style: none!important;
 color: white!important;;
  text-shadow: 0px 0px 5px black;
 background:url("http://www.romaniaforum.ro/public/style_images/velvet334images/trans20.png") repeat;
 background:rgba(0,0,0,0.2);
 box-shadow:0 1px 0 rgba(255,255,255,0.13), 0px 0px 0px 1px rgba(255,255,255,0.03), inset 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.13), 0px 0px 0px 1px rgba(255,255,255,0.03), inset 0 1px 3px rgba(0,0,0,0.5);
 -moz-box-shadow:0 1px 0 rgba(255,255,255,0.13), 0px 0px 0px 1px rgba(255,255,255,0.03), inset 0 1px 3px rgba(0,0,0,0.5)
 text-decoration:none!important;}

#community_app_menu>li.active>a{
  text-decoration:none!important;
 color: white!important;;
  text-shadow: 0px 0px 5px black;
 background:url("http://www.romaniaforum.ro/public/style_images/velvet334images/trans40.png") repeat;
 background:rgba(0,0,0,0.4);box-shadow:0 1px 0 rgba(255,255,255,0.2), 0px 0px 0px 1px rgba(255,255,255,0.05), inset 0 1px 3px rgba(0,0,0,0.7);
 -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2), 0px 0px 0px 1px rgba(255,255,255,0.05), inset 0 1px 3px rgba(0,0,0,0.7);
 -moz-box-shadow:0 1px 0 rgba(255,255,255,0.2), 0px 0px 0px 1px rgba(255,255,255,0.05), inset 0 1px 3px rgba(0,0,0,0.7)}

numai "Regulament" are hover vreau si la celelalte 2

Buna ziua,  
Vizitati: Panoul de administrare => Afisare => Culori => Foaia de stil CSS si adaugati:

Cod:

#community_app_menu>li>a {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.05), inset 0 1px 3px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.05), inset 0 1px 3px rgba(0,0,0,0.7);
background: rgba(0,0,0,0.4);
box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.05), inset 0 1px 3px rgba(0,0,0,0.7);
color: #fff!important;
text-decoration: none!important;
text-shadow: 0 0 5px #000;
}

Acum cand pun mouse-ul pe "Regulament" nu mai are hover. )

Buna ziua,

Incercati sa adaugati codul postat de Kenan inaintea codului postat de Anonimul..

Tot nu apare si la "regulament"

Stergeti din codul pe care l-ati postat in overall_header , cuvantul active :
<li id="nav_app_forums" class="left active">

Deh a scris:Stergeti din codul pe care l-ati postat in overall_header , cuvantul active :
<li id="nav_app_forums" class="left active">

Mulţumesc. REzolvat:shock: