PDA

Zobacz pełną wersję : Tabs



wisnia80
08-03-2009, 18:35
Witam,,
Próbuje zrobić zakładki jak w tutorialu ze strony http://www.compassdesigns.net/tutorials/208-joomla-15-template-tutorial.html?start=4
- dla wyjasnienia zdjęcie w załączniku, w top menu zmieniłem moduletable suffix na nav

Niestety nic mi nie wychodzi :mad:od dłuższego czasu i sie poddałem. Czy mógł by mi ktoś pomóc?


.moduletablenav {
font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-bottom: 0;
padding-top:0;
border-bottom: none;
text-align:right;
height:20px;
}

.moduletablenav ul {
list-style:none;
float:right;
background:#ffffff;
width:100%;
margin:0;
padding:0;
}

.moduletablenav li {
float:right;
margin:0;
padding: 4px 4px 2px 4px;
background-image:url(../images/tab_inactive.png) repeat-x;
/*background:url('/../images/tabs.png') no-repeat 0 -4px;*/
}

.moduletablenav li a {
float:right;
margin:0;
padding: 4px 4px 2px 4px;
background-image:url(../images/tab_inactive.png) repeat-x; /* no-repeat 0 -4px;*/
}

.moduletablenav li a:hover {
/*background:url('/../images/tabs.png') no-repeat 0 -4px;*/
}
.moduletablenav a:link,.moduletablenav a:visited {
display:inline;
color:#ffffff;
text-decoration:none;
margin:10px;
padding: 10px 4px 2px 4px;
background-image:url(../images/tab_inactive.png) repeat-x;


}

tab_inactive.png - to poprosty png o 1px szerokości i 20 długości w kolorze pistacjowym