Problema sovrapposizione elemento .PNG 
Autor: Federico LomazziMi occorrebbe posizionare un file .PNG in una qualsiasi posizione dello schermo, questo al fine di ottenere degli effetti di sovrapposizione in trasparenza, ad esempio per dei bellissimi ribbons diagonali i quali devono attraversare background, intestazione e parte del contenuto, alla stregua della stragrande maggioranza dei siti oggi in circolazione, almeno di un livello decente. Ho provato ad inserire nella sezione "esperto" delle impostazioni generali una cosa del genere:
<img src="images/ribbon3D_promo.png" style="position:absolute; left: 860px; top: 0px; z-index:20000;">
diciamo che potrebbe anche funzionare, a patto che non venga toccata la scalatura in percentuale del browser; se questo avviene il ribbon si scompagina. Allora, per prova, ho inserito direttamente la stessa riga di codice dentro la pagina Index.html, subito sotto l'apertura del div con id "imPage" Praticamente sotto la riga di Index.html
<div id="imPage">
...ho scritto...
<img src="images/ribbon3D_promo.png" style="position:absolute; left: 860px; top: 0px; z-index:20000;">
Così funziona bene, nel senso che supporta anche la scalatura in percentuale del documento dal browser,ed in effetti posso posizionare i miei .png dove mi pare. Il rovescio della medaglia è che dovrei andare a modificare tutte le pagine Html generate, per far si che l'effetto persista nella navigazione. Qualche cosiglio su come risolvere il problema?
E' un pò che non uso X5, ma ora che ci sto lavorando noto che è davvero un ottimo prodotto, pertanto sono certo che vi sarà una ottima soluzione che a me ora sfugge.
Grazie a tutti!
... premetto che non ho il programma, ...ma vado per logica acquisita con la precedente v.8...
... faccio riferimento alla pagina 31 della guida in linea...
>> Passo 1.
>> Impostazioni Generali >> Sezione Esperto >> Codice personalizzato per la sezione HEAD
... in questa sezione inserire il codice STYLE che genera il DIV supplementare...
... ed in >> Codice per attivazione delle Statistiche ...inserire il TAG DIV generato prima, con il codice di incorporamento degli oggetti, (immagini, ecc.)
...
... in alternativa, anche se non proprio corretto per i "puristi" del codice, potresti inserire i codici su detti in un Oggetto Codice HTML (</>) della Barra Superiore, o Intestazione...
... per farti un'idea ti propongo di guardare il codice HTML di questa mia pagina, dove gli aerei svolazzano in un DIV creato nel modo detto, basta cercare la voce "sfondoK", e ne troverai due, una nell'HEAD e l'altra in fondo al BODY:
http://www.zspace.it/kolasim/wsx5_v8/sfondoresizeSuperK2/pagina_1.html
bye
Autor
Hai ragione, bastava andare per logica...
nella sezione Esperto/Codice personalizzato per la sezione Head ed inserire appunto:
<div id="imPage">
<img src="images/ribbon3D_promo.png" style="position:absolute; left: 860px; top: 1px; z-index:20000;">
</div>
e funziona che è una meraviglia.
Grazie per i suggerimenti!
spero tu stia scherzando
imPage esiste già e oltretutto così metti un DIV dentro l'header...
Autor
Si è vero....me ne sono poi accorto subito dopo quando ho controllato la generazione...
Sono tornato alla soluzione iniziale, così almeno funziona.
Certo che ci fosse qualche cosa di più "integrato" sarebbe meglio.
Grazie ugualmente.
hai la versione 9 o 8 ?
comunque vedi così come si comporta mettendolo nello spazio per le statistiche
<div id="ribbon">
<img src="images/ribbon3D_promo.png" style="position:absolute; left: 860px; top: 1px; z-index:20000;">
</div>
Autor
Ho il 9, aggiornato.
Ho provato come dici tu, funziona se lasci invariato lo zoom del browser, es. 100%; come lo modifichi il ribbon và per i fatti suoi....
prova a metterlo online per farmi vedere
Autor
Ho inserito qui la problematica.
Se guardi l'index.html troverai due banner "nuovo.png", il primo inserito dal X5 a partire dal codice nella zona "statistiche", l'altro messo a mano da me.
http://www.federicoprova.comuf.com
Grazie
Autor
....quello che si sposta con lo zoom è quello inserito da X5 a partire dal codice nella zona statistiche, ovvero il "nuovo.png" all'interno del DIV "Ribbon"
prova così, in zona statistiche, si sposta leggermente quando la finestra è più piccola del body ma poca roba, mi sembra accettabile
<div id="ribbon">
<img src="images/nuovo.png" style="position:absolute; left: 50%; margin-left:380px; top: 1px; z-index:20000;">
</div>
come immagine usa questa allegata che te l'ho ristretta
Autor
Si, ok, ora funge. Non avevo pensato di rifermi alla percentuale, così funziona. Grazie dell'aiuto. Chiaramente, essendo una percentuale, sarà difficilino azzeccare posizioni precisissime, ma certamente per me funziona a dovere.
Sono certo che i programmatori di X5 potrebbero fare una cosa fantastica a livello di compilazione quando, parsando una dichiarazione di un oggetto (div o altro) già esistente, inserissero il codice all'interno di questo, anzichè duplicarlo.... Secondo me sarebbe un aiuto notevole.