Testo scorrevole 
Author: Giacomo C.
Visited 2022,
Followers 1,
Shared 0
Buongiorno, un testo scorrevole sotto l'header ma fisso allo scroll della pagina.Ho provato con un oggetto html:
<div id="box-1">
<div id="up" style="font-family:Calibri; font-height:24px;color:red;font-weight:900;">Prova di testo che scorre</div>
<script type="text/javascript">x5engine.boot.push('x5engine.imRollover({"id": "#up", "movement": "CONTINUE", "direction": "LEFT", "effect": "LINEAR", "height": 100, "time": 20, "autostart": true, "mouselock": true})'); </script>
</div>
#box-1{
position:fixed;
left:350px;
width:300px;
background-color:#FFE479;
border:1px solid #000;
font-size:1em;
}
Il testo rimane fisso ma viene coperto dall'immagine della cella sotto, e un eventuale bordo dell'oggetto html scrolla con la pagina
grazie
Posted on the
Ciao Giacomo, per creare un testo scorrevole puoi usare questo codice qui sotto che ho creato, da inserire come vedi nell'immagine che ho allegato col pulsante Inserisci codice Html.
<style>
p{font-size:60px;}
</style>
<center><marquee bgcolor="yellow"direction="left" width="500px"height="60px" scrollamount="5"behavior="scroll"><font color="Red"><p>TESTO DI PROVA</p>
</font></marquee></center>
Ciao Diego
il tag <marquee> è deprecato...
L' alternativa sarebbe implementare lo scorrimento in javascript. In rete si trovano infiniti esempi di testo che scorre.
Author
Ciao Diego, anche io avevo provato, ma non ho spazio nell'header, volevo metterlo sotto l'header ma come dicevo prima viene coperto dallo scroll della pagina
... dovresti far vedere il LINK delle tue prove...
... comunque, dovrebbe essere questione di livelli; ...prova ad assegnare uno z-index superiore...
.
ciao
Author
Ciao Kolasim www.cralrho.net
secondo me hai messo anche il codice dei 3 pulsanti nel posto sbagliato...
... forse hai cambiato qualcosa, ...ma non vedo traccia del codice che avevi postato...
... quello che vedo adesso è un testo scorrevole inserito nel corpo della pagina, e quindi scrolla con essa...
... potresti fare questa prova, inserendo questa stringa di codice nel TAG STYLE:
#imCell_1{ position:fixed;top:170px;z-index:10500;
... oppure prova a cercarti un codice personalizzato e lo inserisci in HEADER, oppure in un DIV_CUSTOM che creerai appositamente...
.
ciao
.
Author
ciao kolasim,sono tornjato adesso da una riunione di condominio.....
domani provo
Author
Ciao Kolasim, forse ci sono riuscito.
#imCell_6 { display: block; position: relative; overflow: hidden; width: 760px; min-height: 806px; padding-top: 50px; padding-bottom: 3px; padding-left: 0px; padding-right: 3px;}
#imCellStyle_6 { position: relative; width: 754px; min-height: 800px; padding: 3px 3px 3px 3px; text-align: center; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; overflow: hidden; z-index: 1;}
#imCellStyleGraphics_6 { position: absolute; top: 10px; bottom: 3px; left: 0px; right: 3px; background-color: transparent; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
#imCell_7 { display: block; position: relative; overflow: hidden; width: 191px; min-height: 273px; padding-top: 45px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;}
#imCellStyle_7 { position: relative; width: 185px; min-height: 260px; padding: 10px 3px 3px 3px; text-align: center; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; z-index: 1;}
#imCellStyleGraphics_7 { position: absolute; top: 15px; bottom: 3px; left: 3px; right: 3px; background-color: transparent; }.Solo che su chrome non funziona perfettamente
... su IE.7 e Chrome viene coperto, invece su FF funziona...
... magari prova ad assegnargli il valore z-index simile a quello che ti avevo indicato prima...
.
ciao
Author
Ok fatto !!! Semplicemente z-index: -1; }
Grazie !!!