Esto esta explicado como hacerlo en FrontPage, pero con Dreamweaver o otro editor web es similar. Pronto creare un tutorial de como hacerlo en Dreamweaver, para los mas novatos.
1- Ve a Tabla --> Insertar
2- Te saldrá una ventana para editar sus propiedades, en esa ventana de propiedades pon los siguientes datos:
Yo de ancho le he puesto 380, le das a aceptar y te sale esto:
Bien, ahora vamos a darle a la primera celda por ejemplo un alto de 34 píxeles y a la tercera celda un alto de 20 píxeles , ¿Cómo se hace eso?
1- Ve a la primera celda
2- Da clic derecho
3- Da clic en Propiedades de Celda
Te saldrá una ventana para editar sus propiedades, y lo tienes que poner así:
ESTO SOLO LO TIENES QUE HACER CON LA PRIMERA Y TERCERA CELDABien, cuando tengas eso, solo falta colocarle las 3 imágenes como fondo de la celda:
¿Qué imágenes?
- Yo he creado estas 3 (Las imágenes tiene que ser igual de alto que la celda, por eso como la celda del medio no tiene alto, la imagen CENTRO la hemos creado con 1 píxel de alto):
Box Principal ->
Centro ->
Pie ->
¿Cómo se coloca como fondo?
1- Ve a la primera celda
2- Da clic derecho
3- Da clic en Propiedades de Celda
Te saldrá una ventana para editar sus propiedades, (ésta ventana es la misma que la anterior), ahora vamos a colocarle la imagen como fondo:
Hacemos esto con las 3 celdas, en la primera celda colocamos el Box Principal, en la segunda celda colocamos el Centro y en el tercera celda colocamos el Pie Laughing
Ahora nos queda algo así:
Y si le damos a vista previa así:
Bien, pues si te das cuenta ya está listo, ahora tu puedes escribir todo lo que quieras en la celda del medio que ésta se va a expandir siempre.
Ahora toca colocarle las variables qué son:
{title} ------> Título de la noticia
{avatar} ------> Mostrar avatar (si hay)
{short-story} -------> Noticia breve del artículo
{full-story} -----> Noticia completa del artículo
{author} ----> Autor de la noticia, con un enlace a su email (si lo ha configurado)
{author-name} --> El nombre del autor, sin enlace a su email
[mail] y [/mail] ---> Generará un enlace al email del autor (si lo ha configurado)
{date} ------> Mostrará la fecha de cuando la noticia fue escrita
[link] y [/link] ---> Generará un enlace a la noticia completa
[full-link] y [/full-link] ---> Enlace a la noticia completa del artículo, solo si la hay
[com-link] y [/com-link] ----> Genera un enlace a los comentarios del artículo
{comments-num} --------> Mostrará el número de comentarios publicados por cada noticia
{category} ----> Nombre de la categoría dónde la noticia fue publicada (si hay)
{category-icon} ----> Muestra el icono de la categoría (si hay)
Estas se colocan donde tu desees, generalmente el titúlo en el lugar del box azul en este caso, a la isquerda abajo el autor. Bueno no sé mucho de variables asique no sabria explicarles.
Fuente: iFurni ~ Totalmente Creado por Caobiita!
Re*****: Estoy creando un tutorial de como hacerlo en Dreamweaver.