#1 briza74 Martedì, 05 Febbraio 2008, 21:24
Salve..
Vorrei modificare la barra di navigazione orizzontale, che credo si chiami "top nav", quella con i link "home, forum, regolamento,profilo, ecc" per intenderci... Per quanto riguarda il colore, ho modificato il file bg_topnav.gif che si trova nella cartella images>mio template, però non riesco a renderlo trasparente. Inoltre vorrei modificare la lunghezza della barra, riducendola, e togliere alcune voci.. potete dirmi qual'è (e dov'è) il file da modificare?
tencs!
Versione di IP: 1.3.0.53
Server: Linux
Ultima modifica di briza74 il Venerdì, 08 Febbraio 2008, 10:36, modificato 1 volta in totale
-

briza74
-
VIP

-
- Età: 37
- Registrato: Dicembre 2007
- Residenza: Cagliari
- Messaggi: 994
-
#2 FedericoBiccheddu Martedì, 05 Febbraio 2008, 23:02
Se intendi la seguente barra:
Devi modifciare il .tpl overall_header, però dipende dalla Skin che usi, xke quelle di MG ce ne uno x ogni skin
Versione di IP: 1.3.15 (αlphα)
Server: Linux
____________ Per favore inserisci nel tuo Profilo la versione di Icy Phoenix e il Server utilizzato.
-

FedericoBiccheddu
-
Veterano

-
- Età: 20
- Registrato: Dicembre 2007
- Residenza: Sant'Antioco
- Messaggi: 2593
-
#3 briza74 Martedì, 05 Febbraio 2008, 23:28
Ho guardato e riguardato il file overall_header.tpl una decina di volte, e alla fine ho capito dove fare le modifiche...
ho modificato le parti evidenziate:
<!-- TOP LINKS -->
<tr>
<td class="forum-buttons" colspan="3">
<table class="empty-table" width="700" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="{IMG_SPACER}" alt="" height="16" align="middle" /></td>
<td style="text-align:center;font-size:12px;color:#FF1010;" width="700">
<!-- BEGIN mg_switch_user_is_admin -->
<b>{U_ACP}</b> •
<!-- END mg_switch_user_is_admin -->
<a href="{U_PORTAL}">{L_HOME}</a> •
<a href="{U_INDEX}">{L_INDEX}</a> •
<!--a href="{U_BOARDRULES}">{L_BOARDRULES}</a> •-->
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}"><b>{L_REGISTER}</b></a> •
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<a href="{U_PROFILE}">{L_CPL_NAV}</a> •
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_dd_off_logged_in -->
<a href="{U_SEARCH_NEW}">{L_NEW2}</a> •
<!-- END switch_dd_off_logged_in -->
<!-- BEGIN switch_dd_on_logged_in -->
<a href="#" onMouseover="dropdownmenu(this,event,menu2,'180px')" onMouseout="delayhidemenu()">{L_POSTS}:</a><a href="{U_SEARCH_NEW}" title="{L_SEARCH_NEW}">{L_NEW}</a>
<!-- END switch_dd_on_logged_in -->
<!-- BEGIN switch_upi2db_on -->
{L_DISPLAY_U} {L_DISPLAY_M} {L_DISPLAY_P} •
<!-- END switch_upi2db_on -->
{PROFILE_VIEW}
{GREETING_POPUP}
<!-- BEGIN switch_dropdown_on -->
<a href="{U_SEARCH}" onMouseover="dropdownmenu(this,event,menu1,'250px')" onMouseout="delayhidemenu()">{L_SEARCH}</a> •
<!-- END switch_dropdown_on -->
<!-- BEGIN switch_dropdown_off -->
<a href="{U_SEARCH}">{L_SEARCH}</a> •
<!-- END switch_dropdown_off -->
<!--a href="{U_FAQ}">{L_FAQ}</a> •-->
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
</td>
<td><img src="{IMG_SPACER}" alt="" height="16" align="bottom" /></td>
</tr>
</table>
</td>
</tr>
In questo modo sono riuscita a eliminare le voci che non mi interessavano (commentandole) e ho aumentato la dimensione del font, però la modifica sulla misura, che ho impostato a 700, non ha avuto nessun effetto (forse non va fatta qui... )
Cambiando queste misure, che prima erano a 100% le scritte si sono spostate verso sinistra e ho risolto aggiungendo align="center". Mi è rimasto il problema della barra troppo larga, qualcuno mi sa dire qual'è la parte di codice da modificare?
tencs a buldo e JC lo so che sono di coccio, ma alla fine una parte del lavoro è fatta...
Dimenticavo: uso aphrodite light blue e mi basta fare le modifiche in questo template
Versione di IP: 1.3.0.53
Server: Linux
Ultima modifica di briza74 il Martedì, 05 Febbraio 2008, 23:32, modificato 1 volta in totale
-

