Meniu elegant fa pe fg

Salut,
Asi dori si eu un meniu ca pe forumgratuit, elegant si simplu ca acesta:



Dacă este posibil si cu icoanele la text. Mulțumesc mult!

versiune forum: punBB

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]

Eu cred că acest forum este punBB... nu?

În orce caz, din câte stiu, trebuie modificat si template.

Nu forumul e phpbb3 

Bună seara,
Panel - Afisare - Template-uri - General - Overall_header
Căutați următoarea linie

Cod:


<div id="pun-head">
          <div id="pun-navlinks">
            <ul class="clearfix">
              <li>{GENERATED_NAV_BAR}</li>
            </ul>
          </div>
        </div>


si inlocuiti cu urmatorul cod

Cod:


<div class="navbar">      
<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>


Panel - Afisare - Imagini si culori - Culori - Foaie de stil CSS

Cod:


/**** Meniu ****/
#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;
}
.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"
}


Mulțumesc @ionut

Cred că este o problema cu codurile, nu optin rezultatul. Ție îți merge?

Ti-am zis acest meniu este special " phpbb 3 "

El a cerut meniul nu font awesome

Upp

Schimba versiunea ta in phpbb3 ce este atat de greu?  si pune in CSS codul de la ionut sau de la mine (e modificat meniul)

Îmi pare rău pentru codurile eronate date de către mine am remediat problema și acum ar trebuii să funționeze urmați pașii de mai jos și veți obține rezultatul dorit. Petronel YT, acel cod merge pentru absolut toate versiunile de pe forumgratuit.

Pasul 1.
Panoul de Administrare - Afișare - Template-uri - General - Overall_header

Căuați linia

Cod:

<div id="pun-head">
    <div id="pun-navlinks">
        <ul class="clearfix">
            <li>{GENERATED_NAV_BAR}</li>
        </ul>
    </div>
</div>


Și înlocuiți cu următorul cod

Cod:

<div class="navbar">
    <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
        <li>{GENERATED_NAV_BAR}</li>
    </ul>
</div>


Și pentru funcționarea iconițelor din meniuri mai adăugați acest cod tot în overall_header de preferat la sfârșitul template-ului

Cod:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

Acum căutați codul următor

Cod:

<body>

și îl înlocuiți cu acest cod

Cod:

<body id="page-header">

De reținut - template-ul trebuie să fie default pentru funcționarea codului

Pasul 2.
Panoul de Administrare - Afisare - Imagini si Culori - Culori - Foaie de stil CSS

Adăugați următorul cod

Cod:

/**** Meniu ****/
 /*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 {
    content:"\f024"
}
#page-header .navbar li a[href="/"]:before {
    content:"\f015"
}
#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"
}
/*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:#34495e!important
}
#page-header .navbar {
    background:none
}
#page-header .navbar .linklist li {
    font-size:0
}
#page-header .navbar .linklist {
    background:#12394A;
    border:none;
    margin:-9px -10px 0
}
#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 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:#369FCF;
    min-height:200px;
    margin-top:-4px
}
.navbar a[href=^"/report"] {
    display: none;
}
#page-header .navbar .linklist li {
    font-size: 0;
    display: inline-block;
}


Pasul 3.
Panoul de Administrare - Module - HTML & JAVASCRIPT - Gestiunea codurilor JavaScript

Creați un nou cod javascript

Titlu * : fa_navactif
Amplasare : Toate Paginile
Cod JavaScript :

Cod:

/www.forumgratuit.ro/.test(location.host) && $(function() {
    var head = document.getElementById('page-header');
    if (head) {
        for (var cleanURI = window.location.href.replace(/\?.*|#.*/, ''), a = head.getElementsByTagName('A'), i = 0, j = a.length; i < j; i++) {
            if (/mainmenu/.test(a[i].className) && cleanURI == a[i].href.replace(/\?.*|#.*/, '')) {
                a[i].className += ' fa_navactif';
                break
            }
        }
    }
});

Atenție unde este www.forumgratuit.ro adăugați adresa site-ului dvs.

Sper că te-am ajutat