Buna ziua dragi prieteni,in tutorialul de astazi va arat cum puteti muta meniul actual pe partea stanga si sa pluteasca fara a fi nevoiti sa derulati pagina in sus.
Meniul fiind tot timpul la indemana va scurteaza un timp mare si in acelasi timp este foarte elegant.
 Demonstratie Meniu


Meniul in partea stanga plutitor Normal10

Meniul in partea stanga plutitor Hover10

Panou de administrare -> Afisare -> Template-uri -> General => overal_header


Si cautati acest cod


Cod:


<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">  <tr>  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>  </tr>  </table>





Dupa ce l-ati identificat il inlocuiti cu acesta:


Cod:


<div class="meniu_stanga">{GENERATED_NAV_BAR}</div>





Salvati su publicati template-ul apasand iconita + 

Panou de administrare/Afisare/Culori/CSS si adaugati aceste coduri



Cod:

div.meniu_stanga {
    position:fixed;
    top:150px;
    left:0px;
}

div.meniu_stanga a.mainmenu {
    display:block;
}
div.meniu_stanga {
    background:#ddd;
    border: 1px solid #fff;
  box-shadow: 0px 0px 5px #222;



margin-right: 20px;

  left: -100px;
  opacity: 0.5;
  transition: 0.5s;
}


div.meniu_stanga:hover{
  position: fixed;
  left: -50px;
  opacity: 1;
 
}

a.mainmenu{
    background: url(http://i39.servimg.com/u/f39/14/12/03/12/hover_10.png);

  position: relative;
  top: 8px;
border: 1px solid #bbb;
  border-top: 1px solid #eee;
  box-shadow: 0px 0px 1px white inset;
padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 5px;
  margin-bottom: -10px;
    margin-top: -8px;
  text-align: right;
  border-right: 3px solid #00569C;
  color: #333;
  font-size: 12px;
  text-decoration: none!important;
font-family: tahoma;
  font-weight: 700!important;
}

a.mainmenu:hover{
  color: darkred;
  padding-right: 5px;
border-right: 3px solid #6E942D!important;
  background: url(http://i39.servimg.com/u/f39/14/12/03/12/hover_10.png);
    background: url(http://i39.servimg.com/u/f39/14/12/03/12/crumbs12.png);
 }