WebSite X5Help Center

 
Fabrizio R.
Fabrizio R.
User

HeaderBg autoridimensionabile  it

Автор: Fabrizio R.
Просмотрено 674, Подписчики 1, Размещенный 0  

c e me un codice javascrip per Headerbg auto ridimensionabile?

Размещено
35 Ответы
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... puoi mettere un LINK di esempio se esiste per capire cosa intendi....?...

...

... che sappia io, e se si tratta di quello che immagino, l'unico e sicuramente il primo esempio mai visto nel WEB, dovrebbe essere la mia invenzione di qualche anno fa e credo rimasta ancora unica, integrando un Flash fatto con SwishMax, impareggiabile:   http://www.zspace.it/kolasim/website/sfondoHeaderRezizeK1/pagina_1.html

... il codice usato, a parte del filmato Flash che ne è la chiave, è in chiaro nella pagina html, basato sul solito DIV-CUSTOM ed un IFRAME dinamico che usavo per i miei esperimenti; ...magari penso che basterebbe un IFRAME normale...

...

... venendomi in mente uno sfondo di esempio fatto da Mirkoin jQuery, penso che forse si potrebbe ottenere qualcosa di simile allo stesso modo; ...magari se trovo qualche minuto provo a verificare...

...

ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... ed ecco integrato con gli sfondi di Mirko (bell'esempio jQ) sulla base dell'esempio precedente:  http://www.zspace.it/kolasim/website/sfondoHeaderRezizeK2/pagina_1.html

... e questo, come avevo previsto, un Copia/Incolla con IFRAME normale:  http://www.zspace.it/kolasim/website/sfondoHeaderRezizeK2/pagina_x.html

.

... credo che sia ancora "unico" anche come idea, ...ma a cercare in rete, magari qualcosa di simile adesso si potrebbe trovare...

(... anche se personalmente non condivido l'utilizzo questa idea...)

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... sì Mirko, ...molto bello, ...ed è anche un bell'esempio; ...ma è anche bello quello stesso del programma, interno all'Intestazione e che ho visto in altri esempi; ...comunque, per come si vede adesso, non è ridimensionabile in modo ratio come i precedenti... 

... quello che invece ho trovato interessante è il tuo precedente jQ, che è arrivato ad eguagliare gli effetti del il mio primordiale esempio...

.

ciao, 

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Fabrizio R.
Fabrizio R.
User
Автор

bene e' quello che mi serve su uno dei due ma i codici dove li prendo? di Mirko 

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

anche quello di Kolasim e' ottimo quello nel frame non fatto in flash  i codici come funziona? 

Читать больше
Размещено От Fabrizio R.
Mirko Boschetti
Mirko Boschetti
Moderator

Devi avere una slide pronta in una pagina nascosta, poi prendi il <div id= Kolasim.....> lasciando perdere il <div id= finestraDiv.....> e aggiustando le misure come ti serve....

Читать больше
Размещено От Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... giusto per come ti ha appena detto Mirko, ...e per come anticipato, il codice è in chiaro a fondo pagina...

... lo slideshow che si vede è un lavoro di Mirko, di cui io ho usato tutte le risorse e script direttamente del suo esempio e del/dal suo Sito; ...per l'implementazione ed uso dello stesso e delle licenze d'uso, contattalo tramite il suo profilo...

... non ho il programma, ed ho fatto dei copia incolla direttamente in rete, per cui devi essere esperto del suo uso, ...ma penso che nella v.10-EVO si possa inserire il codice nel pannello ESPERTO | /BODY

... io ho sfruttato l'iframe già pronto della mia precedente idea, ma magari potresti sfruttarti direttamente il DIV, sta a te sperimentare...

...

... comunque, per come ti avevo chiesto in base alla tua richiesta, non hai linkato ancora nulla di cosa ci possa essere in rete; ...magari esistono soluzioni o proposte diverse da quella da me ideata, ...tanto per averne un confronto...

.

ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Fabrizio R.
Fabrizio R.
User
Автор

<div ID="KolAsim" style="margin: 0; padding: 0;width:100%;height:195px;position:absolute;text-align:center;top:15px;z-index:-2;"><div ID="finestraDIV" style="background-image: url('http://www.zspace.it/kolasim/wsx5_v8/sfondoresizeSuperK/res/bg.png'); background-repeat:repeat-x; background-position: center top;" ><iframe style="position:relative;z-index:-3" src="http://www.zspace.it/kolasim/resizeContentK2/html_SfondoResize.html" width=100%height=192scrolling="no" frameborder="no" allowtransparency="true"></iframe></div>

questo e' il codice? ove per il percorso dell'immagine metto il mio percorso...ed il codice lo metto prima della chiusura Body? 

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

a me non serve che da lo slide anche una sola immagine mi va bene l importante si adatti alla larghezza 100% poi l'altezza la misura e in base al banner quanto deve essere di solito devo usare un banner da 1920x300 

Читать больше
Размещено От Fabrizio R.
Mirko Boschetti
Mirko Boschetti
Moderator

Per la tua misura, cambia qui:

height:195px e metti 300...

Читать больше
Размещено От Mirko Boschetti
Fabrizio R.
Fabrizio R.
User
Автор

ok grazie ora provo

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

poi l immagine da dove la prendo ? il percorso del secondo link? sfondoresiza.html?

Читать больше
Размещено От Fabrizio R.
Mirko Boschetti
Mirko Boschetti
Moderator

nooo del primo link... cambialo cosi

Fabrizio R.
background-image: url('nomecartella/nomeimmagine.jpg');
Читать больше
Размещено От Mirko Boschetti
Fabrizio R.
Fabrizio R.
User
Автор

devo casomai piazzarla nel HeaderBg? la inserisco prima come immagine nel templates su headerBg perche' non vedo il richiamo dell'immagine nel links 

src="http://www.zspace.it/kolasim/resizeContentK2/html_SfondoResize.html"

io qui ci devo mettere index.html?

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

aaa ok ok ho capito

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

pero' a me non serve che deve  ripetere repaet-x si deve adattare 

non e che mi  puoi scrivere il codice  preciso onde erro qualcosa 

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

mi sa' che erro qualcosa perche' non mi va'..:( perche' mi confondo col codice di cosa togliere e cosa restare :( 

Читать больше
Размещено От Fabrizio R.
Mirko Boschetti
Mirko Boschetti
Moderator

ho fatto un pò di casino.....stavo parlando della slide nella pagina nascosta.....allora cosi...

Fabrizio R.
<div ID="finestraDIV" style="margin: 0; padding: 0;width:100%;height:195px;position:absolute;text-align:center;top:15px;background-image: url('nomecartella/nomeimmagine.jpg'); ');background-position: center top;" >  </div>
Читать больше
Размещено От Mirko Boschetti
Fabrizio R.
Fabrizio R.
User
Автор

a ok  ora provo thanks you

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

va bene ma pero' mi da un repaet come mai?

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

l'immagie e': 1600x300 

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

non si adatta  bene sul monitor 16:9 fa un repeat e sui piccoli la taglia 

non e' che c e da aggiungere qualcosa? sul codice?

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

secondo me non e' che c e bisogno di aggiungere un background resize? na cosa del genere per generare l'adattamento bene? 

Читать больше
Размещено От Fabrizio R.
Mirko Boschetti
Mirko Boschetti
Moderator

Ora sono da ipad, appena a casa provo, perche cosi con il copia incolla divento matto… 

Читать больше
Размещено От Mirko Boschetti
Fabrizio R.
Fabrizio R.
User
Автор

ok grazie....

Читать больше
Размещено От Fabrizio R.
Mirko Boschetti
Mirko Boschetti
Moderator

prova questo intanto:

<div ID="finestraDIV"  style="background-image: url('files/1.jpg');background-position: center top; margin: 0; padding: 0;width:100%;height:300px;position:absolute;text-align:center;top:15px;" ></div>

spero di aver scritto giusto con ipad...

Читать больше
Размещено От Mirko Boschetti
Fabrizio R.
Fabrizio R.
User
Автор

ok provo subito

Читать больше
Размещено От Fabrizio R.
Fabrizio R.
Fabrizio R.
User
Автор

niente nel monitor  notebook da 1366x768 lo taglia :(  va bene solo col 16:9 ...deve pur esserci  ancora qualche aggiunta..per adattarlo..

Читать больше
Размещено От Fabrizio R.
Template By Silver™
Template By Silver™
User

ovvio che secondo il monitor viene tagliato o meno, si chiama "geometria"

Читать больше
Размещено От Template By Silver™
Fabrizio R.
Fabrizio R.
User
Автор

ma c e un metodo per adattarlo c e..e che sti codici javascript oppure degli html bisogna decifrarli bene ed aggiungere sempre cio' che serve per una determinata funzione..perche' nulla e niente e' impossibile :) 

Читать больше
Размещено От Fabrizio R.
Template By Silver™
Template By Silver™
User

dove hai visto che si puo fare? linka un esempio se esiste.

se hai un'immagine larga 1920 px e alta 300 la vedi tutta su un monitor largo 1920,

ma su uno  es. largo la metà la vedrai 960x150 se ridimensionabile oppure se non lo è la vedrai alta 300 ma solo una sezione da 960

vedi un esempio piu o meno

http://www.kesito.com/agenzia/

Читать больше
Размещено От Template By Silver™
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
Fabrizio R.
a me non serve che da lo slide anche una sola immagine mi va bene ... ... ... ...

...!?... una sola immagine...?...

... altra invenzione, UNICA!!! (come le altre); ...è tutto in CHIARO, ed è più semplice del semplice, come l'Uovo di Colombo, ... e senza J.S.... .. .. . . . e forse non funge su tutti i broswer; ...da verificare!!...

http://www.zspace.it/kolasim/website/sfondoHeaderRezizeK2/pagina_xx.html

...

(... ma in SwishMax(/Flash) ... non ci sono confronti...)

.

bye

Читать больше
Размещено От  ‪ KolAsim ‪ ‪