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: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
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 [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.
VizitatorSam 7 Apr - 11:23