briza74
-
VIP

-
- Età: 37
- Registrato: Dicembre 2007
- Residenza: Cagliari
- Messaggi: 994
-
#4 FedericoBiccheddu Martedì, 05 Febbraio 2008, 23:33
perchè così dovrebbe essere in pixel, prova a scrivere al posto di 700 (cioè, esprime che la barra dovrebbe essere larga 700px) una percentuale, prova 50%, mi potresti dire quale SKin utilizzi? così almeno faccio qualche modifica e ti faccio sapere  magari riesco a postarti proprio il codice da uppare
Versione di IP: 1.3.15 (αlphα)
Server: Linux
____________ Per favore inserisci nel tuo Profilo la versione di Icy Phoenix e il Server utilizzato.
-

FedericoBiccheddu
-
Veterano

-
- Età: 20
- Registrato: Dicembre 2007
- Residenza: Sant'Antioco
- Messaggi: 2593
-
#5 briza74 Mercoledì, 06 Febbraio 2008, 10:43
Niente da fare JC... quel valore si riferisce alla lunghezza della scritta, infatti impostandolo a 60% la scritta va accapo e la barra rimane della stessa lunghezza... Ma ci sarà pure un modo!
Inoltre volevo renderla trasparente, ho creato un nuovo file con paint shop pro e ho sovrascritto il bg_topnav, ma niente da fare, lo sfondo è bianco e così resta!
Ci deve essere un modo per impostare la trasparenza dal codice...
JC se vuoi fare delle prove mi fai un favorone! Il template è aphrodite lite blu
grazieeeee!
Versione di IP: 1.3.0.53
Server: Linux
-

briza74
-
VIP

-
- Età: 37
- Registrato: Dicembre 2007
- Residenza: Cagliari
- Messaggi: 994
-
#6 FedericoBiccheddu Mercoledì, 06 Febbraio 2008, 15:13
Avevo pure io quel template, ora faccio qualche modifica e ti faccio sapere, precisamente come la vorresti la barra? Opacizzazione??
Versione di IP: 1.3.15 (αlphα)
Server: Linux
____________ Per favore inserisci nel tuo Profilo la versione di Icy Phoenix e il Server utilizzato.
-

FedericoBiccheddu
-
Veterano

-
- Età: 20
- Registrato: Dicembre 2007
- Residenza: Sant'Antioco
- Messaggi: 2593
-
#8 FedericoBiccheddu Mercoledì, 06 Febbraio 2008, 18:13
x la lunghezza nemmeno io riesco, x la trasparenza dipende da come hai salvato la .gif e con quale programma, prova a d utilizzare questa;) (aspetta che carichi il sito xke ci mette un bel po)
Se non riesci prova a vedere anche nel .css se nella parte del menù ci sia il colore del background, xo di .css non ne so moltissimo, e di html so le basi
EDIT: se non riesci a farlo nenemo, x sicurezza s enon sai .css non toccare niente, al posto della linea:
<td><img src=" {IMG_SPACER}" alt="" height="16" align="middle" /></td>
Metti il link della seguente immagine in .png hostata nel tuo server al posto della parte messa in grassetto, xke dovrebbe avere per forza la trasparenza  (anche qui aspetta che carichi)
Versione di IP: 1.3.15 (αlphα)
Server: Linux
____________ Per favore inserisci nel tuo Profilo la versione di Icy Phoenix e il Server utilizzato.
Ultima modifica di FedericoBiccheddu il Mercoledì, 06 Febbraio 2008, 18:17, modificato 2 volte in totale
-

FedericoBiccheddu
-
Veterano

