Immagine estesa
Autor: Saverio A.
Besucht 1560,
Followers 1,
Geteilt 0
Ciao, come faccio ad impostare un immagine nell'headera schermo pieno senza bisogno di selezionare ripeti orizzontalmente o entrambi i lati?...
Gepostet am
La cosa migliore sarebbe metterla su una riga ed estendere a schermo pieno, oppure nello sfondo della proprietà di pagina e rendere leader trasparente... fatto questo con due righe di codice si alza il contenuto del corpo della misura dellheader.. questa potrebbe essere una soluzione ... il risultato è questo
https://www.giancarloweb.it/template/showfolio/
Autor
Ho provato mi taglia parti dell'immagine sia a destra che a sinistra. Come devo diavolo fare non si sa
Saverio che soluzione hai provato ? con la versione V17 se metti un'immagine in un oggetto immagine delle misure appropriate ad esempio larghezza 1920px ed estendi l'oggetto con la nuova funzione, in questa situazione l'immagine risulta responsive.
Autor
Giancarlo, ho provato sia ad inserire l'immagine su sfondo della pagina e adattare al contenuto della finestra, ma non va bene perchè mi copre alcune cose, poi ad inserirla nell'header con altezza 600 centrato e ho messo estendi alla larghezza della finestra del browser, niente mi taglia l'immagine sia a dx che a sx. Poi non so se ci sono altre soluzioni o meno, anche perchè non sono proprio un genio... diciamo che sono "provetto" :-)
Autor
Oddio la cosa non è proprio un affare di vita o di morte potrei anche farne a meno, però ho visto che molti siti vengono impostati così, infatti ho visto il sito creato con la v.13 "Ristorante Aragosto" e l'immagine si estende perfettamente come vorrei fare io.
... per quel che ho capito, io non penso che da programma sia possibile per l'HEADER (e forse neanche per le righe!), e nel caso posta il link di questo esempio "aragosto" in modo da per poter valutare...
... in genere viene usato il metodo CSS COVER, anticipato da me con una mia invenzione unica, un decennio prima, e che per forza di cose deve escludere parti dell'immagine come è ovvio che sia per questa filosofia...
... invece, se ho capito cosa cerchi tu, cioè il resize ratio senza priorità W/H, un metodo molto semplice sarebbe sempre quello inventato tramite il mio DIV_CUSTOM+IFRAME (anche senza iframe)...
... se è questo quello che cerchi, e se ti interessasse:
1) - realizza un esempio semplice e leggero con una intestazione vuota ed alta 200 pixel, magari colorata di blu o rosso in modo che sia evidente, e con un paio di oggetti (testo o altro) incolonnati nel corpo della pagina o griglia; ..pubblica in rete e posta il link in modo che si possa valutare...
2) - come anticipato posta anche il link di "aragosto"...
... senza i punti 1) e 2) ...allora ignora quanto da me detto, (...altrimenti continuerò per dirti cosa a come fare, ...un paio di copia/incolla...)...
... comunque, se sei già esperto e sai far da te, puoi vedere, studiare e prelevare da te quel che ti serve del mio codice ed adattartelo dai tutorial dello stesso Giancarlo...
.
Io mi faccio prima uno "STAMP" della pagina del browser con il mio sito, poi ritaglio la porzione esatta che mi interessa (per esempio l'header) con un programma per la gestione delle immagini (tipo Photoshop) e ci incollo la foto che voglio usare come sfondo, centrandola, riducendola o ingrandendola finchè non entra perfettamente nelle misure. Così sono sicura che ciò che inserisco nel progetto è anche quello che vedrò a monitor.
non usare l'header non va bene, come ti avevo scritto nel post sopra puoi utilizzare le proprietà di pagina come è stato fatto sul template da te citato....
... ciao, ...per curiosità, visto che non io ho il programma, ...nel tuo caso l'immagine si estende a tutta larghezza della pagina ridimensionandosi anche in base alla larghezza della finestra del browser...?...
... grazie, ciao
Autor
Kolasim, ho provato con l'esempio di Giancarlo mi prende lo stesso l'intera pagina...intanto metto un esempio di come vorrei che fosse impostata la home.
Autor
Questo è invece l'altro esempio del ristorante cui ti dicevo prima, sito fatto con ws5 pro vers.13
Saverio posta come ti viene, che non ho mica capito cosa intendi per l'intera pagina
Autor
Giancarlo ho scritto prima che sono nuovo alla creazione di siti, evidentemente mi sono spiegato male ragion per cui non posso fare altro che mettere qualche esempio. La domanda era, si può inserire un'immagine in alto e in orizzontale senza che la stessa venga ripetuta? Se si, va bene...se no, non importa, ma a quanto pare sembra che il programma non lo consenta, ed ho letto che per farlo bisogna inserire del codice esterno.
direi di si, senza codici come vedi nel mio esempio ed in molti altri, ma tu hai provato ? o parliamo solo di teoria ? se hai provato posta il tuo progettino (progetto.iwizip) per verificare cosa non ti torna ma per quello che ho capito io quello che tu chiedi è fattibile e senza codici.
facciamo prima ti inserisco io due esempi
link per scaricare progettini di esempio
https://we.tl/t-mvDcLnPIy0
Autor
Si Giancarlo intendevo questo...
... quindi se hai risolto con gli esempi puoi chiudere il post...
Autor
Grazie Giancarlo!!...
... per me i conti non tornano con quanto avevi richiesto per l'HEADER...
... il sito "centrosantamonica" ...è tutt'altra cosa rispetto agli altri esempi, ed anche se non posso scaricare, penso che sia come nel link dell'esempio postato...
... invece con le mie invenzioni si potrebbero ottenere effetti identici o simili a quello dell'HEADER del sito "centrosantamonica", ... anche con la sostituzione delle immagini per le risoluzioni inferiori come avviene l'ì...
... comunque visto che sei alle prime armi ed hai risolto, meglio così; ...le soluzioni interne al Programma son sempre da preferire in ogni caso...
... eventualmente quando sarai diventato più esperto e vorrai sperimentare codici EXTRA ci risentiremo in altri Topic...
.