2 rezultate gasite pentru page-header

Meniu elegant fa pe fg

Doar pe phpbb3 se poate ... Dar oricum poftim codul :

[size=33]/*Header*/
#page-header .navbar li a:before {
padding-right:5px;
display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
#page-header a.mainmenu:hover, #page-header a.mainmenu.fa_navactif {
background: rgba(21, 13, 13, 0.22)!important;
}
#page-header .navbar {
background:none
}
#page-header .navbar .linklist li {
font-size:0
}
#page-header .navbar .linklist {
background:#1064ce;
border:none;
margin:-9px -10px 0
}
#page-header a.mainmenu {
color:#1064ce;
font-weight:700;
font-family:'Montserrat', sans-serif!important;
font-size:12px!important;
text-transform:uppercase;
background-position:0 45px;
display:inline-block;
height:45px;
line-height:45px;
padding:0 12px;
transition:250ms
}
#page-header a.mainmenu[href="/register"] {
color:#8C5
}
.newpm {
background: #e6553d;
}
/*Mesaj privat nou*/
#site-title, #logo-desc p, .headerbar .corners-top, .headerbar .corners-bottom {
display:none
}
#logo {
padding:0
}
.headerbar {
background:#1064ce;
min-height:200px;
margin-top:-4px
}
.navbar a[href=^"/report"] {
display: none;
}
#page-header a.mainmenu {
color: #FFF;
font-weight: 700;
font-family:'Montserrat', sans-serif!important;
font-size: 12px!important;
text-transform: uppercase;
background-position: 0 45px;
display: inline-block;
height: 45px;
line-height: 45px;
padding: 0 12px;
transition: 250ms;
}
#page-header .navbar li a:before {
padding-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*Font awesome*/
#page-header .navbar li a[href^="/forum"]:before {
content:"\f015"
}
#page-header .navbar li a[href^="/portal"]:before, #page-header .navbar li a[href="/?tt=1"]:before, #page-header .navbar li a[href="/"]:before {
content:"\f024"
}
#page-header .navbar li a[href^="/calendar"]:before {
content:"\f073"
}
#page-header .navbar li a[href^="/faq"]:before {
content:"\f129"
}
#page-header .navbar li a[href^="/search"]:before {
content:"\f002"
}
#page-header .navbar li a[href^="/memberlist"]:before {
content:"\f007"
}
#page-header .navbar li a[href^="/groups"]:before {
content:"\f0c0"
}
#page-header .navbar li a[href^="/report"]:before {
content:"\f071"
}
#page-header .navbar li a[href^="/profile"]:before {
content:"\f013"
}
#page-header .navbar li a[href^="/privmsg"]:before {
content:"\f003"
}
#page-header .navbar li a[href^="/login?logout"]:before {
content:"\f08b"
}
.mes-txt {
display: none;
}
.fara-membri .tabel-staff-nou td {
display:none
}
.fara-membri .tabel-staff-nou:before {
content:"Nu exista membri";
float:left;
padding:5px
}
.rang-asistent a:first-child {
color:#D99836;
font-weight:700;
font-size:12px;
padding:5px
}
.rang-admin a:first-child {
color:#EF3333;
font-weight:700;
font-size:12px;
padding:5px
}
.rang-moderator a:first-child {
color:#68b800;[/size]

Meniu personalizat!

Adaugati acest cod:

Cod:: #page-header .navbar ul.linklist { padding: 10px 0px !important; } #page-header .navbar li a { padding: 18px 15px 18px 15px !important; } #search-box { top: -22px !important; }

Explicarea selectorului #page-header .navbar ul.linklist:
padding: 10px 0px !important; - valoarea 10px mareste latimea meniului.

Explicarea selectorului #page-header .navbar li a:
padding: 18px 15px 18px 15px; - valoarea 18px mareste inatimea, iar valoarea 15px latimea efectului hover din meniu.

Am accesat forumul dumneavoastra si am constatat ca nu ati adaugat codul JavaScript. Trebuie si adaugat si el pentru ca meniul sa arate mai bine.