Back to top

Autore Topic: [RISOLTO] Diversi browser, diversi layout.  (Letto 5509 volte)

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
[RISOLTO] Diversi browser, diversi layout.
« il: 11 Gen 2009, 00:20:29 »
provate ad aprire http://valeriosito.altervista.org

perchè con firefox l'immagine in alto a destra è perfettamente sfumata mentre su explorer si vede nettamente dove finisce?

Le immagine header.jpeg non sono della stessa dimensione ma è solo una prova.
« Ultima modifica: 11 Gen 2009, 23:44:32 da valentino86 »

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #1 il: 11 Gen 2009, 00:31:02 »
ancor prima di vedere ti dico: perché è una png. Ma questa immagine mi pare di averla vista in un qualche template che dovrebbe avere in se il fix

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #2 il: 11 Gen 2009, 00:39:17 »
ok...mmm...potresti tradurre in un linguaggio molto elementare?!

grazie

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #3 il: 11 Gen 2009, 00:53:02 »
si, certo. scusami.
IE, fino alla ver 6 ha sempre avuto seri problemi con le png. La gestione delle png con trasparenza non le riescono affatto.

In genere, i produttori di template, quando utilizzano png mettono in atto alcuni accorgimenti per far si che la trasparenza venga gestita.

L'immagine che tu hai utilizzato mi pare appartenga, per default, ad un template che dovrebbe già attuare gli accorgimenti di cui ti parlavo.

Quando le immagini sono in contenuti, esistono dei plugin che, automaticamente fanno si che il cosidetto "canale alfa" (la gestione della trasparenza) venga gestito. E' il caso, ad esempio, di ultimatepngfix, ma, quando le immagini sono di sfondo e vengono richiamate da css, come nel tuo caso, questi "fix" non funzionano.

Puoi provare a prendere quella immagine e a trasformarla in una gif.

Un buon software non commerciale per l'editing delle immagini è gimp

Offline Milcon

  • Global Moderator
  • Abituale
  • ********
  • Post: 1815
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #4 il: 11 Gen 2009, 01:06:50 »
Questi canali alfa  :) alfa 0 dovrtebbe sparire, comunque si vede sfumata anche con Chrome, lo stesso come Firefox. Anche io quando ho messo immagini nel mio sito ho avuto dei problemi, ma alla fine ti abitui alle risoluzioni diverse dei browser.

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #5 il: 11 Gen 2009, 01:14:07 »
si ma non ho capito se è possibile fare qualcosa!
E in caso è possibile vedere bene sia con explorer che con firefox o devo scegliere?

Dopo che la trasforme in gif devo cambiare qualcosa nei css??

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #6 il: 11 Gen 2009, 01:18:13 »
si ma non ho capito se è possibile fare qualcosa!
E in caso è possibile vedere bene sia con explorer che con firefox o devo scegliere?

Dopo che la trasforme in gif devo cambiare qualcosa nei css??

Certo. devi cambiare il nome della immagine richiamata da ....png a ....gif

L'immagine la carichi nella stessa cartella in cui c'è quella attuale

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #7 il: 11 Gen 2009, 01:27:53 »
ho preso l'immagine header_mask.png e con adobe photoshop l'ho trasformata in .gif ma mi fa questo effetto perchè? (ovviamente ho anche cambiato il template.css)

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #8 il: 11 Gen 2009, 01:31:56 »
ma ... sei sicuro di non aver ecceduto nella modifica dell'immagine?  :D

Adesso anche con firefox ... si vede solo una piccola finestra ovale :)

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #9 il: 11 Gen 2009, 01:33:43 »
quando lo trasformo con photoshp mi fa questo effetto ma non capisco perchè.
Io praticamente prendo il file e lo salvo come .gif non lo tocco neanche

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #10 il: 11 Gen 2009, 01:42:06 »
prova con altro software
oppure puoi provare a fare un'altra cosa.

Prendi il colore dello sfondo dell'header (che, comunque mi pare solido e senza trasparenze.

Costruisci una immagine che costituisca tutta quella sezione dell'header che comprende sia la png sia quella parte dello sfondo che si sovrappone alla trasparenza.

Salva tutto in jpg

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #11 il: 11 Gen 2009, 15:29:22 »
prova con altro software
oppure puoi provare a fare un'altra cosa.

Prendi il colore dello sfondo dell'header (che, comunque mi pare solido e senza trasparenze.

Costruisci una immagine che costituisca tutta quella sezione dell'header che comprende sia la png sia quella parte dello sfondo che si sovrappone alla trasparenza.

Salva tutto in jpg


sai che non ho capito che intendi?!

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #12 il: 11 Gen 2009, 15:48:17 »
adesso sono riuscito a sfumare perfettamente il colore anche su explorer perche l'ho salvata come .gif ma ha perso la trasparenza!!

OK è un problema di photoshop ma sto per arrivare alla soluzione.
Vedete ora come si presenta su explorer

http://valeriosito.altervista.org

« Ultima modifica: 11 Gen 2009, 15:56:14 da valentino86 »

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #13 il: 11 Gen 2009, 19:19:19 »
niente io rinuncio.
Con le immagini GIF l'effetto è veramente pessimo.

Se qualcuno trova una soluzione la pubblica qui?!!? ;)

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #14 il: 11 Gen 2009, 20:09:59 »
rimetti l'immagine riginale che la scarico

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #15 il: 11 Gen 2009, 20:17:52 »
l'ho messa l'immagine originale e in ogni caso la allego anche

[allegato eliminato da un amministratore - Il file era vecchio]

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #16 il: 11 Gen 2009, 20:20:25 »
senti, ma sei certo di non aver toccato nulla nel css o nell'index.php del template?

Perché tu stai utilizzando il template originale japurity che dovrebbe avere in se il fix per la visualizazione con ie

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #17 il: 11 Gen 2009, 20:23:52 »
assolutamente nulla.

Ho solo modificato l'altezza dell'header e del logo (che tanto ancora non ho messo) e l'ho portata a 130 px dagli 80px che erano.
E ovviamente ho anche trasformato l'header_mask.png e alzato fino a 130px e basta.
Poi avevo modificato l'immagnie header_mask.png a .gif quando avevo provato e ora l'ho rimessa a .png

Non ho fatto altro.

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #18 il: 11 Gen 2009, 20:30:18 »
Fino a che era a 80 funzionava?

vuoi provare a caricare tutta la cartella del template?
Prima, però, via ftp rimetti i permessi a params.ini, a index.php e a tutti i css a 664.

In questo momento sarà tutto a 555 e 444

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #19 il: 11 Gen 2009, 20:35:24 »
Guarda i permessi li ho trovati tutti a 664

cmq che faccio te la carico qui?|

Sinceramente non mi ricordo se quando era a 80 funzionava, ci ho fatto caso dopo!!


Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #20 il: 11 Gen 2009, 20:37:59 »
i permessi a 664? anche dei css? anche dopo che li hai modificati e salvati? strano!!

No, carica la cartella di ja-purity dentro la cartella template del sito

Possibilmente prendila da un pacchetto fresco ... magari joomla 1.5.9

A proposito, già che ci siamo, hai aggiornato?

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #21 il: 11 Gen 2009, 20:40:08 »
si ho aggirnato!

Aspetta che provo allora!

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #22 il: 11 Gen 2009, 20:52:32 »
mmmm....allora che ho combinato!

Ho rimesso tutto il template originale e adesso è perfetto anche su IE!!

Dove ho sbagliato? Ora provo a rifare i passi delle mie modifiche e vedo dove sta l'intoppo!

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #23 il: 11 Gen 2009, 20:58:24 »
bene. verifica passo passo. Ricordati, se è attiva, ad ogni azione svuota la cache prima di ricaricare la pagina.
Anzi, se per il tempo delle modifiche la disattivassi del tutto, la cache, sarebbe ancora meglio

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #24 il: 11 Gen 2009, 21:00:57 »
La cache non è attiva!

Cmq ho già trovato l'errore. Ho prima alzato l'header a 130px e non ha dato problemi, quando invece ho caricato la nuova header_mask.png mi fa lo stesso effetto quindi probabilmente ho fatto male io il file da 130px. ora provo a rifarlo.


Per il fatto che il template.css era diverso che significa?
Non è che mi devo preoccupare?!

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #25 il: 11 Gen 2009, 21:12:04 »
OK sono arrivato ad una conclusione.

Se apro il file header_mask.png originale, quindi quello che funziona perfettamente, con photoshop e lo salvo in un'altra cartella sul PC senza fare nessuna modifica e poi lo carica via FTP mi fa il problema.

Cioè lo salvo senza fare assolutamente nulla, quindi credo sia un problema di photoshop ma non conosco altri programmi di grafica per fare questa cosa!


Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #26 il: 11 Gen 2009, 21:13:41 »
gimp ;) licenza gnu

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #27 il: 11 Gen 2009, 21:15:21 »
dici che ce la faccio??

Senti invece del fatto che il template.css appena scaricato fosse diverso da quello di installazione di default?

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #28 il: 11 Gen 2009, 21:29:27 »
ahahahah ;D ;D ci sono riuscito...alla faccia di photoshop!!

GIMP è fantastico! Cmq era solo un problema di photoshop e basta, adesso funziona benissimo

PS: l'unica perplessità mi rimane sul file template.css che mi sembra molto molto più grande...ma è normale una cosa del genere?

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #29 il: 11 Gen 2009, 21:33:14 »
in che senso più grande? in termini di dimensioni in kb o cos'altro?
Elimina, se possibile, le righe vuote, comunque
Servirà ad alleggerirlo e a farlo caricare più velocemente dall'utente.

Non solo quello, di css, ma tutti quelli del template

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #30 il: 11 Gen 2009, 21:34:49 »
Nel template originale la riga dove stava l'header era 921 ora è 1840 ??? ???

Dici dipende solo dagli spazi vuoti?

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #31 il: 11 Gen 2009, 21:49:18 »
ok risolto tutto ho riscaricato il template da joomla.org e in effetti quello prima aveva tantissime (troppe ) righe vuote!!

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re: Diversi browser, diversi layout.
« Risposta #32 il: 11 Gen 2009, 23:44:16 »
Ancora non riesco a capire i motivi, comunque anche facendo altre modifiche con photoshop non vanno!

Ho provato a dare un effetto sfumato al logo e con GIMP mi è venuto subito!

Guardate l'effetto ora.

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: [RISOLTO] Diversi browser, diversi layout.
« Risposta #33 il: 11 Gen 2009, 23:57:37 »
perfetto!!  :D :D

e dire che di gimp e ne ho parlato nei primissimo post di questo topic :P

 



Web Design Bolzano Kreatif