Aspectul Meniului [Vertical] - Pagina 4 - Scripturi și teme pentru ucoz
Ultimile postări Culorile HTML Căutare Fotoșop Membrii forumului
Pagina 4 din 4«1234
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Aspectul Meniului [Vertical]
Aspectul Meniului [Vertical]
AdminData: Miercuri, 2012-11-14, 2:42 PM | Mesaj # 16
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [În primul, sau Al doilea recipient] - într-o căsuță băgați codul:

Code
<a class="menu_one" href="javascript://" rel="nofollow" onclick="$('#menu_1').slideToggle('slow');">Categoriile șabloanelor gratis<img alt="" src="http://fierbinte.ucoz.ro/Forum/Aspect/Meniu/Plus.png" align="absMiddle"></a>  
<div id="menu_1" style="display: none;" align="left">  
<a class="menu_two" href="">Abstracte</a>  
<a class="menu_two" href="/">Animale</a>  
<a class="menu_two" href="/">Artă și Natură</a>  
<a class="menu_two" href="/">Comunicații</a>
<a class="menu_two" href="/">Jocuri</a>
<a class="menu_two" href="/">Muzică</a>
<a class="menu_two" href="/">Filme</a>
<a class="menu_two" href="/">Sport</a>
<a class="menu_two" href="/">Pentru Forum</a>
<a class="menu_two" href="/">Diverse</a>
</div>  

<a class="menu_one" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');">Lista șabloanelor cu plată<img alt="" src="http://fierbinte.ucoz.ro/Forum/Aspect/Meniu/Plus.png" align="absMiddle"></a>  
<div id="menu_2" style="display: none;" align="left">  
<a class="menu_two" href="">Abstracte</a>  
<a class="menu_two" href="/">Animale</a>  
<a class="menu_two" href="/">Artă și Natură</a>  
<a class="menu_two" href="/">Comunicații</a>
<a class="menu_two" href="/">Jocuri</a>
<a class="menu_two" href="/">Muzică</a>
<a class="menu_two" href="/">Filme</a>
<a class="menu_two" href="/">Sport</a>
<a class="menu_two" href="/">Pentru Forum</a>
<a class="menu_two" href="/">Diverse</a>
</div>  
   
<a class="menu_one" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');">Tot ce vrei pentru Fotoșop<img alt="" src="http://fierbinte.ucoz.ro/Forum/Aspect/Meniu/Plus.png" align="absMiddle"></a>  
<div id="menu_3" style="display: none;" align="left">  
<a class="menu_two" href="/">TITLUL ADRESEI</a>  
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
</div>  
   
<a class="menu_one" href="javascript://" rel="nofollow" onclick="$('#menu_4').slideToggle('slow');">Listă de șabloane netraduse<img alt="" src="http://fierbinte.ucoz.ro/Forum/Aspect/Meniu/Plus.png" align="absMiddle"></a>  
<div id="menu_4" style="display: none;" align="left">  
<a class="menu_two" href="/">TITLUL ADRESEI</a>  
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
</div>  
   
<a class="menu_one" href="javascript://" rel="nofollow" onclick="$('#menu_5').slideToggle('slow');">Scripturi traduse în Română<img alt="" src="http://fierbinte.ucoz.ro/Forum/Aspect/Meniu/Plus.png" align="absMiddle"></a>  
<div id="menu_5" style="display: none;" align="left">  
<a class="menu_two" href="/">TITLUL ADRESEI</a>  
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
<a class="menu_two" href="/">TITLUL ADRESEI</a>
</div>

