WebSite X5Help Center

 
Andrea A.
Andrea A.
User

Sfondo della Pagina  it

Author: Andrea A.
Visited 2378, Followers 1, Shared 0  

Salve, ho visto che il mio template è composto dalla pagina e dallo sfondo della pagina

La parte centrale (pagina) viene sempre correttamente visualizzata anche se navigo da cellulare o pc con schermo ridotto mentre lo sfondo della pagina (le 2 fasce laterali) a volte vengono visualizzate, a volte in parte tagliate ed a volte non si vedono proprio

E' possibile fare in modo che si vedano completamente o non si vedano ma non che vengano in parte tagliate?

Se possibile Vi chiedo indicazioni su come farlo

Grazie a priori

sito www.iltimbraio.it

Posted on the
34 ANSWERS - 5 USEFUL - 1 CORRECT
Mirko Boschetti
Mirko Boschetti
Moderator

non penso sia possibile, dipende dalla misura del tuo sito, e dalla misura dello schermo del visitatore...

Read more
Posted on the from Mirko Boschetti
Andrea A.
Andrea A.
User
Author

Grazie Mirko, ma come posssiamo fare, rimpicciolisco il mio sito (sempre che sia fattibile)?

In quel caso poi se uno naviga con uno schermo più grande ha degli spazi bianchi inutilizzati oppure vede tutto been e più grande?

Grazie ancora

Read more
Posted on the from Andrea A.
Mirko Boschetti
Mirko Boschetti
Moderator

rimpicciolirlo...?  noooo

piuttosto eliminerei quei testi a lato, lasci sfondo bianco (che è anche più elegante), e nella pagina una slide che ti contenga i testi....molto più visibile...(io personalmente) entrando nel sito, non stò a leggere il testo nei lati, ma mi concentro di più al contenuto delle pagine...poi è questione di gusti.... 

Read more
Posted on the from Mirko Boschetti
Andrea A.
Andrea A.
User
Author

Grazie mille Mirko, cosa intendi per mettere una slide che contenga i testi?

Grazie ancora

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... io intanto ti propongo il solito DIV_CUSTOM, immediato...

http://www.zspace.it/kolasim/trash/loghiAndreaAquili_K.html

... in fondo al codice sorgente della pagina (Ctrl+U) troverai il DIV_CUSTOM; ...basta che fai copia/incolla nel pannello ESPERTO | sezione prima della chiusura del tag /BODY, e metti il percorso delle tue immagini (170x390)...

(e dovresti fare lo stesso anche per quello che hai messo in header)

.

ciao



Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

Io ti ringrazio infinitamente ma sono alle prime armi e non mi intendo affatto

puoi dirmi qual'è la parte di codice che devo copiare ed incollare?

e poi quello che dovrei fare per mettere anche un codice in header oltre che il percorso immagini

Mi scuso ancora se Vi faccio perdere tempo ma purtroppo......

Grazie infinite ancora

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... lo vedi chiaramente in fondo alla pagina, non puoi sbagliare, comunque lo riporto anche qui:

<!-- DIV custom KolAsim START -->
<div id="sfondok1" style="position:absolute; top:250px;margin-left:50%; left:-650px;">
<a title="GOOGLE" href="https://www.google.it/"> <img src="logoSX.png" width=170 height=390 /> </a>
</div>
<div id="sfondok2" style="position:absolute; top:250px;margin-left:50%; left:480px;">
<a title="GOOGLE" href="https://www.google.it/"> <img src="logoDX.png" width=170 height=390 /> </a>
</div>
<!-- DIV custom KolAsim END -->

...

... per l'header fai la stessa cosa, e cambiando i valori di TOP, per esempio top:10px e le relative immagini...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

domande (oltre a ringraziarti moltissimo):

come faccio a collegare le immagini (stai parlando con un principiante ricorda)

ho visto che la posizione è corretta ma è possibile anche fare in modo che l'immagine sia fissa (cioè facendo scorrere la pagina rimane sempre visibile)?

