Pagina 1 di 1

Modifiche prosilver simile Prosilver SE e barra menù

Inviato: 20/01/2015, 15:34
da Jigen_Daisuke
Salve ragazzi, sono da poco passato da Subsilver 2 a Prosilver per ovvie ragioni.
Avrei bisogno di un paio di ritocchi per ottimizzare il tutto, premesso che installando Prosilver SE forse farei prima ma poi dovrei rimettermi ad inserire nuovamente le 2 mod nel tema e non me ne tiene proprio (phoogle map-Prime Birthdate) e tutte le personalizzazioni come tapatalk, google analitics ecc...
Ritornando a noi ho Prosilver e si presenta centrato alla pagina come prosilver SE solo che manca la cornice come da immagine
Immagine

mentre in Prosilver SE c'è
Immagine

Esiste un modo per mettere quella cornice e renderlo simile a Prosilver SE?

Ulteriore domanda esiste un sistema per mettere una barra di link fissa sotto la navbar come da immagine
Immagine

Molti utenti vorrebbero avere i link delle frecce diponibili in ogni parte del forum....
Grazie mille della diponibilità

Re: Modifiche prosilver simile Prosilver SE e barra menù

Inviato: 20/01/2015, 18:12
da Micogian
Tutto dipende dai CSS, il colore di fondo e del body in prosilver sono gli stessi e questo si può vedere nel file colors.css

Codice: Seleziona tutto

html, body {
	color: #445843;
	background-color: #efefef;
}
Basta separare le classi html e body, ad esempio

Codice: Seleziona tutto

html {
	background-color: #666666;
}
body{
	color: #445843;
	background-color: #efefef;
}
Ovviamente scegliendo il colore appropriato nella classe html.

Per quanto riguarda il menu, quello segnalato è quello utilizzato dal forum di phpbb.com, una volta era disponibile ma poi è stato tolto. Io lo utilizzo nei miei forum ma il problema è che i pulsanti sono delle immagini ed è poco pratico.

Un altro menu che utilizzo è questo:

Codice: Seleziona tutto

<div id="mainmenu" style="margin-top: -10px;">
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
        <li><a href="#">Link 4</a></li>
        <li><a href="#">Link 5</a></li>
    </ul>
</div>
 
mentre nei css bisogna inserire questo:

Codice: Seleziona tutto

#mainmenu        {width: 100%;float:left;background: #59550C; border-radius: 0 0 7px 7px; }
#mainmenu ul         {margin: 0px 0 0px 0px;float:left;width:100%; list-style: none;}
#mainmenu ul li     {float: left;margin: 0 0px 0 0;position: relative;}
#mainmenu a         {color: #fff; display: block;font-size: 1.2em;padding: 10px 20px; text-transform:uppercase;}
#mainmenu a:hover {background:#ECFFD6; color: #FF0000;}  
Non ci sono sottomenu ma è semplice e si può adattare allo schermo.
Lo sto utilizzando su alcune nuove pagine che sto elaborando, ad esempio: http://www.actaplantarum.org/acta/gallery1.php?aid=283
Ovviamente i colori si possono modificare.

Re: Modifiche prosilver simile Prosilver SE e barra menù

Inviato: 21/01/2015, 12:13
da Jigen_Daisuke
Grazie mille delle delucidazioni...
Ora faccio delle prove e ti aggiorno
:wink:

Re: Modifiche prosilver simile Prosilver SE e barra menù

Inviato: 21/01/2015, 12:31
da Jigen_Daisuke
Per quel che riguarda

Codice: Seleziona tutto

html {
   background-color: #666666;
}
body{
   color: #445843;
   background-color: #efefef;
}
ho sostiutito il codice al mio nel colours.css adattandolo ai miei colori

Codice: Seleziona tutto

html, body {
	color: #445843;
	background-color: #efefef;
}
ma non mi apapre nulla, evidentemente devo capire come e dove ridimensionare prima il boby che occupa tutto lo schermo...