WebSite X5Help Center

 
Giacomo C.
Giacomo C.
User

Testo scorrevole  it

Autor: Giacomo C.
Besucht 2050, Followers 1, Geteilt 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

Gepostet am
11 ANTWORTEN - 1 KORREKT
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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

Ciao Kolasim www.cralrho.net

Mehr lesen
Gepostet am von Giacomo C.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Mehr lesen
Gepostet am von Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

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

Grazie !!!

Mehr lesen
Gepostet am von Giacomo C.