(phpBB3) Meniu simplu

Nume tutorial: Meniu simplu [pHpBB3]
Creator: InFeRn0
Conţinut(intre tag-ul code): JS

Cod:


/*
* Copyright (c) 2012. Extream-Suport.tk. All right reserved.
* Code created by InFeRn0.
*/
$(function() {
$('.linklist.navlinks').removeClass('linklist navlinks').attr('class','menu');
$('#page-header .navbar .inner .corners-top, #page-header .navbar .inner .corners-bottom').remove();
$("#search-box").remove();
$('.menu').append('<ul class="right" style="float: right;"></ul>');
$('.menu li:eq(6), .menu li:eq(7), .menu li:eq(8)').appendTo('ul.right');
});

CSS

Cod:

ul.menu li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: inline;
}

.menu {
background: whiteSmoke;
border: 1px solid #D13E3E;
padding: 1px 10px;
border-radius: 5px;
}

.mainmenu:first-child {
border-left: 1px solid #CCC;
padding-left: 5px;
}

a[href="/"].mainmenu {
border-left: 0px solid #CCC!important;
padding-left: 5px;
}

#page-header .navbar {
background: transparent;
}

Descriere: Un mic cod JavaScript + CSS pentru un aspect mai frumos !
Pentru a adauga o class puteti folosi functia ".addClass()"
Demo: