Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    13

    Aiuto per posizionare testo in news

    Innanzitutto salve a tutti, non sono un grande "postatore" di questo forum, in quanto quello che mi occorre riesco quasi sempre a trovarlo senza postare, anche perchè il sito di cui mi occuppo non richiede conoscenze mirabolanti (anche perchè l'ho creato io che le conoscenze mirabolanti non le ho e quindi......) Comunque il problema che ho ora è questo, ho trovato in rete uno script per inserire un box nel sito con delle news scorrevoli verticalmente. Sono riuscito a capire come modificare i bordi del box, colore e dimensione del font, ma non riesco proprio a centrare il testo sia orizzontalmente che verticalmente, ed è per questo che mi sono deciso a postare. Preciso che per costruire il sito uso joomla e che uso l'estensione jincludes per inserire javascript. Questo è il codice:
    <html>
    <head>
    </head>
    <body>

    <script><!--


    var scroller_width='980px';
    var scroller_height='30px';
    var scroller1_height='60px';
    var bgcolor='#D8D8D8';

    var border_color='#FF0000';
    var pause=5000;
    var scrollercontent=new Array()
    scrollercontent[0]='Mercoledì 13 Ottobre 2010 inizio U16 trasferta a Civitanova ospiti della SACRATA '
    scrollercontent[1]='Sono iniziati i corsi di attività motoria e minivolley per i bambini delle elementari, per info clicca qui'
    scrollercontent[2]='MONDIALI: Azzurri un amaro quarto posto. Brasile campione del mondo'
    scrollercontent[3]='Prima Divisione allenamenti serrati in vista del campionato'

    var ie4=document.all
    var dom=document.getElementById&&navigator.userAgent.i ndexOf("Opera")==-1
    if (ie4||dom){
    document.write('<div align="left" style="font-size: 16px; color: #FFFF00; position:relative;width:'+scroller_width+';height: '+scroller_height+';overflow:hidden; border: 2px '+border_color+'; border-style: solid;"><div class="tabella" id="canvas0" style="position:absolute; background-color:'+bgcolor+';width:'+scroller_width+';height: '+scroller_height+';top:'+scroller_height+'; filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div class="tabella" id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height: '+scroller_height+';top:'+scroller_height+';filter :alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
    } else if(document.layers){
    document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
    }

    var curpos=scroller_height*(1)
    var degree=10
    var curcanvas="canvas0"
    var curindex=0
    var nextindex=1

    function moveslide(){
    if (curpos>0){
    curpos=Math.max(curpos-degree,0)
    tempobj.style.top=curpos+"px"
    }
    else{
    clearInterval(dropslide)
    if (crossobj.filters)
    crossobj.filters.alpha.opacity=100
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=1
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    tempobj.innerHTML=scrollercontent[curindex]
    nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
    setTimeout("rotateslide()",pause)
    }
    }

    function rotateslide(){
    if (ie4||dom){
    resetit(curcanvas)
    crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.style.zIndex++
    if (crossobj.filters)
    document.all.canvas0.filters.alpha.opacity=documen t.all.canvas1.filters.alpha.opacity=20
    else if (crossobj.style.MozOpacity)
    document.getElementById("canvas0").style.MozOpacit y=document.getElementById("canvas1").style.MozOpac ity=0.2
    var temp='setInterval("moveslide()",50)'
    dropslide=eval(temp)
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    }
    else if (document.layers){
    crossobj.document.write(scrollercontent[curindex])
    crossobj.document.close()
    }
    curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
    }

    function resetit(what){
    curpos=parseInt(scroller_height)*(1)
    var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
    crossobj.style.top=curpos+"px"
    }

    function startit(){
    crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
    if (ie4||dom){
    crossobj.innerHTML=scrollercontent[curindex]
    rotateslide()
    }
    else{
    document.tickernsmain.visibility='show'
    curindex++
    setInterval("rotateslide()",pause)
    }
    }

    if (ie4||dom||document.layers)
    window.onload=startit
    -->
    </script>

    </body>
    </html>

    Se mi potete aiutare...... Grazie

  2. #2
    Ciao, per centrare il testo orizzontalmente modifica così :

    ...
    if (ie4||dom){
    crossobj.innerHTML=scrollercontent[curindex]
    rotateslide()
    }
    else{
    document.tickernsmain.visibility='show'
    curindex++
    setInterval("rotateslide()",pause)
    }
    // *********************** inserisci la riga di codice sottostante qui :
    crossobj.style.textAlign = 'center'
    //************************************************** ******
    }

    if (ie4||dom||document.layers)
    window.onload=startit
    -->
    </script>
    ...




    Fabio

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    13
    Innanzitutto grazie per la risposta, poi ti debbo dire che il tuo codice funziona per una news si ed una no, nel senso che la prima è allineata la centro la seconda a destra la terza al centro e così via, inoltre ti chiedevo se conosci anche un modo per centrare il testo in verticale. Io mi sono basato sul tuo codice ed ho inserito un bellissimo:
    crossobj.style.textValign = 'center'
    inventato di sana pianta, ovviamente non funziona.
    Ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.