Foros del Web » Creando para Internet » Diseño web »

Titular grande y noticias pequeñas

Estas en el tema de Titular grande y noticias pequeñas en el foro de Diseño web en Foros del Web. Hola a todos, hace tiempo que me gustaría aplicar en mi página ( www.elnastic.com ) un sistema de noticias parecido al de www.marca.com o www.fcbarcelonaweb.com ...
  #1 (permalink)  
Antiguo 14/09/2008, 11:47
 
Fecha de Ingreso: octubre-2005
Mensajes: 59
Antigüedad: 12 años, 1 mes
Puntos: 0
Titular grande y noticias pequeñas

Hola a todos, hace tiempo que me gustaría aplicar en mi página (www.elnastic.com) un sistema de noticias parecido al de www.marca.com o www.fcbarcelonaweb.com que no es tan complejo.

Es lo tipico de las páginas de noticias, me gustaría poner en la página principal un titular de noticia corta en grande con una foto grande y debajo titulares de otras noticias.

Esto como se puede hacer? Ahora mismo uso Cutenews y no he encontrado la manera.

Si alguien me pudiera ayudar se lo agradecería muchísimo.

Un saludo y gracias de antemano.
  #2 (permalink)  
Antiguo 15/09/2008, 05:13
 
Fecha de Ingreso: diciembre-2004
Ubicación: Madrid
Mensajes: 541
Antigüedad: 13 años
Puntos: 28
Respuesta: Titular grande y noticias pequeñas

Hasta donde yo llego...

Si te fijas, en Marca usan esto para resaltar una noticia:

<h2 style="font-size: 5.7em; letter-spacing: -3px; line-height: 0.9em;"><a href="http://www.marca.com/marcador/futbol/2008_09/primera/jornada_2/rma_num/">Sufrida victoria</a></h2>

El h2 implica, además de cambiar el tamaño de un texto, resaltar la importancia del mismo, de forma que h1 es lo más importante y luego va descendiendo (no sé el mínimo, h3 seguro que hay, h4 no lo sé). Eso también es importante para el robot de Google ;)

El resto de enlaces de menor importancia se rigen por una lista:

<ul class="apoyos">
<li class="opinion"><strong>Firma.</strong> <a href="http://www.marca.com/edicion/marca/firmas/angel_cappa/es/desarrollo/1164832.html"><em>'El análisis de la jornada'</em>, por Ángel Cappa</a></li>
<li class="video"><a href="http://www.marca.com/edicion/marca/futbol/1a_division/real_madrid/es/desarrollo/1164740.html">Schuster: "No era necesario llegar al final de esta manera"</a></li>
<li class="generico"><a href="http://www.marca.com/edicion/marca/futbol/1a_division/real_madrid/es/desarrollo/1164748.html">Robben: "El primer gol del Numancia es error mío"</a></li>
<li class="generico"><a href="http://www.marca.com/edicion/marca/futbol/1a_division/real_madrid/es/desarrollo/1164811.html">Van der Vaart se estrenó en Liga y se quedó con el 5.002</a></li>

<li class="fotos"><strong>Fotogalería. </strong><a href="http://www.marca.com/fotogalerias/2008/futbol/liga/08-09/madrid_numancia/01.html">Las mejores imágenes del partido del Bernabéu</a></li>
<li class="generico"><a href="http://www.marca.com/edicion/marca/corporativo/es/desarrollo/1164666.html"><strong>Raúl recibió el I Trofeo Di Stéfano que otorga el diario MARCA</strong></a></li>
</ul>

Con eso y con los class, es suficiente para tenerlo listo.

Espero haberte ayudado :)
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 02:35.