WebSite X5Help Center

 
Giacomo C.
Giacomo C.
User

Testo scorrevole  it

Autor: Giacomo C.
Visited 2052, Followers 1, Udostępniony 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 ODPOWIEDZI - 1 PRAWIDłOWA ODPOWIEDź
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

Czytaj więcej
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.

Czytaj więcej
Posted on the from Mirko Boschetti
Giacomo C.
Giacomo C.
User
Autor

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

Czytaj więcej
Posted on the from Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

Ciao Kolasim www.cralrho.net

Czytaj więcej
Posted on the from Giacomo C.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Czytaj więcej
Posted on the from Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

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

Czytaj więcej
Posted on the from Giacomo C.
Giacomo C.
Giacomo C.
User
Autor

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

Czytaj więcej
Posted on the from Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

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

Grazie !!!

Czytaj więcej
Posted on the from Giacomo C.