Testo scorrevole
Auteur : Giacomo C.
Visité 2049,
Followers 1,
Partagé 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
Posté le
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.
Auteur
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
Auteur
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
.
Auteur
ciao kolasim,sono tornjato adesso da una riunione di condominio..... domani provo
Auteur
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
Auteur
Ok fatto !!! Semplicemente z-index: -1; }
Grazie !!!