Pagina 1 di 1
 
 

Messaggio [Risolto] Alcune Modifiche...

#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 
avatar
cuba.png briza74 Sesso: Donna
VIP
VIP
 
Età: 37
Registrato: Dicembre 2007
Residenza: Cagliari
Messaggi: 994
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#2  FedericoBiccheddu Martedì, 05 Febbraio 2008, 23:02

Se intendi la seguente barra:
r1alns

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.
 
avatar
italia.png FedericoBiccheddu Sesso: Uomo
Veterano
Veterano
 
Età: 20
Registrato: Dicembre 2007
Residenza: Sant'Antioco
Messaggi: 2593
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#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:

Spoiler: [ Mostra ]


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 
avatar
cuba.png briza74 Sesso: Donna
VIP
VIP
 
Età: 37
Registrato: Dicembre 2007
Residenza: Cagliari
Messaggi: 994
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#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.
 
avatar
italia.png FedericoBiccheddu Sesso: Uomo
Veterano
Veterano
 
Età: 20
Registrato: Dicembre 2007
Residenza: Sant'Antioco
Messaggi: 2593
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#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
 
avatar
cuba.png briza74 Sesso: Donna
VIP
VIP
 
Età: 37
Registrato: Dicembre 2007
Residenza: Cagliari
Messaggi: 994
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#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.
 
avatar
italia.png FedericoBiccheddu Sesso: Uomo
Veterano
Veterano
 
Età: 20
Registrato: Dicembre 2007
Residenza: Sant'Antioco
Messaggi: 2593
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#7  briza74 Mercoledì, 06 Febbraio 2008, 16:12

Ti ringrazio JC ma preferisco sapere come si fa e farla io... se ti va di dirmelo! Sono di quelle incontentabili e vado per tentativi sinchè non mi soddisfa!  
Rischierei di romperti le scatole parecchio   perciò se sai (o se scopri )da dove si impostano i vari parametri è sicuramente meglio x tutti e due  
Devo fare delle prove per vedere se la lunghezza e la trasparenza vanno bene con lo sfondo... se ti va dai un'occhiata
www.valledellaluna.net
Ora il colore è sfumato, ma con base bianca, volevo vedere che effetto fa con la stessa sfumatura però con base trasparente!
E vorrei anche capire quanto contano i parametri che imposto io sull'immagine, perchè se è possibile avere una base totalmente trasparente, poi l'opacità me la regolo direttamente sull'immagine e non sul codice (sempre se si può fare, non so! ) tutto sta a capire qual'è il file che determina queste due cose:lunghezza e trasparenza della barra!
 

 




Versione di IP: 1.3.0.53

Server: Linux
 
avatar
cuba.png briza74 Sesso: Donna
VIP
VIP
 
Età: 37
Registrato: Dicembre 2007
Residenza: Cagliari
Messaggi: 994
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#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)
33jj0pf

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)
2dkabye
 




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 
avatar
italia.png FedericoBiccheddu Sesso: Uomo
Veterano
Veterano
 
Età: 20
Registrato: Dicembre 2007
Residenza: Sant'Antioco
Messaggi: 2593
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#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 
avatar
cuba.png briza74 Sesso: Donna
VIP
VIP
 
Età: 37
Registrato: Dicembre 2007
Residenza: Cagliari
Messaggi: 994
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#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!"
 
avatar
italia.png raphael10 Sesso: Uomo
VIP
VIP
...uno shamano tra noi...
 
Età: 40
Registrato: Maggio 2007
Residenza: Lucca
Messaggi: 991
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Alcune Modifiche...

#11  briza74 Venerdì, 08 Febbraio 2008, 10:29

Grazie Raphael!!  
Ho fatto tutto, ma c'è un piccolo problema... ora è completamente trasparente... l'immagine che mi hai passato tu non è totalmente trasparente giusto?
Quindi qualcosa si dovrebbe vedere... invece semplicemente non c'è background. Forse è un problema di percorso, però per ovviare l'ho scritto tutto per intero, cosa che ha sempre funzionato... Appena ho 5 minuti faccio delle ulteriori prove...
Grazie mille dell'aiuto!  


EDIT: Ok a posto, risolto!!!
 




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 
avatar
cuba.png briza74 Sesso: Donna
VIP
VIP
 
Età: 37
Registrato: Dicembre 2007
Residenza: Cagliari
Messaggi: 994
  • Torna in cima Vai a fondo pagina
 


NascondiQuesto argomento è stato utile?
Condividi Argomento
Segnala via email Facebook Twitter Windows Live Favorites MySpace del.icio.us Digg SlashDot google.com LinkedIn StumbleUpon Blogmarks Diigo reddit.com Blinklist co.mments.com
technorati.com DIGG ITA linkagogo.com meneame.net netscape.com newsvine.com yahoo.com spurl.net Fai Informazione Ok Notizie Segnalo Bookmark IT fark.com feedmelinks.com
Inserisci un link per questo argomento
URL
BBCode
HTML

Pagina 1 di 1