1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Noticias

Tema en 'Programación y Diseño Web' iniciado por Redox, 10 Ago 2005.

  1. Redox

    Redox Nuevo usuario

    Hola a todos...ya hacía tiempo que no escribía pero consulto a menudo la página porque me parece bastante interesante. Bueno al tema: Necesito hacer algo como podéis ver en <a href="http://www.marca.com/" target="_blank">http://www.marca.com/</a>. En concreto, mirad donde pone miapuesta (Esta abajo a la izquierda). Sería algo parecido a eso, pero para noticias. En principio, aunque sea para indicar noticias la actualización no va a ser muy frecuente. El Caso es que no sé si se tiene que hacer obligatoriamente en flash, sí con ImageReady se podría hacer...Necesito eso de que se pare cuando te interesa la noticia.

    Muchas Gracias :D
     
    Redox, 10 Ago 2005
    #1
  2. Anunciante

    Anunciante

     
  3. Redox

    Redox Nuevo usuario

    ¿Nadie sabe hacer esto? :( Sigo sin conseguirlo y me vendría muy bien aunque sea una pequeña orientación :lol:

    Muchas Gracias
     
    Redox, 16 Ago 2005
    #2
  4. jorgebaires

    jorgebaires Nuevo usuario

    Si lo que queres es un scroll de noticias, esto se puede hacer en java,debajo te dejo el codigo explicado. Probalo pegandolo en el editor o block de notas,lo que uses y observá el efecto en el navegador.
    <!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec--><html>
    <head>
    <!-- PRIMER PASO: Copiar dentro del tag HEAD (el tamaño width y height es que
    quieras darle al escroll-->
    <style type=\"text/css\">
    #divNewsCont{position:absolute; width:150; height:150; overflow:hidden; top:260; left:140; clip:rect(0,350,150,0); visibility:hidden}
    #divNewsText{position:absolute; top:0; left:0}
    </style>

    <script type=\"text/javascript\" language=\"JavaScript\">
    /*
    Thomas Brattli &nbsp;
    */
    // Courtesy of SimplytheBest.net (http://simplythebest.net/info/dhtml_scripts.html)
    function checkBrowser(){
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
    }
    bw=new checkBrowser()

    lstart=100
    loop=true
    // Velocidad
    speed=40
    pr_step=1

    function makeObj(obj,nest){
    &nbsp; &nbsp;nest=(!nest) ? '':'document.'+nest+'.'
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
    &nbsp; this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.newsScroll=newsScroll;
    this.moveIt=b_moveIt; this.x; this.y;
    &nbsp; &nbsp;this.obj = obj + \"Object\"
    &nbsp; &nbsp;eval(this.obj + \"=this\")
    &nbsp; &nbsp;return this
    }
    function b_moveIt(x,y){
    this.x=x;this.y=y
    this.css.left=this.x
    this.css.top=this.y
    }
    function newsScroll(speed){
    if(this.y>-this.scrollHeight){
    &nbsp;this.moveIt(0,this.y-pr_step)
    &nbsp;setTimeout(this.obj+\".newsScroll(\"+speed+\")\",speed)
    }else if(loop) {
    &nbsp;this.moveIt(0,lstart)
    &nbsp;eval(this.obj+\".newsScroll(\"+speed+\")\")
    &nbsp; }
    }
    function newsScrollInit(){
    oNewsCont=new makeObj('divNewsCont')
    oNewsScroll=new makeObj('divNewsText','divNewsCont')
    oNewsScroll.moveIt(0,lstart)
    oNewsCont.css.visibility='visible'
    oNewsScroll.newsScroll(speed)
    }
    onload=newsScrollInit;
    </script>
    </head>

    <body>
    <!-- SEGUNDO PASO: Copiar dentro del tag BODY -->
    <div id=\"divNewsCont\">
    <div id=\"divNewsText\">
    <p><font face=\"Arial\" size=\"3\"><b>Scroll de noticias:</b></font><br><br>
    <font face=\"Arial\" size=\"2\"><b>Aca van los Titulos</b> - Un excelente script que nos permite desplazar texto por nuestras páginas.<br></font></p>
    <p>
    <font face=\"Arial\" size=\"2\">
    <b>Aca un link</b> - Si deseas que vaya a una pagina<br></font></p>
    <p><font face=\"Arial\" size=\"3\"><b><i>
    <A HREF=\"http://www.forocreativo.net/foro/ftopic8038.html\">Pulsa para Ingresar al Foro</a></b></i></font></p>
    </div>
    </div>
    </body>
    </html><!--QuoteEnd--></div><!--QuoteEEnd-->
     
    jorgebaires, 17 Ago 2005
    #3
  5. Redox

    Redox Nuevo usuario

    Muchísimas Gracias!!! Esto era lo que necesitaba exactamente... la verdad, no me hubiera imaginado que sería con javascript :shock: Una cosa más ( Si no es mucho pedir) , se puede modificar de alguna manera el script para que cuando pongas el ratón por encima se pare en la noticia deseada...
    Muchas Gracias de nuevo
     
    Redox, 18 Ago 2005
    #4
  6. jorgebaires

    jorgebaires Nuevo usuario

    Si la noticia tiene link al hacer clic se detiene.Ademas podes variar la velocidad del scroll en: start=100
    loop=true
    // Velocidad
    speed=40
    pr_step=1

    Debes ir probando la que mejor se adapte a tu web.
    Me alegro que te haya servido!
     
    jorgebaires, 19 Ago 2005
    #5


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·