-
- Età: 20
- Registrato: Dicembre 2007
- Residenza: Sant'Antioco
- Messaggi: 2593
-
#9 briza74 Giovedì, 07 Febbraio 2008, 11:04
JC ci provo... però ho fatto anch'io un'immagine trasparente con paint shop pro e l'ho caricata trascrivendo il file bg_topnav che è quello che da lo sfondo alla barra, ma una volta caricato appare con lo sfondo bianco, quindi non dipende dall'immagine...
Ora faccio altre prove, grazie delle dritte!
EDIT: A proposito del .css, la parte di codice dovrebbe essere questa:
.forum-buttons {
text-align: center;
font-size: 11px;
color: #FF1010;
background-image: url(images/lite_blue/bg_topnav.gif);
border-top: solid 1px #216f99;
border-bottom: solid 1px #216f99;
}
Probabilmente è qui che vanno fatte le modifiche, ma non so come...
RI-EDIT  : Dunque... ho commentato la riga del colore e le due righe del bordo, i bordi sono spariti ma la trasparenza ancora non c'era. Allora ho caricato l'immagine che mi hai passato tu JC rinominandola ma lasciandola in formato .png, ho modificato l'estensione nel link nel codice e ora l'immagine è trasparente molto probabilmente dipendeva dal formato del file, il .gif non risultava mai trasparente! Ora se vuoi vai a vedere, vorrei farlo ancora un po' più trasparente ma ora so come farlo... resta il problema della lunghezza della barra, per quella non so proprio che fare!?!?!?!
Versione di IP: 1.3.0.53
Server: Linux
Ultima modifica di briza74 il Venerdì, 08 Febbraio 2008, 01:00, modificato 3 volte in totale
-

briza74
-
VIP

-
- Età: 37
- Registrato: Dicembre 2007
- Residenza: Cagliari
- Messaggi: 994
-
#10 raphael10 Venerdì, 08 Febbraio 2008, 03:46
Ecco come puoi fare:
1) innanzitutto puoi togliere le due occorrenze di
<td><img src="{IMG_SPACER}" alt="" height="16" align="middle" /></td>
che trovi nella tabella dei top links (non ti servono con i cambiamenti che stai facendo).
2) Poi cancelli la classe "forum-buttons" che anche questa non serve ( se modifichi l'immagine dai fogli di stile e la stessa classe è utilizzata altrove rischi di cambiare qualcosa che non vorresti modificare). In pratica <td class="forum-buttons" colspan="3"> diventa semplicemente <td colspan="3">
3) Cambi le variabili della tabella dove sono i top links, modificando il codice
<table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0">
in
<table class="empty-table" width="800" cellspacing="0" cellpadding="0" border="0" align="center" background="images/semitrasparenza.png" >
Ovviamnete puoi modificare 800 pixel di lunghezza con quello che vuoi.
4) Carichi nella cartella images del tuo forum l'immagine semitrasparenza.png che allego a questo post.
Il gioco è fatto!
____________
APPENDICE:
Come puoi variare la semitrasparenza ad un immagine? (ricorda che le gif non ce l'hanno, per questo non ti riusciva.. un pixel di una gif o è opaco o è tutto trasparente)
Crei una piccola immagine bianca e poi selezioni il livello di trasparenza che desideri, esporti quindi l'immagine come png avendo cura di selezionare l'opzione "trasparenza canale alpha".
Versione di IP: 1.3.0.53a
Server: Linux
____________ "Non c'è una via per la Pace, la Pace è la Via!"
-

raphael10
-
VIP
 ...uno shamano tra noi...
-
- Età: 40
- Registrato: Maggio 2007
- Residenza: Lucca
- Messaggi: 991
-
#11 briza74 Venerdì, 08 Febbraio 2008, 10:29
Versione di IP: 1.3.0.53
Server: Linux
Ultima modifica di briza74 il Venerdì, 08 Febbraio 2008, 10:35, modificato 1 volta in totale
-

briza74
-
VIP

-
- Età: 37
- Registrato: Dicembre 2007
- Residenza: Cagliari
- Messaggi: 994
-
Questo argomento è stato utile?
Questo argomento è stato utile?
| Condividi Argomento |
|
 | | Inserisci un link per questo argomento |
| URL |
|
| BBCode |
|
| HTML |
|
Lista Permessi
|
Non puoi inserire nuovi Argomenti Non puoi rispondere ai Messaggi Non puoi modificare i tuoi Messaggi Non puoi cancellare i tuoi Messaggi Non puoi votare nei Sondaggi Non puoi allegare files Non puoi scaricare gli allegati Non puoi inserire eventi calendario
|
|
|
|
|