Menu forumattivo

Il vostro nuovo menu è bello come posso ottenere un menù simile? Magari rosso?

Devi modificare il template overall_header nel seguente modo:

Trova:

Codice:

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

Cancella e metti questo:

Codice:

 
<div id="page-header">
 <div class="headerbar">
  <div class="navbar">
<ul class="linklist navlinks">
<li>{GENERATED_NAV_BAR}</li>
</ul>
  </div>
   </div>

Nel css metti questo:

Codice:

 
a:visited {
    color: #0474bf;
    text-decoration: none;
}
a:lin {
    color: #0474bf;
    text-decoration: none;
}
#page-header {
margin:0 -5px
}
#page-header .navbar {
background:none
}
div#page-header {
font-size:0
}
#page-header .navbar .linklist {
background:#2D3134;
border:none;
margin:-9px -10px 0
}
#page-header a.mainmenu {
color:#FFF;
font-size:13px;
font-weight:700;
font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;
background:url(http://i21.servimg.com/u/f21/11/80/17/98/set15.png) no-repeat;background-position:0 45px;
display:inline-block;
height:45px;
line-height:45px;
padding:0 12px;
transition:250ms
}
#page-header a.mainmenu:hover,#page-header a.mainmenu.fa_navactif {
background-position:0 40px
}
.navbar{
background-color:#f5f5f5;
clear:both;
padding:0 10px
}
ul.navlinks{
border-bottom:1px solid #fff;
font-weight:700;
text-align:center
}
ul.linklist li{
display:inline;
font-size:1.1em;
line-height:2.2em;
list-style-type:none;
width:auto
}

Spero di essere stato chiaro. Poi personalizzi il css.

@Niko mi scuso

Ciao @Niko io ho un problema urgente, quando vado o a mettere il css, Mi Compare la barra del menu ma mi sballa tutto il forum. Piaceva anche a me una cosa del genere ma non funziona...

https://i.servimg.com/u/f21/19/33/81/54/2015-118.png

https://i.servimg.com/u/f21/19/33/81/54/2015-119.png

Grazie mille.

@Teodoro96 posso già dirti che si vede che stai cercando di copiare questo forum di supporto, e la cosa non è che vada molto bene (barra di navigazione, menu introduttivo, barra degli annunci, ...

inoltre ti ricordo che:

Si, ma cambiando i colori non è uguale.

Ma mi potresti dire anche cosa è successo??

Ti ringrazio @Niko

@Teodoro96 i codici sono comunque identici  
Agli inizi anche io andavo di forum in forum a copiare e ti posso assicurare che se becchi le persone sbagliate può andarti molto male. Forumattivo ha addirittura il copyright  
edit: come amministratore di questo forum ho dovuto segnalare questa cosa al team per le controversie che ha certamente più esperienza di me; potrebbe essere benissimo che non ci sia nulla di male e che il tutto venga archiviato subito, ma è uno dei miei compiti e non posso far finta di nulla.

non sapendo che modifica hai effettuato non posso risponderti
che codici hai inserito?

Io ho modificato come detto dal compagno sopra....

Comunque cercherò di personalizzare il codice il più possibile, poi non alle alle riesco a capire il problema, modifico il tutto, non lascio così.


Grazie mille @Niko

@Teodoro96 ma che codice hai inserito di preciso?

Template overall_header

Cancellato

Codice:

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

E ho messo

Codice:

 
<div id="page-header">
 <div class="headerbar">
  <div class="navbar">
<ul class="linklist navlinks">
<li>{GENERATED_NAV_BAR}</li>
</ul>
  </div>
  </div>

Css:

Codice:

 
a:visited {
    color: #0474bf;
    text-decoration: none;
}
a:link {
    color: #0474bf;
    text-decoration: none;
}
#page-header {
margin:0 -5px
}
#page-header .navbar {
background:none
}
div#page-header {
font-size:0
}
#page-header .navbar .linklist {
background:#2D3134;
border:none;
margin:-9px -10px 0
}
#page-header a.mainmenu {
color:#FFF;
font-size:13px;
font-weight:700;
font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;
background:url(http://i21.servimg.com/u/f21/11/80/17/98/set15.png) no-repeat;background-position:0 45px;
display:inline-block;
height:45px;
line-height:45px;
padding:0 12px;
transition:250ms
}
#page-header a.mainmenu:hover,#page-header a.mainmenu.fa_navactif {
background-position:0 40px
}
.navbar{
background-color:#f5f5f5;
clear:both;
padding:0 10px
}
ul.navlinks{
border-bottom:1px solid #fff;
font-weight:700;
text-align:center
}
ul.linklist li{
display:inline;
font-size:1.1em;
line-height:2.2em;
list-style-type:none;
width:auto
}

Ecco @Niko

Dopo questa parte

Codice:

 
<div id="page-header">
 <div class="headerbar">
  <div class="navbar">
<ul class="linklist navlinks">
<li>{GENERATED_NAV_BAR}</li>
</ul>
  </div>
  </div>

aggiungi questa piccola stringa

Codice:

</div>

@Niko non risolve il problema...


Edit: Risolto, funziona. Adesso per personalizzare devo giocare con il css giusto?

Esattamente

..	Caro utente, ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale. Grazie per la tua collaborazione