Foros del Web » Diseño web » Diseño web »

Mostrar Noticias De Forma Rotativa

Estas en el tema de Mostrar Noticias De Forma Rotativa en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/02/2007, 22:59
 
Fecha de Ingreso: mayo-2004
Mensajes: 130
Antigüedad: 10 años, 5 meses
Puntos: 0
Mostrar Noticias De Forma Rotativa

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.
  #2 (permalink)  
Antiguo 19/02/2007, 12:17
Avatar de Aimarejada  
Fecha de Ingreso: abril-2006
Mensajes: 212
Antigüedad: 8 años, 6 meses
Puntos: 0
Re: Mostrar Noticias De Forma Rotativa

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 ;)
  #3 (permalink)  
Antiguo 19/02/2007, 13:04
 
Fecha de Ingreso: mayo-2004
Mensajes: 130
Antigüedad: 10 años, 5 meses
Puntos: 0
Re: Mostrar Noticias De Forma Rotativa

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.
  #4 (permalink)  
Antiguo 19/02/2007, 14:37
Avatar de Aimarejada  
Fecha de Ingreso: abril-2006
Mensajes: 212
Antigüedad: 8 años, 6 meses
Puntos: 0
Re: Mostrar Noticias De Forma Rotativa

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>
  #5 (permalink)  
Antiguo 23/02/2007, 09:54
 
Fecha de Ingreso: mayo-2004
Mensajes: 130
Antigüedad: 10 años, 5 meses
Puntos: 0
Re: Mostrar Noticias De Forma Rotativa

Muchas gracias por tu ayuda. Todo salió OK.
  #6 (permalink)  
Antiguo 25/02/2007, 08:29
Avatar de Aimarejada  
Fecha de Ingreso: abril-2006
Mensajes: 212
Antigüedad: 8 años, 6 meses
Puntos: 0
Re: Mostrar Noticias De Forma Rotativa

De nada ;)
  #7 (permalink)  
Antiguo 19/07/2008, 20:32
 
Fecha de Ingreso: mayo-2006
Ubicación: ATT Daniel Fernando Luna Sánchez Anuack Technology de Colombia PBX (+57)(+7) 6378053 - Ola: 300-3990816 Comcel: 311-2263309 Movistar: 315-6833493 Bucaramanga. Santander. Colombia Servicio al Cliente de 8:00 AM a 8:00 PM (GMT -05:00) Registro de Dominios Hosting (Hospedaje Web) Compartido O Dedicado Administradores de Contenidos Web Aplicaciones Web Diseño Web - Multimedia Equipos de cómputo NO SPAM. NOTIFICACIÓN LEGAL Y CONFIDENCIAL
Mensajes: 19
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: Mostrar Noticias De Forma Rotativa

Creo que tambien te sirve:

http://www.forosdelweb.com/f13/galeria-jpg-593540/
  #8 (permalink)  
Antiguo 08/03/2009, 19:01
Avatar de shaggikpo  
Fecha de Ingreso: junio-2008
Ubicación: Paysandú, Uruguay
Mensajes: 85
Antigüedad: 6 años, 4 meses
Puntos: 3
Respuesta: Re: Mostrar Noticias De Forma Rotativa

[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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:48.
SEO by vBSEO 3.3.2