Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

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 Joi Mai 04, 2017 6:21 pm

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

meniu - Meniu elegant fa pe fg  2017-011

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

versiune forum: punBB
Emma90

Emma90
Membru Forumgratuit

Mesaje : 71
Varsta : 33
Data înscrierii : 04/05/2017
Mulțumiri : 0
Internet Explorer punBB

http://svdp.yes-da.com/
Emma90 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Petronel Joi Mai 04, 2017 7:41 pm

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]
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1045
Varsta : 21
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Emma90 Joi Mai 04, 2017 8:12 pm

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

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

Emma90
Membru Forumgratuit

Mesaje : 71
Varsta : 33
Data înscrierii : 04/05/2017
Mulțumiri : 0
Internet Explorer punBB

http://svdp.yes-da.com/
Emma90 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Petronel Joi Mai 04, 2017 8:43 pm

Nu forumul e phpbb3  A face cu ochiul
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1045
Varsta : 21
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Ionut_FG Joi Mai 04, 2017 9:26 pm

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_FG
Membru activ

Mesaje : 777
Varsta : 25
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Emma90 Joi Mai 04, 2017 10:39 pm

Mulțumesc @ionut

Cred că este o problema cu codurile, nu optin rezultatul. Ție îți merge? meniu - Meniu elegant fa pe fg  1f62d
Emma90

Emma90
Membru Forumgratuit

Mesaje : 71
Varsta : 33
Data înscrierii : 04/05/2017
Mulțumiri : 0
Internet Explorer punBB

http://svdp.yes-da.com/
Emma90 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Petronel Joi Mai 04, 2017 10:58 pm

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

Petronel
Membru onorific
Membru onorific

Mesaje : 1045
Varsta : 21
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Mihai Joi Mai 04, 2017 11:00 pm

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 */
}
Mihai

Mihai
Administrator
Administrator

Mesaje : 1551
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Petronel Joi Mai 04, 2017 11:06 pm

El a cerut meniul nu font awesome A face cu ochiul
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1045
Varsta : 21
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Emma90 Sam Mai 06, 2017 12:26 am

Upp
Emma90

Emma90
Membru Forumgratuit

Mesaje : 71
Varsta : 33
Data înscrierii : 04/05/2017
Mulțumiri : 0
Internet Explorer punBB

http://svdp.yes-da.com/
Emma90 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Petronel Sam Mai 06, 2017 8:17 am

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
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1045
Varsta : 21
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu elegant fa pe fg

Mesaj Scris de Ionut_FG Sam Mai 06, 2017 12:21 pm

Î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_FG
Membru activ

Mesaje : 777
Varsta : 25
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum