Autore Topic: Ad ogni pagina la sua immagine (Letto 7988 volte)

marcob · « **Risposta #20 il:** 26 Apr 2010, 11:26:58 »

Citazione da: adottauncane - 26 Apr 2010, 11:17:12

Sì, avrebbe dovuto sparire il vecchio header e essere sostituito dalla posizione di quello nuovo con il bordo come quello vecchio ma con lo spazio per inserire la foto.
Se così non è, mi spiace. Nelle prove che ho fatto funzionava. Non ti resta che duplicare il tuo template e caricarlo con una foto diversa in ogni pagina che ti serve.
Vista la complessità del tuo templete (almeno in quella parte) forse è la soluzione migliore.
Mi spiace di non essere riuscita ad aiutarti...

Probabilmente sono io che ho sbagliato se a te funzionava; tu quindi vedevi l'header senza foto ma con i bordi arrotondati?
Ti dico ciò che ho fatto: ho inserito nel menu a tendina del modulo la posizione header1 ho inserito la stessa nel file templateDetail.xml e ho sostituito il file index.php con il tuo e aggiunto ciò che mi hai detto al file template.css.

conti1 · « **Risposta #21 il:** 26 Apr 2010, 11:47:08 »

ciao
scusate se mi intrometto
adottauncane
ma xche hai fatto una posizione in quel modo?

quando bastava fare in questo modo?

Codice: [Seleziona]

 <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
 </head>
<body>
<div class="PageBackgroundSimpleGradient">
</div>
<div class="Main">
<div class="Sheet">
    <div class="Sheet-tl"></div>
    <div class="Sheet-tr"></div>
    <div class="Sheet-bl"></div>
    <div class="Sheet-br"></div>
    <div class="Sheet-tc"></div>
    <div class="Sheet-bc"></div>
    <div class="Sheet-cl"></div>
    <div class="Sheet-cr"></div>
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">
    
    <!--posizione hader1-->
    <?php if ($this->countModules('header1')) : ?>
      <div class="Header">
    <div class="Header-png"></div>
    <div class="Header-jpeg"></div>  
    <jdoc:include type="modules" name="header1" style="xhtml" />
    </div>
    <?php endif; ?>
    <!-- fine posizione hader1-->

</div>
<jdoc:include type="modules" name="user3" />

ora gli basta creare tanti html personalizzati quante sono le voci che gli servono

fare le immagini di grandezza width="1053" height="226"

e pubblicarle sempre nella stessa posizione header1.

visto che header originale e composto da 2 immagini una centrale più i bordi , in questo modo non deve fare le immagini con i bordi ne basta una che va a coprire i bordi .

adottauncane · « **Risposta #22 il:** 26 Apr 2010, 11:55:52 »

Grazie conti1,
io avevo tentato di conservare i bordi anche nella nuova posizione, per evitare che li dovesse ricreare nella nuova immagine. Stasera provo il tuo suggerimento, che sicuramente è più pratico.
Ciao e grazie

conti1 · « **Risposta #23 il:** 26 Apr 2010, 11:57:23 »

ciao
ma se cambia immagine che senso a tenere i bordi della vecchia immagine?

adottauncane · « **Risposta #24 il:** 26 Apr 2010, 12:22:18 »

Perché i bordi seguono quelli dalla parte centrale del template e sono parte integrante del medesimo. Infatti avevo tolto l'header ma rimeva poco finito... Ma adesso mi studio per bene la tua soluzione. Grazie ancora.

marcob · « **Risposta #25 il:** 26 Apr 2010, 13:12:27 »

In effetti il bordo in alto color grigio/azzurro con gli angoli arrotondati fa parte del template, serebbe meglio poterlo visualizzare. Poi posso, come ho fatto con l'immagine che c'è ora, arrotondare gl angoli di quest'ultima ed inserirla.

conti1 · « **Risposta #26 il:** 26 Apr 2010, 13:21:26 »

ma perche complicarsi la vita a fare 2 immagini x avere 2 angoli tondi in alto?
createvi una singola immagine con gli angoli tondi in alto e la pubblicate e il gioco e fatto.
poi se volete litigare con l'immagine prenderla fare i bordi tondi in alto , ritagliarli x creare la prima immagine , poi riprendere il taglio che avete appena eseguito x creare in pratica la parte centrale dell'immagine x ricreare il tutto fate pure .
e questo che non capisco xche si vuole tenere 2 immagini x 2 bordi tondi in alto.
quando con una sola immagine si ricrea il tutto identico sensa perdere tempo.

marcob · « **Risposta #27 il:** 26 Apr 2010, 13:37:01 »

Citazione da: conti1 - 26 Apr 2010, 13:21:26

ma perche complicarsi la vita a fare 2 immagini x avere 2 angoli tondi in alto?
createvi una singola immagine con gli angoli tondi in alto e la pubblicate e il gioco e fatto.
poi se volete litigare con l'immagine prenderla fare i bordi tondi in alto , ritagliarli x creare la prima immagine , poi riprendere il taglio che avete appena eseguito x creare in pratica la parte centrale dell'immagine x ricreare il tutto fate pure .
e questo che non capisco xche si vuole tenere 2 immagini x 2 bordi tondi in alto.
quando con una sola immagine si ricrea il tutto identico sensa perdere tempo.

Allora, ho creato due immagini la parte esterna con gli angoli arrotondati che è .png, e la parte interna .jpg.
Questo perchè per avere gli angoli arrtondati deve essere necessariamente .png; questo formato supporta la trasparenza, mentre il .jpg no, in pratica se uso quust'ultimo formato si vede oltre agli angoli ,dopo averli arrotondati, la parte tolta con l'arrotondamento di color bianco.
Non ho usato solo un'immagine .png, perchè ha un peso di quasi 200KB, mentre usandole in questo modo sono riuscito a stare entro 90KB.
Per quanto riguarda il bordo grigio/azzurro sarebbe bello se si potesse visualizzare, darebbe un senso di continuità al template.

conti1 · « **Risposta #28 il:** 26 Apr 2010, 14:00:34 »

90Kb.
li puoi fare anche con solo una immagine.
vabbe contenti voi contenti tutti.
ciao

marcob · « **Risposta #29 il:** 26 Apr 2010, 14:12:49 »

Mi spieghi come io non ci sono riuscito....

conti1 · « **Risposta #30 il:** 26 Apr 2010, 15:04:22 »

postami la tua immagine zippata quella non tagliata in pratica quella originale .

marcob · « **Risposta #31 il:** 26 Apr 2010, 15:37:49 »

Eccola...

[allegato vecchio più di un anno eliminato automaticamente]

conti1 · « **Risposta #32 il:** 26 Apr 2010, 17:29:40 »

ciao
lo fatta velocemente.

[allegato vecchio più di un anno eliminato automaticamente]

marcob · « **Risposta #33 il:** 26 Apr 2010, 18:00:15 »

Citazione da: conti1 - 26 Apr 2010, 17:29:40

ciao
lo fatta velocemente.

Mi piacerebbe sapere come ci sei riuscito!
Ciao

adottauncane · « **Risposta #34 il:** 26 Apr 2010, 18:47:29 »

Ciao marcob, ciao conti1,
ho provato la versione di conti1 e va benissimo, anche se a me sballa un pochino il template sotto verso sin e la fascetta nera esce un po'. Sicuramente però sarà facile metterle a posto o magari le vedo solo io così...
Però, tanto per capire anch'io, a me sembrava che anche la mia versione potesse andare... almeno a me funziona...
A parte la complessità un po' maggiore, chiedo a conti1, era sbagliata o solo troppo complicata?
Allego immagine di come vedo la mia soluzione con la foto postata da conti1.
Scusa marcob se approfitto del tuo post, ma così imparo anch'io.
Grazie a tutti e due

[allegato vecchio più di un anno eliminato automaticamente]

marcob · « **Risposta #35 il:** 26 Apr 2010, 20:25:08 »

Tranquilla, non posso che ringraziarti per ciò che hai fatto e non farti problemi approfitta pure, anch'io sono qui per imparare!

marcob · « **Risposta #36 il:** 26 Apr 2010, 22:35:35 »

Ho riguardato il tuo css, c'erano dei percorsi immagini non corretti, per quello non funzionava, ora la posizione modulo c'è ma non è perfetta. Per prova ho inserito una slide la posizione non coincide con il bordo superiore.
Inoltre ho visto nel css Sheetmio {
min-height:150px;
min-width:59px;
position:relative;
z-index:0;
width:1071px;>>>>>> non dovrebbe essere 1053px??
Ciao.

adottauncane · « **Risposta #37 il:** 26 Apr 2010, 22:45:11 »

Ciao marcob,
no, credo 1071 vada bene. Devo solo metterti a punto un'ultima cosa sul .css, perché non avendo l'immagine definitiva, non ho potuto farla prima. L'avevo anche già trovata, ma non me l'ero segnata...

Desso la ritrovo.
A dopo.

adottauncane · « **Risposta #38 il:** 26 Apr 2010, 23:03:50 »

Eccomi.
Dovrebbe essere alla riga 1676 del template.css

Codice: [Seleziona]

div.moduletable, div.module
{
	margin-bottom: 0px;
}

Poi dimmi.
Ciao

marcob · « **Risposta #39 il:** 27 Apr 2010, 09:33:03 »

Ho provato, ma non mi sembra sia cambiato nulla.
Ho anche provato la soluzione di Cont1, ma in questo caso, si adatta abbastanza, ma la banda nera in alto esce dal template, i moduli e il contenuto sono spostati sulla sinistra rispetto al template.
Ciao
http://www.provaclerici.altervista.org/