Mostrar Noticias De Forma Rotativa

LIVERPOOL · #1 (**permalink**) 18/02/2007, 23:59

QUE TAL AMIGOS:

ESTOY DESARROLLANDO UNA NUEVA WEB Y ME GUSTARÍA QUE LAS NOTICIAS DE MI SITIO WEB SE MOSTRARAN COMO EN ESTA WEB:

http://www.banmat.org.pe/gxpsites/hgxpp001.aspx?2

COMO VEN LAS NOTICIAS VAN MOSTRÁNDOSE DE ABAJO ARRIBA CON SU FOTO DE LA MISMA Y UN TEXTO ADEMÀS DE SU TÍTULO.

Les agradeceré mucho me informen donde puedo encontrar un manual o tutorial que me permita desarrollar esto o quizá me puedan dar un ejemplo.

Es posible hacer esto con base de datos y php?

Agradezco de antemano su respuesta.

Aimarejada · #2 (**permalink**) 19/02/2007, 13:17

No te hace falta meterle php ni jugar con bases de datos.

Yo tengo una cosa de estas pero enfocado a los afiliados, es decir salen los banners de mis afiliados rotandose para quien quiera pinche sobre ellos y les lleve hasta su web.

Para lo que quieres te sirve, seria esto:

Código:

<MARQUEE onmouseover=this.stop() onmouseout=this.start() 
                  scrollAmount=2 scrollDelay=10 direction=up>
                  
                 
				  <CENTER><BR><A href="Enlace" 
                  target=_blank><IMG onmouseover=high(this) 
                  title="Texto que saldra cuando pases el cursor por encima" 
                  style="FILTER: alpha(opacity=40); moz-opacity: 0.4" 
                  onmouseout=low(this) 
                  src="Dirección de la imagen" border=0 
                 </A> </CENTER>

Esta parte lo unico que haria es rotar una imagen que si pinchas sobre ella te lleva a una pagina pero puedes meterle todo el codigo html, javascript o php que quieras.

Por ejemplo:

Código:

	  <CENTER><BR><A href="Enlace" 
                  target=_blank><IMG onmouseover=high(this) 
                  title="Texto que saldra cuando pases el cursor por encima" 
                  style="FILTER: alpha(opacity=40); moz-opacity: 0.4" 
                  onmouseout=low(this) 
                  src="Dirección de la imagen" border=0 
                  
                  <table>
                    <tr>
                      <td>
                         Esto es una noticia
                      <td>
                    </tr>
                  </table>
                 </A> </CENTER>

Espero que te ayude y si quieres que te diga que hace cada parte del codigo o lo que sea preguntame ;)

LIVERPOOL · #3 (**permalink**) 19/02/2007, 14:04

HOLA Aimarejada:

T AGRADEZCO MUCHO POR TU AYUDA PERO T AGRADECERÍA QUE SEAS UN POCO MÁS ESPECÍFICO.
POR EJEMPLO VEO DOS BLOQUES DE CÓDIGO, QUISIERA SABER SI DEBO UNIRLOS O DEBEN IR EN PÁGINAS DISTINTAS.
ADEMÁS EN QUE ARCHIVOS DEBE IR ESTE CÓDIGO? EN HOJAS HTML?

MUCHAS GRACIAS POR TU AYUDA.

Aimarejada · #4 (**permalink**) 19/02/2007, 15:37

Sabes html? es fundamental que sepas porque sino no podras hacerlo, lo que yo te pongo aqui lo puedes poner en hojas html, php o javascript.

Tu lo que tienes que hacer es coger las noticias o lo que quieres que rote y las metes entre esto:

<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 scrollDelay=10 direction=up>

y esto otro:

</marquee>

Todo lo que haya dentro de estas dos etiquetas rotara.

Aqui te pongo un ejemplo:

Código:

<html>
  <head>

  <title>Rotador de noticias</title>
  
  
  </head>
<body>           

<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 scrollDelay=10 direction=up>
                  
                  Esto es una noticia que esta rotando y estoy entre dos etiquetas
                  
</marquee>


Estoy fuera de las dos etiquetas y por eso no roto.

</body>
</html>

LIVERPOOL · #5 (**permalink**) 23/02/2007, 10:54

Muchas gracias por tu ayuda. Todo salió OK.

Aimarejada · #6 (**permalink**) 25/02/2007, 09:29

De nada ;)

Anuack Luna · #7 (**permalink**) 19/07/2008, 20:32

Creo que tambien te sirve:

http://www.forosdelweb.com/f13/galeria-jpg-593540/

shaggikpo · #8 (**permalink**) 08/03/2009, 19:01

[QUOTE=Aimarejada;1898963]

Código:

<MARQUEE onmouseover=this.stop() onmouseout=this.start() 
                  scrollAmount=2 scrollDelay=10 direction=up>
                  
                 
				  <CENTER><BR><A href="Enlace" 
                  target=_blank><IMG onmouseover=high(this) 
                  title="Texto que saldra cuando pases el cursor por encima" 
                  style="FILTER: alpha(opacity=40); moz-opacity: 0.4" 
                  onmouseout=low(this) 
                  src="Dirección de la imagen" border=0 
                 </A> </CENTER>

Esta parte lo unico que haria es rotar una imagen que si pinchas sobre ella te lleva a una pagina pero puedes meterle todo el codigo html, javascript o php que quieras.

Por ejemplo:

Código:

	  <CENTER><BR><A href="Enlace" 
                  target=_blank><IMG onmouseover=high(this) 
                  title="Texto que saldra cuando pases el cursor por encima" 
                  style="FILTER: alpha(opacity=40); moz-opacity: 0.4" 
                  onmouseout=low(this) 
                  src="Dirección de la imagen" border=0 
                  
                  <table>
                    <tr>
                      <td>
                         Esto es una noticia
                      <td>
                    </tr>
                  </table>
                 </A> </CENTER>

QUOTE]

solo me gustaria resaltar algo la etiqueta MARQUEE no respeta los estandares de w3c y temdrias problemas con varios navegadores si usases esta etiqueta
mejor buscate algun javascript que es mas facil