Pagina 3 di 4
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 21/09/2013, 12:11
da systemcrack
stavo appunto guardando quello..!
poi dovrò modificargli il colore e il logoe ho finito... ma per questo mi arrangio, tu hai già fatto abbastanza per me.
Grazie di nuovo!!! e buon week end
P.s.
ci si potrebbe fare una guida su questo argomento.. nella pag. wiki in modifiche header.
P.P.S.
Solo a livello informativo ho variato così:
padding: 1px 0; perchè rimaneva ancora un millimetro di righina bianca.
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 21/09/2013, 18:01
da systemcrack
Ok ok.. lo so che spalerò e che probabilmente la cosa si complicherà però ho visto che aggiungendo icone sulla navbar la visualizzazione si incasina un pò..
così mi chiedevo e se aggiungessimo del codice per rendere il menù (navbar) a discesa..?
Provo a fare qualche esperimento prendendo i css dal menù a discesa di un altro stile o di una mod...
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 22/09/2013, 11:50
da systemcrack
systemcrack ha scritto:stavo appunto guardando quello..!
poi dovrò modificargli il colore e il logoe ho finito... ma per questo mi arrangio, tu hai già fatto abbastanza per me.
Grazie di nuovo!!! e buon week end
P.s.
ci si potrebbe fare una guida su questo argomento.. nella pag. wiki in modifiche header.
P.P.S.
Solo a livello informativo ho variato così:
padding: 1px 0; perchè rimaneva ancora un millimetro di righina bianca.
Scusate ragazzi avevo scritto una castroneria avevo variato con
padding: 0px 0;
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 22/09/2013, 17:49
da Tiger
A questo punto il padding non e' necessario dato che come lo hai impostato tu significa:
0px in top
0px right
0px bottom
0px left:
quindi puoi anche toglierlo.
per il menu' si potrebbe realizzare qualcosa di personale molto accattivante graficamente se trovo un'attimo vediamo che si puo' fare.
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 22/09/2013, 19:18
da systemcrack
Guarda.. sarebbe una figata.. e a sto punto dovrei per forza offrirti una birretta!!!
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 28/11/2013, 11:34
da systemcrack
A furia di provare ci sto prendendo la mano ragazzi.. e la trasformazione del mio prosilver continua:
Ho aggiunto i fumetti nelle colonne messaggi e argomenti e inserito uno sfondo bianco al titolo dei forum e delle categorie:
Vedi screenshot:
http://i41.tinypic.com/2504eg2.png
apri styles/prosilver/template/
forumlist_body.html:
per inserire i fumetti
trova:
Codice: Seleziona tutto
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
Codice: Seleziona tutto
<dd class="topics"><div class="statbubble"><span>{forumrow.TOPICS} </span><dfn>{L_TOPICS}</dfn></div></dd>
<dd class="posts"><div class="statbubble"><span>{forumrow.POSTS} </span><dfn>{L_POSTS}</dfn></div></dd>
Codice: Seleziona tutto
<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
Codice: Seleziona tutto
<dd style="width: 45%;"><div class="cat-name">
<span><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></span>
</div></dd>
Ora non rimane che impostare i css che io ho inserito in styles/prosilver/theme/
common.css:
per inserire i fumetti
trova:
Codice: Seleziona tutto
/* Horizontal lists
----------------------------------------*/
Codice: Seleziona tutto
.statbubble {
width: 64px;
height: 36px;
background: url("{T_THEME_PATH}/images/statbubble.png") no-repeat left top;
text-align: center;
padding: 6px 0 0 7px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #0658b0;
}
.statbubble span {
font-size: 11px;
font-weight: bold;
color: #183853;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
}
Per aggiungere lo sfondo bianco sotto i titoli dei forum e delle categorie:
trova:
Codice: Seleziona tutto
.fieldsbg {
/*border: 1px #DBDEE2 solid;*/
background-color: #eaeaea;
}
Codice: Seleziona tutto
div.cat-name {
background: transparent url("{T_THEME_PATH}/images/blue/cat-name-r.png") no-repeat scroll top right;
float: left;
height: 21px;
padding-right: 6px;
margin-left: 4px;
line-height: 21px;
}
div.cat-name span {
background: transparent url("{T_THEME_PATH}/images/blue/cat-name-l.png") no-repeat;
display: block;
padding-left: 6px;
height: 21px;
letter-spacing: -1px;
}
div.cat-name span, div.cat-name span a {
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
font-size: 12px;
color: #096fb5;
text-shadow: none;
}
In ultimo apriamo
colours.css per cambiare il colore dei titoli delle categorie e dei forum che altrimenti rimarrebbero bianchi:
Trova:
Codice: Seleziona tutto
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
Nel codice cambia il colore
#FFFFFF con quello che più aggrada.
Fatta questa premessa quando visualizzo il forum con il mio pc va tutto bene (come da screen), quando però lo visualizzo con un ipad o uno smartphone (note 2) la visualizzazione si scombussola, le scritte argomenti, messaggi ecc. si accavallano ed anche i fumettini (vedi screen).
Vedi screenshot:
http://i44.tinypic.com/2cp2lnb.jpg
come faccio a fare in modo che la visualizzazione non cambi..?
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 04/12/2013, 13:26
da Tiger
Systemcrack,
non ti prometto nulla(mi dispiacerebbe dopo non compiere l'onere) ma se trovo del tempo,gli do un'occhiata e vediamo se riusciamo a sistemare il tutto,semmai inserendo i @media-screen nel css.
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 05/12/2013, 13:54
da systemcrack
Lo sai Tiger che non c'è problema... io posto nella speranza che qualcuno mi indichi la strada.. quando sarà il momento giusto l'aiuto arriverà, come sempre
Nel frattempo io cerco, guardo, sperimento e faccio dei casini che poi ti tocca mettere a posto
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 02/02/2014, 2:55
da electronicarsolution
siete fantastici ragazzi!
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 21/09/2015, 20:55
da Kinsley
Ho provato a fare i passaggi detti da Tiger ma comunque mi buggava tutta la index. Tiger potresti contattarmi in privato per aiutarmi nei seguenti passaggi? In modo da non creare un secondo topic con lo stesso argomento.