inserirlo nell' header a cosa serve?

ed infine nella pagina 

sezione prima della chiusura del tag /BODY

ho già inserito un codice che mi serve per il discorso cookie, si daranno fastidio?

scusa tanto per le domande che a Voi risulteranno bnali e scontate e grazie tante per la pazienza 

Read more
Posted on the from Andrea A.
Mirko Boschetti
Mirko Boschetti
Moderator

nel codice postato sopra, dove leggi: position:absolute, metti position:fixed

dopo il codice che hai già, vai a capo e incolla anche questo....ne puoi mettere fin che vuoi...

Read more
Posted on the from Mirko Boschetti
Andrea A.
Andrea A.
User
Author

grazie infinite anche a te Mirko per l'aiuto

prendetela come una missione 

come faccio per collegarci le mie foto?

Grazie ancora

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... intanto metti le tue immagini  in rete, anche di quelle per l'header, e posta i relativi link...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

ditemi pure se è meglio che le carichi su altro sito

grazie ancora

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... mettile nel tuo spazio WEB dove cè il sito e posta il link, per esempio nella cartella files o images,  e ricordati anche quelle per il top...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

altrimenti le posso caricare su 2 pagine nascoste del sito

sono a disposizione e ringrazio ancora per la pazienza e perchè mi permettete di imparare tutte queste cose

Read more
Posted on the from Andrea A.
Mirko Boschetti
Mirko Boschetti
Moderator

inserisci un oggetto html, vai in esperto, allega le immagini da li, te le mette nella cartella files automaticamente, esporti e sono già a posto....fatto tutto, puoi eliminare l'oggetto html...

poi il link alle immagini diventerà:

http://www.iltimbraio.it/files/nomeimmagine.jpg

e lo metti qui....

Read more
Posted on the from Mirko Boschetti
Andrea A.
Andrea A.
User
Author

siete fantastici

provo

come faccio a mettere risposta corretta ed utile per entrambi?

si puo'?

Read more
Posted on the from Andrea A.
Mirko Boschetti
Mirko Boschetti
Moderator

UTILE basta che clicchi sull'Utile in basso a dx dei post che ti sembrano utili, e lo puoi mettere a tutti quelli che vuoi...per il corretto aspetta ad aver finito, altrimenti nessuno ti potrà più rispondere....

Read more
Posted on the from Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

>> >>   http://www.zspace.it/kolasim/trash/loghiAndreaAquili_K2.html

... il codice da applicare, dove e come già detto, è questo (oppure quello del sorgente del mio esempio):

<!-- DIV custom KolAsim START -->
<div id="sfondok1" style="position:fixed; top:250px;margin-left:50%; left:-650px;">
<a title="GOOGLE" href="https://www.google.it/"> <img src="http://www.iltimbraio.it/files/sfondosx.jpg" width=170 height=390 /> </a>
</div>

<div id="sfondok2" style="position:fixed; top:250px;margin-left:50%; left:480px;">
<a title="GOOGLE" href="https://www.google.it/"> <img src="http://www.iltimbraio.it/files/sfondodx.jpg" width=170 height=390 /> </a>
</div>
<!-- DIV custom KolAsim END -->

... 

... correggi il link su google...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

perfetto, applicato e funziona (grazie infinite)

