WebSite X5Help Center

 
Giorgio C.
Giorgio C.
User

WowSlider con sovrapposto logo sito fisso in trasparenza: si può?  it

Author: Giorgio C.
Visited 772, Followers 1, Shared 0  

Ormai sono alla fine dei problemi e il sito è quasi a posto...... Me ne rimangono due, questo è uno:

Ho inserito il Wow Slider (con codici KolAsim) in una pagina, occupa 500 px a tutto schermo. Sopra a queste immagini che scorrono, vorrei posizionare in semitrasparenza il logo del sito.  Non intendo riferirmi alla filigrana per ogni slide che scorre, ma proprio a un immagine fissa a centro schermo.

Non ho celle su cui lavorare in quanto il Wow slider lavora con iframe: c'è una possibilità di fare quanto detto?

Posted on the
14 ANSWERS - 1 CORRECT
Mirko Boschetti
Mirko Boschetti
Moderator

Inserisci un Div con position fixed...wink

Read more
Posted on the from Mirko Boschetti
Giorgio C.
Giorgio C.
User
Author

????!!!!!! getto la spugna se non traduci in linguaggio commestibile laughingkisskiss

Read more
Posted on the from Giorgio C.
Giuseppe Guida
Giuseppe Guida
User

Secondo me fai prima ad aggiungere con programma di grafica esterno il logo semitrasparente direttamente sulle foto, in ogni foto il logo deve esserem naturalmente, nella stessa identica posizione (è importante!), e poi utilizzi quelle foto in Wowslider e sembrerà che il logo sia fisso e le foto scorrono sotto.

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

C'è un esempio realizzato da me che puoi vedere al link sotto (non è Wowslider, è una slide creata con solo codice ma l'effetto è identico a quello che vorresti ottenere tu, se ho ben capito):

http://www.bozzasito001.altervista.org/slideggweb/

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Ah Mirko.... boh? Io avevo capito il logo direttamente sulle foto di Wowslider al centro... Forse è come hai inteso tu... Aspettiamo che ci dica qualcosa in merito Giorgio C.

Ciaooo

Read more
Posted on the from Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FRBest User of the month PL
Giorgio C.
 ... ...  Non intendo riferirmi alla filigrana per ogni slide che scorre, ma proprio a un immagine fissa a centro schermo. Non ho celle su cui lavorare in quanto il Wow slider lavora con iframe: c'è una possibilità di fare quanto detto? ... ... 

... non ho approfondito gli altri interventi, sicuramente validi, ma continuando l'esperienza precedente sin dove eravamo arrivati, avresti diversi modi, per esempio:

1) usare l'HEADER che non avevi usato, semplicissimo, inserendo loghi, ecc.;

2) - oppure usare la RIGA, con una modifica al codice, ed usare gli oggetti delle celle sovrapposte, con una piccola modifica al codice sarebbe semplicissimo, ma dovrei sempre vedere un esempio, per esempio una riga con immagine di sfondo FULL contenente una cella con immagini e/o testo; e poi un semplice copia/incolla; ormai sei esperto;

3) - facendo riferimento al precedente codice, se vuoi fare una prova immediata sulla precedente pagina, dal che poi capirai da te, modifica quel codice in questo modo:

