WowSlider con sovrapposto logo sito fisso in trasparenza: si può?
Autor: Giorgio C.
Besucht 823,
Followers 1,
Geteilt 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?
Gepostet am
Inserisci un Div con position fixed...
Autor
????!!!!!! getto la spugna se non traduci in linguaggio commestibile
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.
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/
io intendevo una cosa cosi:
http://provesitotest.altervista.org/nr8/
ma come dice Giuseppe è tutto più semplice e senza codici...
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
... 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 ... ... .. .. . .
.
Autor
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....
Autor
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) ...
.
Autor
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)?
... penso che non ti possa riguardare in quanto mi par di aver capito che hai saputo ben interpretare e rapidamente i codici in gioco...
... 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...
.
Autor
Eeehhh.... Kol.... mi piacerebbe risentirti su questo topic https://helpcenter.websitex5.com/de/post/196016 non ottengo risposte risolutive ed è l'unica magagna che mi è rimasta..
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.
... 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