ma per la parte altà (l'header se non dico male) che codice uso e quali dimensioni devono avere le foto

Grazie ancora ad entrambi

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... come indicato, se guardavi nel link lo avresti saputo (150x130); ...il codice usato per il TOP/header extra è questo:

<div id="sfondokT1" style="position:fixed; top:10px;margin-left:50%; left:-630px;">
<a title="GOOGLE" href="https://www.google.it/"> <img src="files/TuaImmagineSinistra.jpg" width=150 height=130 /> </a>
</div>
<div id="sfondokT2" style="position:fixed; top:10px;margin-left:50%; left:480px;">
<a title="GOOGLE" href="https://www.google.it/"> <img src="files/TuaImmagineDestra.jpg" width=150 height=130 /> </a>
</div>

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

Hai ragione scusa la svista

grazie infinite a te e MirKo per la pazienza ed il grande aiuto (indispensabile per i neofiti come me)

Grazie ancora e complimenti per la Vostra preparazione

A presto

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho controllato, ma in rete vedo che non hai ancora attuato il TOP...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

si, ero dovuto uscire e non avevo avuto modo

ora l'ho fatto e grazie a Voi funziona anche 

appena ho un attimo cambio il link a cui vengo rimandato se clicco sull'immagine

Grazie infinite ancora una volta ad entrambi per la lezione

Read more
Posted on the from Andrea A.
Andrea A.
Andrea A.
User
Author

Volevo approfittare della Vostra conoscenza e gentilezza per sapere se tramite questi codici si potrebbe collegare anche dei filmati o animazioni

grazie mille

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... col div custom puoi fare quello che vuoi, ma a che servirebbe se puoi farlo con gli strumenti del programma...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

certamente, stavo solo pensando che sulle barre laterali (sfondo della pagina) potrebbe tornarmi utile mettere delle immagini collegate a delle foto o dei video come dei tutorial

in quella zona il programma non mi permette di mettere altro rispetto ad un'immagine di sfondo se non sbaglio

ma è solo un'idea che non so se realizzerò

ho ragionato male?

grazie ancora

Read more
Posted on the from Andrea A.
Mirko Boschetti
Mirko Boschetti
Moderator
Andrea Aquili
in quella zona il programma non mi permette di mettere altro rispetto ad un'immagine di sfondo se non sbaglio ma è solo un'idea che non so se realizzerò ho ragionato male? grazie ancora

sbagli...il codice di KolAsim, se guardi bene ha come link www.google.it. tu volendo potresti mettere come link una tua pagina nascosta con il video all'interno...

Read more
Posted on the from Mirko Boschetti
Andrea A.
Andrea A.
User
Author

si certo, rispondevo a questo che mi scrive KolAsim

... col div custom puoi fare quello che vuoi, ma a che servirebbe se puoi farlo con gli strumenti del programma...

intendevo dire che con questo codice ho la possibilità di inserire ad esempio un link ad un filmato sulla fascia dello sfondo della pagina dove il programma invece, se non sbaglio, non mi da la possibilità di farlo

grazie ancora infinitamente

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... fermo restando che il sito migliore si otterrebbe nel saperlo realizzare con gli strumenti del programma, a conoscerlo, e senza fattori extra, ... ... come detto prima, "... col div custom puoi fare quello che vuoi," ... vuol dire che non hai limiti o limitazioni, potendo inserire quello che vuoi, link, immagini, testi, pdf, banner, video, iframe, slideshow, animazioni, news, eccetera eccetera; ...dipenderà, come hai visto, solo da te, anche se con questo programma non servirebbe sapendocisi adattare per sfruttarlo al massimo nei suoi limiti... ...

... comunque, non mettere il freno, ...nessuno nasce imparato, ...studia, prova per rendertene conto, e da solo potresti ottenere belle soddisfazioni, come le precedenti di questo Topic...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andrea A.
Andrea A.
User
Author

Infatti è proprio ciò che penso

dicevo appunto che sono felice di essere entrato a conoscenza di questa possibilità perchè sono certo che fra qualche giorno mi verrà in mente un nuovo utilizzo e sarà una grande soddisfazione per me vederlo funzionare

spero di migliorare presto anche nell'uso del programma stesso sicuramente grazie a persone preparate come Voi che mettono a disposizione degli altri le proprie elevate competenze

esiste una qualche guida sull'uso e sulle applicazioni possibile con il magico div custom?

Grazie ancora 

Read more
Posted on the from Andrea A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

HTML.it – il sito italiano del web publishing   

W3Schools.com

Mr.Webmaster - Il portale dei Webmaster e dei professionisti ICT

... ecc. ecc. ... .. . .

Read more
Posted on the from  ‪ KolAsim ‪ ‪