<style>/* Meniul sait-ului */
a.menu_one {background:#efefef;border:1px solid #ccc;border-radius:6px;font-size:12px;padding:10px 10px 10px 18px;margin:10px 0;color:#303030;font-weight:700;display:block;}  
a.menu_one img {float:right;}  
a.menu_one:hover {color:#ff9d00;}
a.menu_two {border-bottom:1px solid #c3c3c3;font-size:11px;padding:10px 15px;margin:0 15px;display:block;}  
/* ------ */</style>


Rezultatul:


În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.
 
AdminData: Joi, 2012-11-15, 2:59 PM | Mesaj # 17
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [În primul, sau Al doilea recipient] - într-o căsuță adăugați codurile:

Code
<div class="lofmenu_jshopping">
<ul class="lofmenu">

<li class="lofitem1">
  <a href="/" ><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Casa_50x50.png" alt="" width="20px" height="20px"/>
  <span> Pagina principală</span></a></li>
  <li class="lofitem1">
  <a href="/" ><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Pagini_40x40.png" alt="" width="20px" height="20px"/>
  <span> Cele mai bune știri</span></a></li>
  <li class="lofitem1">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Ochelari_64x64.png" alt="" width="20px" height="20px"/>
  <span> Filme online subtitrate</span></a></li>
  <li class="lofitem1">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Microsoft_32x32.gif" alt="" width="20px" height="20px"/>
  <span> Programe pentru calculator</span></a></li>

  <li class="lofitem1">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Claxon_32x32.png" alt="" width="20px" height="20px"/>
  <span> Descarcă muzică gratis</span></a></li>
   
  <li class="lofitem1">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Ro_te_iubesc_25x25.png" alt="" width="20px" height="20px"/>
  <span> Muzică Românească</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem2 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/R.M_te_iubesc_40x40.png" alt="" width="20px" height="20px"/>
  <span>Din Republica Moldova</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span> Anatol Dumitraş</span></a></li>
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span> Igor Cuciuc</span></a></li>
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span> Eugen Doga</span></a></li>
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span> Alexandru Lozanciuc</span></a></li>
  </ul>
  </li>

  <li class="lofitem2 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Bifa_32x32.png" alt="" width="20px" height="20px"/>
  <span>Din regiunea Moldovei</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Cristian Simionica</span></a></li>
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Ionuț Felecanu</span></a></li>
  </ul>
  </li>

<li class="lofitem2 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Bifa_32x32.png" alt="" width="20px" height="20px"/>
  <span>Din toată România</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem3 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png"alt="" width="20px" height="20px">  
  <span>Paula Seling</span></a></li>
  <li class="lofitem3 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png"alt="" width="20px" height="20px">  
  <span>Ștefan Bănică Jr.</span></a></li>
  <li class="lofitem3 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png"alt="" width="20px" height="20px">  
  <span>Gheorghe Dinică</span></a></li>
  </ul>
  </li>
  </ul>
</li>

  <li class="lofitem1">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Pensula_albastra_64x64.png" alt="" width="20px" height="20px"/>
  <span>Pensule pentru Fotoșop</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem2 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Pensula_verde_64x64.png" alt="" width="20px" height="20px"/>
  <span>Titlul tău 1</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Titlul tău</span></a></li>
  </ul>
  </li>

<li class="lofitem2 loffirst">
  <a href=""><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Pensula_galbena_64x64.png" alt="" alt="" width="20px" height="20px"/>
  <span>Titlul tău 2</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Titlul tău</span></a></li>
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Titlul tău</span></a></li>
  </ul>
  </li>

  <li class="lofitem2 loffirst">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Pensula_rosie_64x64.png" alt="" alt="" width="20px" height="20px"/>
  <span>Titlul tău 3</span><i></i></a>
  <ul style="visibility: hidden">
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Titlul tău</span></a></li>
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Titlul tău</span></a></li>
  <li class="lofitem3">
  <a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Directia_32x32.png" alt="" width="20px" height="20px">  
  <span>Titlul tău</span></a></li>
  </ul>
  </li>
  </ul>
</li>

<li class="lofitem1">
<a href="/" ><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/1/Dosare_32x32.png" alt="" width="20px" height="20px"/>
<span>Scripturi și șabloane traduse</span></a></li>

</ul></div>
   
<style>
.lofmenu_jshopping{width:100%}
.lofmenu_jshopping ul.lofmenu{margin:0;padding:0; position:relative;list-style-type:none;z-index:999}
.lofmenu_jshopping ul.lofmenu li{width:100%;display:block;margin:0;padding:0;position:relative;/*position:relative;z-index:10;*/}  
.lofmenu_jshopping .lofmenu .lofitem1,.lofmenu_jshopping .lofmenu .lofitem2{}  
.lofmenu_jshopping .lofmenu a{display:block;color:#666;position:relative;padding:6px 0;text-decoration:none;border-bottom:1px dotted #ccc;-webkit-transition:background-color color .3s ease-out;-moz-transition:background-color .3s ease-out,color .3s ease-out;-o-transition:background-color .5s ease-out; transition:background-color .5s ease-out}
.lofmenu_jshopping .lofmenu .lofactive>a{background-color:#eee;color:#222}
.lofmenu_jshopping .lofmenu .ice-current>a{background-color:#eee;color:#222}  
.lofmenu_jshopping .lofmenu>.ice-current>a:before{content:"";background:url("http://fierbinte.ucoz.ro/design_pbf/Forum/pasare.png") no-repeat center right;position:absolute;height:20px;width:14px;right:-24px}  
.lofmenu_jshopping .lofmenu .lofitem1 img{margin:0 9px 0 5px;float:left}
.lofmenu_jshopping .lofmenu .lofitem1 a span.counter{color:#999;padding-left:3px}
.lofmenu_jshopping .lofmenu .lofitem1 a i{background:url("http://fierbinte.ucoz.ro/design_pbf/Forum/pasare.png") no-repeat top;display:block;height:14px;position:absolute;right:5px;top:12px;width:14px}
.lofmenu_jshopping .lofmenu .lofactive>a i{background-position:bottom}
.lofmenu_jshopping .lofmenu .lofitem1 ul{width:100%;position:absolute;top:-1px;left:99.9%;border:1px solid #ccc;box-shadow:0 0 10px #999;padding:0;margin:0;background:#fff;z-index:100}
</style>


Rezultatul:


În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.
 
AdminData: Joi, 2012-11-15, 7:32 PM | Mesaj # 18
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [În primul, sau Al doilea recipient] - în căsuța în care va apărea meniul, adăugați codurile:

Code
<div id="meniu_stanga">
  <ul>
  <li><a href="/" class="current">Pagina principală</a></li>
  <li><a href="/">Despre noi</a></li>
  <li><a href="/">Cursuri</a></li>
  <li><a href="/">Autorizații</a></li>
  <li><a href="/">Proiecte</a></li>
  <li><a href="/">Revista</a></li>
  <li><a href="/">Absolvire</a></li>
  <li><a href="/">Contact</a></li>
  <li><a href="/">Harta sait</a></li>
  </ul>
  </div>

<style>
#meniu_stanga {  
margin-bottom : 20px;  
}  

#meniu_stanga ul {  
margin : 0;  
padding : 0;  
list-style : none;  
}  

#meniu_stanga ul li {  
padding : 0;  
margin : 0 0 5px 0;  
}  

#meniu_stanga ul li a {  
display : block;  
height : 25px;  
padding : 11px 0 0 30px;  
font-size : 14px;  
text-decoration : none;  
color : #ccc;  
font-weight : bold;  
outline : none;  
background : url(http://fierbinte.ucoz.ro/Forum/Aspect/Meniu/Vertical/Verde-Albastru_1.png) no-repeat left bottom;  
}  

#meniu_stanga li a:hover, #meniu_stanga li .current {  
color : #fff;  
background : url(http://fierbinte.ucoz.ro/Forum/Aspect/Meniu/Vertical/Verde-Albastru_2.png) no-repeat left bottom;  
}  
</style>


Rezultatul:


În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Aspectul Meniului [Vertical]
Pagina 4 din 4«1234
Căutare: