Contenuto della pagina a schermo intero
Autor: Tommaso Tarallo
Besucht 5133,
Followers 1,
Geteilt 0
Salve,
vorrei avere il contenuto della pagina (cioè quello contenenti gli oggetti) a schermo intero senza le barre laterali bianche del Sfondo della Pagina.
Come posso ottenerlo anche con codice esterno?
Ormai il mercato lo richiede e WebSite dovrebbe URGENTEMENTE apportare tale modifica.
Grazie.
Gepostet am
... è tutto nella Guida...
... realizza un sito largo quanto vuoi in modalità responsive, e disponi i breakpoint nel modo che ritieni meglio (max 10) provando in Anteprima...
... per esempio, se realizzi un sito largo 1400 pixel, sui monitor al disotto di tale misura, per esempio il mio a 1280px, si vedrà in modalità responsive con il menu hamburger...
.
Autor
Non si può far un sito più di 960 pixel...
Ma le barre laterali nella struttura del modello sia Desktop che Responsitive, non si possono eliminare e rimangono sempre visibili...
... perché no ...!?...
... io non ho il programma, ma si può benissimo fare...
... usa un modello personalizzato, oppure duplica il progetto con il template in uso e personalizzalo...
(... in alternativa potresti utilizzare un interessante sfondo con maximage (v.Mirko): https://helpcenter.websitex5.com/post/21241 ...)
.
Autor
Io ho utilizzato un modello personalizzato e impostato l'altezza di ogni sezione della pagina a zero, tranne per Sfondo perchè non compare l'opzione....
Devo far scomparire la sezione Sfondo della Pagina.
devi andare al passo 1, stile del modello, struttura del modello principale, scegli intestazione nella finestrella "sezione della pagina" e in basso puoi modificare la larghezza del sito...probabilmente la grafica si stravolgerà un po' ma è possibile modificare la larghezza della pagina...
Autor
Ma non c'entra l'intestazione ....
il problema è che lo sfondo non si può eliminare...
Autor
Bastava permettere di inserire il valore della larghezza allo Sfondo della Pagina e poi io la settavo a zero
giuseppe, ma chi lo ha detto? hai fatto quello che ti è stato suggerito?
l'intestazione serve appunto a definire la larghezza del tuo sito...
poi per eliminare lo sfondo, seleziona appunto nella stessa finestrella dove hai selezionato intestazione, metti "sfondo della pagina", e nelle proprietà grafiche, ti compare una finestra con "immagine" e il nome dell'immagine di sfondo...clicca una sola volta sul nome dell'immagine e poi fai "backspace" sulla tastiera...ti andrà via l'immagine di sfondo...
poi non aprire post doppi o post idea su una cosa che website già ti permette di fare...ti stiamo rispondendo qui...
Autor
ma mi rimane sempre lo spazio vuoto laterale: metto una stamp
non guardare quello ... vai ad inserire i contenuti nelle pagine e vedrai che quello spazio non c'è...se tu hai un monitor a 1920px inserisci 1920 come larghezza intestazione e vedi il risultato...
Autor
Ma superiore a 1920 px si vedono gli spazi bianchi...
mi arrendo...
@Giuseppe
metti un esempio di sito dal quale stai traendo "ispirazione" ...
e visto che dici di voler usare anche codici esterni puoi trarre numerosi spunti da questo bell'esempio di "quelli del cucuzzolo"
http://www.quellidelcucuzzolo.blogspot.it/2016/01/layout-strisce-orizzontali-website-x5-12.html
Autor
scusate ma mi sono confuso
Autor
Skeggia scusami, ma se faccio come dici tu se cambio schermo il sito viene visualizzato tagliato e su smartphone invece c'è un bordo bianco a sinistra...
e tu Barbara non c'è niente da ridere che qua si tratta di lavoro !
dai giuseppe, non te la prendere io ho fatto un po' di ironia... non volevo prenderti in giro...se hai qualcosa di pubblicato, posta il link...così al buio è difficile darti un suggerimento giusto...magari se ancora non lo hai pubblicato, pubblica in una sottocartella del dominio la bozza attuale...così io o altri lo analizzeranno...ciao...
Autor
non me la prendo tranquillo e anzi vi ringrazio!
ecco il modello che ho crreato con larghezza a 980
se leggi bene sopra, devi mettere l'intestazione oltre i 980....e tu insisti con lo sfondo, provaci e lo vedrai da te che si allarga tutto...
altrimenti metti lo sfondo del sito dello stesso colore del contenuto pagina, cosi non vedrai alcuna fascia laterale......
Autor
si ma se metto 1920 px, nei monitor a 15 pollici poi si vede tagliato.
cmq ho aggiunto questo codice prima della chiusura dei tag head:
<style>
#imPage {
margin: 0;
}
</style>
bhoooo continuo a non capire....con quello di sicuro non risolvi...
Autor
Al segunte link, ecco la soluzione che mi avte suggerito impostando a 1920 :
http://pedalino.16mb.com/1920/
invece al seguente link la mia soluzione impostata a 980 con codice css di sopra:
http://pedalino.16mb.com/980/
Autor
altrimenti inviatemi il vostro modello così me lo importo nel programma
hai provato a leggere questo link...?
https://helpcenter.websitex5.com/post/145270#13
avresti risolto con tutte le risoluzioni....
io lo ho provato qui e non vedi fascie laterali:
http://provews.altervista.org/fasce_orizzontali/
Autor
ma il post che hai messo é proprio questo quello mio!
Ok capito.....leggi questo link di Claudio.....
Autor
l'ho provato ma permette soli di avere una sola immagine a pieno schermo e a me invece servono mettere più immagini e
se leggi bene, ne puoi mettere fin che vuoi....buona notte...
Autor
Mirko ti ringrazio ma il suggerimento permette di inserire semplici immagini con un codice html ma a me serve fare effetti e associare link alle immagini e mettere gallerie ... Sennó mi affidavo a qualche altro programma free che lo permette di fare cose semplici ma non elaborate come wen website...
giuseppe...
questo link che hai postato ha una immagine dentro un oggetto html con impostato un max-width:1280px... per questo non va a schermo intero...
http://pedalino.16mb.com/1920/
Autor
ho utilizzato l'oggetto immagine e non un codice html esterno
Autor
ho utilizzato qualità 100 e riduzione decimate
...non capisco cosa centri questo ...
come ti ho già chiesto prima , metti un link o un esempio di quello che vuoi fare ...
e se hai già messo qualcosa online metti il link ...
...ma un link di una pagina web/sito non di un immagine dentro una pagina ...
o metti un link di un sito che vorresti "imitare" ... per capire come fare il template ...
Autor
ma non voglio imitare nessun sito: Voglio soltanto che le barre laterali bianche non compaiono e il corpo della pagina web si adatta allo schermo di qualsiasi risoluzione senza che l'immagine si ritaglia o presenta barre laterali bianche.
l'obiettivo é eliminare lo sfondo della pagina
non si tratta di imitare , si tratta di capire cosa vuoi ottenere ...
...ma vuoi uno sfondo a tutto schermo composto da un'immagine o uno sfondo solo colorato ?
...ma hai già provato a fare qualcosa ? se si metti il link ...
Autor
no voglio eliminare lo sfondo completamente e che il contenuto di ogni pagina si adatta automaticamente alla larghezza dello schermo indipendentemente all'altezza
Autor
Arrivato a questo punto, sarebbe meglio che mi inviate un progetto (contenente solo la pagina Home con almeno una immagine a caso) o un template così io lo riutilizzo: grazie a tutti per il vostro aiuto!
... se conoscevi il programma seguendo le indicazioni inizialmente date, potevi di già aver risolto, anche se le bande laterali a seconda della finestra non verrebbero azzerate al 100% ma quasi...
(... se invece ti riferisci ad un risultato simile a questo vecchissimo esempio a seguire, allora non ti servirebbe nessun programma, basterebbe il semplice blocco note di windows: http://www.zspace.it/kolasim/paginaelastica_k/paginaelastica_k100.html ...)
.
Autor
Infatti le tue istruzioni sono state le più utili...
cmq per me questa è una mancanza del programma.
Ho comprato il programma per fare il sito in Blocco Note?
Autor
L'esempio è quello giusto KolAsim: grazie!
... l'esempio è di 10 anni fa, e non puoi con il programma, ma se conosci un po' di html lo potrai fare con il blocco note...
... invece con il programma puoi realizzare un sito molto avanzato, controllandone il layout nel posizionare i vari breakpoint ad hoc, e ne hai 10 a disposizione per i valori intermedi...
.
Quello che sta cercando di fare GiuseppeP e quello che stavo cercando di fare anche io, e cioè creare un sito a schermo pieno senza usare codici.
Con il programma si potrebbe anche fare se solo fosse possibile impostare i breakpoint nella struttura responsive, in maniera diversa.
Si potrebbe ottenere l'esempio postato da KolAsim
http://www.zspace.it/kolasim/paginaelastica_k/paginaelastica_k100.html
se solo ci fosse la possibilita di impostare il primo breakpoint con valori superiori a 1290
ma anche inferiori per esempio fino a 720 in modo che il sito da 1290 a 720 fosse visibile con il menu' classico e, appunto come nell'esempio sopra, si addattasse a seconda dello schermo, cosi da essere visibile
Impostando poi un breakpoint da 720 a 0 potrebbe essere visibile sempre adattandosi su tablet e telefoni con la visualizzazione del menu hamburger.
Ma a quanto pare non si può.
Autor
Spiegazione efficiente quella di Roberto!
... se ti sai barcamenare (e credo di sì!), ... (non avendo io il programma!), come spunto posso solo proporti una mia idea già proposta, basata su pagine test presenti online di Mirko, ...
... al rigo 43 del sorgente (Ctrl+U) dell'esempio troverai le modifiche a partire da:
<!-- alterazione @media KolAsim -->
...
>>>> http://www.zspace.it/kolasim/trash/mirko12_media3.html
...
... in poche parole con il primo SCRIPT ho annullato i file CSS in uso, e poi li ho aggiunti dopo (non tutti!) con le mie correzioni agli @media presenti nel listato, ovviamente in modo grossolano, ma che rende l'idea e che vale solo come idea...
... col tuo impegno e col programma in mano potresti ottenere di meglio; ...provaci e magari facci sapere dei risultati...
.
ciao
Autor
Grazie KolAsim, domani ci proverò!
Grazie KolAsim, ma non so se mi barcameno cosi tanto, comunque qualcosa da una prima prova si vede, la strada potrebbe essere questa, adesso con calma provo a vedere e poi naturalmente riferisco....
Autor
si però é un bel casino... Come si fa a disattivare solo il css relative al modello?
...ma, a mio , modesto, parere se si sfrutta uno sfondo adeguato , e un'immagine di dimensioni adeguate per la testata oppure al limite una slide/immagine a tutto schermo ( quella ottenibile , purtroppo , al momento , solo con codici esterni ) si riesce ad ingannare il visitatore ed ad ottenere un ottimo risultato coprendo la maggior parte delle risoluzioni.
Quindi e soprattutto , solo con le possibilità offerte dal programma, senza dannarsi, tranne la slide o l'immagine a tutto schermo, o al limite uno sfondo che si adegua.
Porto come esempio il sito di website http://www.websitex5.com/en/ che "sembra" un full screen ma non lo è , l'immagine in alto è larga 1920px ed il "contenuto" del sito circa 1200px.
...e poi comunque , sempre secondo me, per questioni di impaginazione i contenuti non possono certo adattarsi ad elastico a qualsiasi risoluzione in larghezza ( tranne casi particolari ) ...
Le indicazioni che sono state date da KolAsim , Mirko e da Skeggia nelle prime risposte , sono più che sufficienti per ottenere questo risultato.
Allego come esempio lo screenshot con le misure del sito di website preso a 2748pixel di larghezza schermo , risoluzione proibitiva ...
Autor
ottima spiegazione peró per la mia esigenza di inserire solo immagini e testo senza menu potevano dare questa possibilità ...
...il discorso non cambia , non attivi il menu ( non mi pare che nei tuoi post l'avevi mai detto del menu ... o sbaglio ? ) ...
comunque non cambia niente ...
in creazione pagina nascondi le voci del menu ...
Autor
si Claudio, intendevo dire che incomedia poteva dare la possibilità di disabilitare tutta la struttura del CSS
Autor
ma bastava fissare la larghezza a 100% pixel... giusto?
Si,Claudio, si puoò aggirare in molti modi e fare qualcosa di simile, ma nel tuo esempio se io guardo il sito da uno schermo di meno di 1200 px lo vedo con il menù hamburgher, mentre io credo che un sito almeno fino a schermi di 720 px potrebbe essere visto comodamente nella versione standard.
E proprio per non dannarsi tanto io vorrei coinvolgere i responsabili di incomedia per capire se modificare il sistema dei breakpoint fosse possibile.
Riuscire a farlo significherebbe un salto notevole di qualita per il programma che permetterebbe di creare siti full screean (con tutti i tipi di oggetto) senza bisogno di codici
Basterebbe, in fase di creazione dei breakpoint aggiungere un opzione che permettesse la scelta del tipo di menù da visualizzare.
...no dipende anche dall'occupazione del menu ... se il menu è largo 500px ad esempio,
fino a 500 lo vedi normale , sotto lo vedi hamburger ...
inutile avere un breakpoint più alto , se non ci stà non ci stà ... deve per forza di cose essere convertito da menu normale a menu hamburger...
mi riaffaccio...
scusate se ancora dopo 200 post non riesco a capire...sarà l'età...
la domanda originale era "contenuti a schermo intero senza barre laterali" giusto?
ora pongo io una domanda all'interessato: hai applicato i suggerimenti proposti?
prova a guardare questo esempio fatto in 2minuti e 8 secondi...
template predefinito, impostazione del responsive senza toccare i breakpoint, impostazione dell'intestazione a 1920px, eliminazione del footer e dello sfondo del footer, applicazione di una immagine allo sfondo del sito, con impostazione "adatta al contenuto della finestra"... inserimento di alcuni oggetti immagine sulla griglia di pagina...provare a ridurre la finestra del browser... il menu hamburger compare sotto i 720px... non ci sono margini bianchi laterali...senza una riga di codice esterno...
http://www.skeggia12.it/test/breakpoint/
chiedo scusa se non è questo che volevi ottenere...in caso ignora questo post...
Autor
grazie skeggia, ma nel tuo esempio si vede sempre un po' di spazio laterale nelle immagini
Caro Giuseppe, non ho rifinito per niente il contenuto...ho inserito degli oggetti immagine senza azzerare tutti i margini...se si azzerano quelli riempio lo schermo...comunque ora te lo dimostro...tra un po torna sul link...
____
fatto...
Autor
si vedono sempre un po' però
ok...
Credo sia un passo importante da risolvere e che interesserebbe molti altri utenti, quindi mi permetto di insistere. Nell'esempio di Skeggia lo apro( ho un monitor 1920 px) e vedo correttamente, le immagini delle galline che riempiono lo shermo da six a dx: questo è un sito full screen.
Ma se riduco la finestra anche di un solo px le galline si vedono in uno spazio ridotto ( al centro) probabilmente di 720 px.
Le barre laterali non si vedono perche, lo sfondo è riempito dall'immagine del cane, ma quello che si vorrebbe ottenere e che lo schermo, da 1920 a 720 fosse da dx a sx riempito dei contenuti e non dallo sfondo.
Secondo me questo si potrebbe ottenere con un aggiornamento al programma, magari in futuro, che dia la possibilità di applicare al primo breekpoint non solo un valore ( in questo caso 192) o superiore ma da due valori (1920- 720 ( o comunque la lunghezza del menù) all'interno dei quali il sito si adatta alla largezza dello schermo o della finestra.
...ma vuoi scrivere sulla cornice del monitor ?
un po' di spazietto laterale , ci va , non sta male ...
Autor
il cliente la esige non io...
...come ti ho già detto più volte , Giuseppe , mostrami un sito di esempio ... anche della concorrenza , o tuo ...
Autor
per esempio la photogallery del sito della Microsoft
https://www.microsoft.com/it-it/
secondo me, gli dici che non sei in grado di farlo, e fai più bella figura con lui, e con tutti quelli che ti stanno cercando di aiutare......visto che a te non va bene niente...senza offesa...
altrimenti inviatemi il vostro modello così me lo importo nel programma
e se il cliente ti chede una modifica poi, chi te la fa...???
da come stai scrivendo nei post, secondo me è prestino per avere clienti...
Autor
il cliente è un mio amico... ma se ho il progetto, io lo posso modificare con il programma
...scusa ?
ma io vedo un bello spazio laterale , come da immagine allegata ...
Autor
anche il modello me lo posso importare..
motivo in più....digli al tuo amico, o cosi o chiedi ad una agenzia e paga quel che deve...
Autor
cmq mi sarebbe piaciuto anche a me...
Autor
Skeggia, mi potresti inviare il progetto così vedo se io l'ho fatto lo stesso?
...come da immagine allegata a me pare che il sito in questione abbia il doppio dello spazio , che website lascia di solito , ma magari vedo male io ...
Autor
ma lo spazio è stato voluto... ma io mi riderivo alle photogallery che sono a pieno schermo
Scusate se intervengo. Premesso che se non si hanno le competenze adeguate (mi riferisco ad inserimento di codici, conoscenza di linguaggi ecc) non si riesce in modo immediato ed intuitivo ad ottenere siti a pieno schermo, responsive che mantengono le stesse immagini e gli stessi elementi (icone, scritte ecc) passando dalla visualizzazione desktop a quella mobile e considerando che, a mio modestissimo parere (!!) Incomedia potrebbe/dovrebbe rendere disponibili queste caratteristiche "avanzate" per ottenere un sito moderno come quelli che si usano oggi, vorrei "regalare" un mio template a pieno schermo, responsive e one page a tutti quegli utenti che, senza le competenze adatte non riuscirebbero a realizzarli in modo semplice. La mia non vuole essere nè una polemica, nè altro, ma credetemi, mi dispiace vedere persone "disperate" che chiedono informazioni e ottengono sì degli aiuti ma spesso tali aiuti sono "difficili" da seguire se ci si è avvicinati da poco a questo settore. Potete utilizzare e personalizzare questo il mio template come e quando volete. Non ci sono problemi. Così la risolviamo qui la questione. Spero di aver fatto cosa gradita. Non so se me lo fa allegare il file che supera i 1024 KB, in caso contrario andate qui: http://www.ggweb70.altervista.org e c'è la mia mail, contattatemi e vi invio il progetto del template. Buona serata a tutti.
Autor
Grazie Giuseppe :) ora ti invio l'email. Ma il tuo template lo posso riutilizzare con il progarmma WebSite X5 Professional 12?
Prego. Io l'ho realizzato con la versione Evo 12 non con la professional, ma credo non ci dovrebbero essere problemi. Controllo mail e ti invio il progetto. Ciao
Ok, ti sto inviando il progetto. Ciao ciao :-)
...la Pro , carica senza problemi la Evo ...
@GiuseppeGuida , se vuoi, e se rispetta i termini (per le immagini) :
https://answers.websitex5.com/projects/howto
puoi metterlo a disposizione caricandolo in Templates:
https://answers.websitex5.com/projects
come fanno altri utenti , Kris , ad esempio...
Ciao Claudio, ne ho inviato un altro di template ed è in attesa di approvazione. Grazie. Ciao ciao
Autor
Ho provato il template di Giuseppe Guida, ma è solamente l'immagine dello sfondo ad essere a pieno schermo e non le immagini o le gallerie di immagini.
Ho chiesto ad Incomedia ma mi hanno detto che il programma ha bisogno sempre di una larghezza fissa.
Quindi il problema non è risolto....