Immagine dell'intestazione (header) flessibile 
Author: Jarek G.Salve,
Vorrei segnalare un problema che non riesco a risolvere con il programma.
Nella pagina esempio
costruita prevalentemente a mano con utilizzo di blocco note, sono riuscito ad inserire un' immagine header flessibile che mantenendo la proporzioni, gradualmente cambia le dimensioni addattandosi alla largezza della finestra (dello schermo).
esempio css
header { background: rgb(51,51,51); margin-bottom: 0; padding: 0; }
header img { width: 100%; } /questo parametro viene ripetuto in tutte le sezioni css dedicate a diverse grandezze dello schermo/
Cerco di riprodurre lo stesso effetto con l'ultima versione di Website X5 Pro 12 ma non ci riesco. Il programma impone di definire l'altezza e larghezza dell'immagine del header e nelle impostazioni di Responsive Template Structure, impone di definire l'altezza in pixel.
Se si imposta le dimensioni a 0, il header non viene visualizzato.
L'immagine delI'intestazione (header) non si adatta gradualmente ma solo viene ritagliata.
Esempio della pagina costruita interamente con il Websitex5 Pro 12:
http://www.fotovarieta.net/2008/10/torino/icescating/main.html
Potrei tentare di aggirare il problema non definendo l'immagine dell'header nelle impostazioni della template e poi inserendola come contenuto ma in questo modo avrei il menu inserito sopra il header.
Qualcuno ha qualche suggerimento per risolvere questo problema usando il programma Websitre x5 Pro ?
Grazie.
Saluti.
----------------
Hello,
I would like to report a problem I can't solve with the program.
In the sample page
mainly built by hand using notepad, I was able to insert a 'flexible header image that maintans proportions and gradually changes the size adapting itself to the window (the screen) size.
example css
header {background: rgb (51,51,51); margin-bottom: 0; padding: 0; }
header img {width: 100%; } / This parameter is repeated in all css sections regarding different screen sizes /
I try without success to obtain the same effect with the latest version of Website X5 Pro 12. The program requires you to define the height and the width of the header and in the Responsive Template Structure settings, requires you to define the height in pixels.
If you set the size to 0, the header is not displayed.
The header image does not fit gradually but is cropped.
Example of the page entirely built with Websitex5 Pro 12:
http://www.fotovarieta.net/2008/10/torino/icescating/main.html
I could to circumvent the problem by not defining the header image in the settings of the template and then inserting it as content, but in this way I would have entered the menu above the header.
Anyone have any suggestions to solve this problem using the Websitre x5 Pro program?
Thank you.
Greetings.
prova a vedere questo esempio:
http://www.mirboprova.altervista.org/topfull/
Author
Hmm... in questo esempio solo la larghezza dell'immagine (header) viene ridimensionata, l'altezza non varia, per cui il contenuto dell'immagine viene deformato. Non va bene.
Senza le ingerenze nel codice probabilmente il programma da solo non permette di inserire dei header flessibili (che cambiano le dimensioni gradualmente mantenendo le proporzioni).
Saluti.
Senza le ingerenze nel codice probabilmente il programma da solo non permette di inserire dei header flessibili (che cambiano le dimensioni gradualmente mantenendo le proporzioni).
infatti con il programma solo no, ma visto che te la cavi con i codici, potresti creare delle immagini di misure diverse e proporzionate, e tramite le media query inserirle come sfondo header nelle varie risoluzioni....la mia era una prova soltanto ma penso che possa funzionare....
... io non ho il programma!! ...ma secondo me forse potresti ottenere risultato simile con lo sfondo dell'intestazione, almeno credo...
... però in alternativa e con la mia solita idea con il DIV_CUSTOM potresti riuscirci senza far uso di script; ...vedi esempio fatto in questo momento in linea con la tua stessa immagine: http://www.zspace.it/kolasim/trash/intestazionejarek142138.html
.
Author
Grazie per le risposte.
Visto che questo forum è dedicato al programma Website X5 di Incomedia, ho segnalato il problema per i programmatori che sviluppano questo software e spero che loro leggano le segnalazioni, e migliorino il loro prodotto nel prossimo aggiornamento.
Saluti.
modificato e funzia
http://www.mirboprova.altervista.org/topfull/
...
... gazie Mirko ...non finirò mai di farlo; ...esempio eccezionale (l'Uovo di Colombo) ...grazie...
.
Author
Grazie per le risposte con un esempio funzionante ma probabilmente fatto con gli interventi a mano nel codice.
Adesso il header nella pagina esempio funziona perfettamente, e l'immagine header viene ridimensionata gradualmente e mantenendo le proporzioni. Cosi va benissimo.
Il programma da solo dovrebbe generare un codice per ottenere questo effetto, senza costringere il suo utente a fare gli interventi nel codice.
Un altra cosa che ho notato:
Nella Template Style>Main Template Structure>Template Customization> si apre Desktop Template Customization> Tab Header > è possibile inserire nel header un campo di ricerca interna (search field), (iconetta binocolo).
Questo search field è visibile solo nella pagina di dimensioni massime. Diminuendo le dimensioni della pagina search field scompare. Hmm...
Qualcuno ha provato se il programma WebSite genera in automatico un motore di ricerca interno funzionante o a questo search field bisogna manualmente aggiungere degli script che abilitano la ricerca interna nel sito ?
Saluti.
...il campo di ricerca puoi metterlo ovunque , riportando semplicemente il codice ...
nell'esempio che ti allego , sopra l'ho messo sopra l'intestazione , dentro l'intestazione e dentro la pagina , nella parte sotto l'ho fatto apparire nel sito responsive ...