<style> #div_iframe {position:absolute;top:1px;width:100%; z-index:1;overflow-y: hidden;
#imHeader {height:100px;width:100px;} </style>
<script>function h_iframeK(){
var logoK = '<img src="http://www.kolasim-zone.it/svg/eps_svg2.svg" height="100%" style="position:absolute;top:0px;left:20%;opacity:0.2"/>';
document.getElementById("div_iframe").innerHTML += logoK ;
var ww =1920; // larghezza immagini; ECCETERA ... ECCETERA ... ... .. .. . .

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giorgio C.
Giorgio C.
User
Author
Giuseppe Guida
Secondo me fai prima ad aggiungere con programma di grafica esterno il logo semitrasparente direttamente sulle foto, in ogni foto il logo deve esserem naturalmente, nella stessa identica posizione (è importante!), e poi utilizzi quelle foto in Wowslider e sembrerà che il logo sia fisso e le foto scorrono sotto.

può essere una soluzione ma le immagini non le vorrei a dissolvenza ma a scorrere quindi avrei il logo che "corre" anche lui ogni tot secondi. Se proprio non riuscirò terrò presente come suggerimento anche se è abbastanza laborioso (ogni volta che si svecchiano le immagini, va rifatto il lavoro).

Avevo risolto utilizzando l'ELenco Immagini in Stile Riga (con cella a immagine di sfondo) ma non essendo Responsive, era una porcheria....

Read more
Posted on the from Giorgio C.
Giorgio C.
Giorgio C.
User
Author
Mirko Boschetti
io intendevo una cosa cosi: http://provesitotest.altervista.org/nr8/ ma come dice Giuseppe è tutto più semplice e senza codici...

ma quella pagina non ha immagini dinamiche......

Read more
Posted on the from Giorgio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FRBest User of the month PL
Giorgio C.
Mirko Boschetti io intendevo una cosa cosi: http://provesitotest.altervista.org/nr8/ ma come dice Giuseppe è tutto più semplice e senza codici... ma quella pagina non ha immagini dinamiche......

... devi guardare in alto a sinistra l'icona in danza, ...simile a qunto detto nel mio post al .1) ...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giorgio C.
Giorgio C.
User
Author
 ‪ KolAsim ‪ ‪
3) - facendo riferimento al precedente codice, se vuoi fare una prova immediata sulla precedente pagina, dal che poi capirai da te, modifica quel codice in questo modo: <style> #div_iframe {position:absolute;top:1px;width:100%; z-index:1;overflow-y: hidden;}  #imHeader {height:100px;width:100px;} </style> <script>function h_iframeK(){ var logoK = '<img src="http://www.kolasim-zone.it/svg/eps_svg2.svg" height="100%" style="position:absolute;top:0px;left:20%;opacity:0.2"/>'; document.getElementById("div_iframe").innerHTML += logoK ; var ww =1920; // larghezza immagini; ECCETERA ... ECCETERA ... ... .. .. . .

questa è perfetta! Adattato dimensioni, posizione e trasparenza ma è proprio ciò che intendevo!!

Solo una domanda poi chiudo:
Avevo letto (forse l'avevi scritto tu) che è sempre meglio evitare siti con codici extra o modifiche (mi pare di ricordare) pena la possibile minor stabilità su future nuove versioni del software.

COme la vedi con i 2 codici che ho inserito (quello sopra e l'altro inserito dopo l'apertura del body)?

Read more
Posted on the from Giorgio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FRBest User of the month PL
Giorgio C.
 ... ... ... Solo una domanda poi chiudo: Avevo letto (forse l'avevi scritto tu) che è sempre meglio evitare siti con codici extra o modifiche (mi pare di ricordare) pena la possibile minor stabilità su future nuove versioni del software. COme la vedi con i 2 codici che ho inserito (quello sopra e l'altro inserito dopo l'apertura del body)?

... penso che non ti possa riguardare in quanto mi par di aver capito che hai saputo ben interpretare e rapidamente i codici in gioco...wink

... il problema potrebbe presentarsi quando importeresti il tuo template in una futura versione, se il nome degli ID in gioco variasse, e nel caso fosse ma non è detto che sia basta sostituire gli ID con gli attuali per la sezione /HEAD, invece per il BODY rimarrebbe invariato...

... il mio codice è universale, anche per browser datati, altamente flessibile ed adatto per svariati scopi diversi con piccole modifiche ad hoc (x header, footer, pagina, righe, mappe, mappature, ecc.), permettendoti rapide sostituzioni di sfondi senza toccare il programma che rimarrebbe alleggerito da questo compito... (invenzioni nate da un input fornito nel 2009 da SteveR (Icm), il Patron, che ringrazio ancora per il DIV_CUSTOM...

... in  linea generale però, spesso le personalizzazioni extra potrebbero risultare superflue se ci si accontentasse di quelle che sono le funzioni di base del programma, ottenendo lo stesso siti ben presentati e navigabili, come per esempio i templates in marketplace...

... buona continuazione, e se del caso ci risentiremo altrove...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giorgio C.
Giorgio C.
User
Author
 ‪ KolAsim ‪ ‪
... buona continuazione, e se del caso ci risentiremo altrove...

Eeehhh.... Kol.... mi piacerebbe risentirti su questo topic https://helpcenter.websitex5.com/en/post/196016 non ottengo risposte risolutive ed è l'unica magagna che mi è rimasta..cry

Per il resto grazie, veramente grazie, la pazienza non ti (vi) manca e credo che tutti abbiano ben presente che la vosta è opera (per noi) gratuita. kiss

Read more
Posted on the from Giorgio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FRBest User of the month PL

... ciao, sul menu hamburger, non avendo il programma, attualmente non posso intervenire, mi dispiace, ...ma vedo che sei già in buone mani e sulla soglia della soluzione adatta per te; ...in bocca al lupo ... bye

Read more
Posted on the from  ‪ KolAsim ‪ ‪