Navigare rapidă

Ultimele subiecte
» Prezentare Cristian
Scris de cristiankiss Mar 20 Iun - 8:12
» Prezentare Petronel YT
Scris de Cătălin. Vin 16 Iun - 1:45
» [punbb] eteral-game v2
Scris de Petronel™ Joi 8 Iun - 18:20
» Tema InvizionVirus
Scris de Petronel™ Joi 8 Iun - 18:19
» [punbb] xretrogradatii theme 2016
Scris de Petronel™ Joi 8 Iun - 18:17
Cuvinte-cheie

ultimele  html  animate  tema  banner  menu  Metin2  meniu  phpBB2  cautare  reclama  drop  Bara  chenar  Statistici  Mesaje  edit  avatar  profil  punbb  subiecte  navigare  radio  tutorial  legenda  subforumuri  

Tutorial-Menu Bar


Menu Bar
Salutare Vizitator , in acest tutorial am sa iti prezint meniul Menu Bar si am sa te imvat si cum sa il aplici pe forumul tau.

Demo: http://et-teste-edge.forumhit.ro/h1-menu-bar


Mod de instalare
1.CSS
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Cod:


body {
margin: 0;
padding: 0;
font-size: 10pt;}

#header {
padding: 20px;
background: #333;
border-bottom: 1px solid #fff;}

#header h1 {
padding: 0;
margin: 0;
color: #ccc;
font-family: Georgia, serif;
font-weight: normal;
font-size: 180%;}


#nav {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background-color: #ECECEC;
border-bottom: 1px solid #999;}


#nav li {
float: left;
margin: 0;
padding: 0;}


#nav a {
float: left;
display: block;
padding: 6px 30px 6px 5px;
text-decoration: none;
font-weight: bold;
font-size: 90%;
color: #666;
background-color: #ECECEC;}

#nav #nav-1 a {
padding-left: 20px;}


#nav a:hover {
color: #000;}
[/hide]


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

[hide]
Cod:

<div id="header">
 <h1>Titlu</h1>
</div>

<ul id="nav">
 <li id="nav-1"><a href="#">Link</a></li>
 <li id="nav-2"><a href="#">Link</a></li>
 <li id="nav-3"><a href="#">Link</a></li>
 <li id="nav-4"><a href="#">Link</a></li>
</ul>

 



Tutorial scris de Emanuel

Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Vizitator
avatar
la data de Sam 7 Apr - 11:23
Vizitator Vizitator
Conectat
bravo pentru munca depusa
Vizitator
avatar
la data de Sam 7 Apr - 11:36
Vizitato Vizitator
Conectat
Tutorial realizat de Emanuel
Eu doar l-am transferat.
Membru dedicat
avatar
la data de Sam 7 Apr - 11:59
mr.franta Membru dedicat
Conectat
felicitari la amandoi,credeam ca este ceva mai complicat cand am vazut previzualizarea care arata superb
se vede ca ati ajuns la un nivel inalt de coding
Membru dedicat
avatar
la data de Sam 28 Apr - 10:18
RazvaN Membru dedicat
Conectat
Bravo Edge.
Membru ET
avatar
la data de Vin 18 Mai - 21:48
Mos Craciun Membru ET
Conectat
Tutorial realizat de Emanuel

Sa fie sanatos!