Meniu elegant fa pe fg

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Meniu elegant fa pe fg

Mesaj Scris de Emma90 la data de Joi 4 Mai - 18:21

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! Nesigur

versiune forum: punBB
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 69
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0
Niciun avertisment

http://Ermelmeta.forumgratuit.ro

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Lucifer la data de Joi 4 Mai - 19:41

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]
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 659
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 77
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Emma90 la data de Joi 4 Mai - 20:12

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

În orce caz, din câte stiu, trebuie modificat si template. Sărut
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 69
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0
Niciun avertisment

http://Ermelmeta.forumgratuit.ro

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Lucifer la data de Joi 4 Mai - 20:43

Nu forumul e phpbb3  A face cu ochiul
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 659
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 77
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Ionut la data de Joi 4 Mai - 21:26

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"
}
avatar
Ionut
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 771
Varsta : 19
Data înscrierii : 01/11/2015
Multumiri : 123
Niciun avertisment

http://hhttp://invisionpower.rpgwars.net/

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Emma90 la data de Joi 4 Mai - 22:39

Mulțumesc @ionut

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

feminin

Mesaje : 69
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0
Niciun avertisment

http://Ermelmeta.forumgratuit.ro

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Lucifer la data de Joi 4 Mai - 22:58

Ti-am zis acest meniu este special " phpbb 3 "
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 659
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 77
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de mihai la data de Joi 4 Mai - 23:00

bună seara, adăugați în overall_header:
Cod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
și în css:
Cod:
.bodyline table tbody tr td 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;
}
/* Iconuri Awesome */
.bodyline table tbody tr td a[href^="/portal"]:before, .bodyline table tbody tr td a[href="/"]:before {
    content: "\f024"; /* cod awesome*/
    color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/faq"]:before {
    content: "\f129"; /* cod awesome*/
    color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/search"]:before {
    content: "\f002"; /* cod awesome*/
    color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/memberlist"]:before {
    content: "\f007"; /* cod awesome*/
    color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/groups"]:before {
    content: "\f0c0"; /* cod awesome*/
    color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/profile"]:before {
    content: "\f013"; /* cod awesome*/
    color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/privmsg"]:before {
    content: "\f003"; /* cod awesome*/
    color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/login?logout"]:before {
    content: "\f08b"; /* cod awesome*/
    color: #fff; /* culoare */
}
avatar
mihai
Membru activ

masculin

Mesaje : 788
Varsta : 19
Localizare : Forumgratuit, SSYT Beta Zone
Data înscrierii : 25/09/2014
Multumiri : 56
1 avertisment

http://testfg.forumgratuit.ro/

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Lucifer la data de Joi 4 Mai - 23:06

El a cerut meniul nu font awesome A face cu ochiul
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 659
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 77
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Emma90 la data de Sam 6 Mai - 0:26

Upp
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 69
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0
Niciun avertisment

http://Ermelmeta.forumgratuit.ro

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Lucifer la data de Sam 6 Mai - 8:17

Schimba versiunea ta in phpbb3 ce este atat de greu? Nesigur si pune in CSS codul de la ionut sau de la mine (e modificat meniul) A face cu ochiul
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 659
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 77
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Ionut la data de Sam 6 Mai - 12:21

Î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
avatar
Ionut
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 771
Varsta : 19
Data înscrierii : 01/11/2015
Multumiri : 123
Niciun avertisment

http://hhttp://invisionpower.rpgwars.net/

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum