Motanel Tutorials


 
AcasaAcasa  RegulamentRegulament  FAQFAQ  CautareCautare  MembriMembri  InregistrareInregistrare  ConectareConectare  

Menu Red


Navigare :: HTML (HyperText Markup Language)
AutorMesaj
 Vizitato
avatar
Rang: Vizitator


MesajSubiect: Menu Red Lun 17 Ian 2011 - 11:26
Descriere:
Un simplu meniu de navigare ce va permite sa navigati mai usor pe forumu/siteul/blogul dumneavoastra



Demonstratie:

Demonstratie aici



Instalare:

1. CSS
Adaugati codul urmator in CSS:


Cod:

/*---------------- Menu Red----------------*/
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(http://img814.imageshack.us/img814/7936/74533171.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(http://img814.imageshack.us/img814/7936/74533171.png) repeat-x top left;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}

/*---------------- Menu Red----------------*/


2.HTML
Adaugati codul urmator in in template-ul overall_header dupa codul

Cod:
   <!-- END hitskin_preview -->

Continutul codului.

   <!-- BEGIN switch_login_popup -->





Cum ajungem la template-uri ?

Panou de administrare > Afisare > Template-uri > General > overall_header.

Cod Meniu






Cod:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
<link rel='stylesheet' type='text/css' href='menu_style.css' />


</head>
<body>
<ul class="menu red">
   <li><a href="#" title="www.SiteulTau.Com">Link Nr1</a></li>
   <li class="current"><a href="www.SiteulTau.Com" title="">Link Nr2</a></li>
   <li><a href="#" title="www.SiteulTau.Com" >Link Nr3</a></li>
   <li><a href="#" title="www.SiteulTau.Com">Link Nr4</a></li>
   <li><a href="#" title="www.SiteulTau.Com">Link N5</a></li>
</ul>

</body>
</html>




Tutorial realizat deWwW.MotanelTutorials.com" target="_blank"> Dark

Pentru forumul WwW.MotanelTutorials.Com
Toate drepturile rezevate!

 Justin
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: Menu Red Sam 22 Ian 2011 - 3:29
Dark a scris:
Tutorial realizat de Dark
Pentru forumul WwW.MotanelTutorials.Com
Serios? Ai postat codul pe 20 de forumuri...
 ElyoS
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Menu Red Sam 22 Ian 2011 - 4:14
Nu e prea stralucita ideea, meniul se afla in interiorul headerului deci nu poate fi marit ( in lungime ), culoarea este buna doar pentru o tema neagra.. mai bine incercai ceva drop down.

P.s.: Se scrie link, nu linck.
 DeathGFX
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: Menu Red Sam 22 Ian 2011 - 4:23
Dragut Acel meniu bravo mie unu imi place dar nu merge la toate themele si pacat ca nu se poate lungi.
 BaCk
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Menu Red Sam 22 Ian 2011 - 9:54
DeathGFX, am un mesaj să-ți transmit, sper să nu se mai ia 2peist de mine că folosesc ironii:

1.Există limba română, vrei s-o vorbim calumea?
2.Revenind la punctul 1, s-a inventat virgula(,).
3.S-a inventat și punctul(.).Ar fi bine să-l folosești ca să se priceapă cât de cât mesajul tău, acest caz este unul extrem în caz că n-ai nici două clase în cadrul unui sistem educațional și este greu să folosești virgula ca să faci înțeles mesajul.
4.Să știi că literă mare se pune doar la primul cuvânt dintr-o propoziție, nu la primele două.
5.Mie unu se scrie defapt mie unu', apropo, când zici „mie” se înțelege că e vorba doar de tine, nu mai are rost să pui acel unu'.
6.Themele, *huh*?De când se scrie „Temele” cu „h”?

Te-aș ruga să eviți să mai vorbești așa, este deranjant.
 ElyoS
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Menu Red Sam 22 Ian 2011 - 10:56
DeathGFX a scris:
Dragut Acel meniu bravo mie unu imi place dar nu merge la toate themele si pacat ca nu se poate lungi.
In caz ca il pui inainte de template sau il scoti din
Cod:
<head>
cred ca se poate lungi.



P.s.: Foarte amuzant ma nenea BaCk zambet bravo
 Continut sponsorizat
Rang:


MesajSubiect: Re: Menu Red



Copyright © 2013 - Toate drepturile rezervate
Design creat si codat de Alexandru Miron si Stefan Patrascu