WebSite X5Help Center

 
Giacomo C.
Giacomo C.
User

Testo scorrevole  it

Author: Giacomo C.
Visited 2046, 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
11 ANSWERS - 1 CORRECT
DIEGO O.
DIEGO O.
User

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

Read more
Posted on the from DIEGO O.
Mirko Boschetti
Mirko Boschetti
Moderator

 il tag <marquee> è deprecato...

L' alternativa sarebbe implementare lo scorrimento in javascript. In rete si trovano infiniti esempi di testo che scorre.

Read more
Posted on the from Mirko Boschetti
Giacomo C.
Giacomo C.
User
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

Read more
Posted on the from Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Giacomo C.
... ... ... ... Il testo rimane fisso ma viene coperto dall'immagine della cella sotto, e un eventuale bordo dell'oggetto html scrolla con la pagina... ...

... dovresti far vedere il LINK delle tue prove...

... comunque, dovrebbe essere questione di livelli; ...prova ad assegnare uno z-index superiore...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Author

Ciao Kolasim www.cralrho.net

Read more
Posted on the from Giacomo C.
Mirko Boschetti
Mirko Boschetti
Moderator

secondo me hai messo anche il codice dei 3 pulsanti nel posto sbagliato...

Read more
Posted on the from Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Giacomo C.
Ciao Kolasim www.cralrho.net

... 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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Author

ciao kolasim,sono tornjato adesso da una riunione di condominio..... domani provo

Read more
Posted on the from Giacomo C.
Giacomo C.
Giacomo C.
User
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

Read more
Posted on the from Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... 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

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Author

Ok fatto !!! Semplicemente z-index: -1; }

Grazie !!!

Read more
Posted on the from Giacomo C.