separar titulo de body

smilax77 · 26 Oct 2009, 13:45 · Solicitar retirada

Hola a todos; he estado buscando este tema o algo parecido, pero es un poco dificil, ya que me salen tantos temas, que discriminar el resultado es tarea complicada; asi que por eso he creado un tema nuevo

MI DUDA:

QUIERO SEPARAR LA CABECERA DE UN BLOG DEL CAMPO POST.
basicamente es eso.

me gustaria insertarle espacios en blanco o lo que sea, al objeto de que en la interfaz, el titulo y los post no se vean tan juntos.

seria, pasar de esto:

--------------------------------------------------
CABECERA TITULO DEL BLOG

ENTRADAS- POST
--------------------------------------------------

a esto:

--------------------------------------------------
CABECERA TITULO DEL BLOG

ENTRADAS- POST
--------------------------------------------------

No sé si lo he explicado de forma concisa.

pero es tan simple como eso; que haya "espacios" en medio de los dos bloques, y como que tenga más "holgura"

Gracias, estaré pendiente--

=)

saludos!

smilax77

Kamael · 26 Oct 2009, 15:45 · Solicitar retirada

No estoy muy metido en esto de los blogs, asta ahora solo realize 1 :P pero yo creo poniendole en la hoja de stylos un margen a la cabezera es suficiente para q aparezca lo q quieres.

q programa usas para tu blog??

JTole · 26 Oct 2009, 16:35 · Solicitar retirada

No se si para hacer un blog sera igual que para hacer una web pero si es asi por que no utilizas el código
tantas veces como quieras hasta darle el espacio deseado.

smilax77 · 26 Oct 2009, 18:59 · Solicitar retirada

segun mi poca experiencia, para hacer un blog es bastante similar.. que me corrijanlos entendidos ; )

JTole, ya probé a insertarle br, de hecho lo hice de dos formas:

con

y con

</p>

quizas es que no se lo inserté bien o en lugar adecuado, pues me salia el que la frase estaba inconclusa y que era errónea.

DÓNDE SERÍA CORRECTO INSERTARLO o CÓMO SERÍA BIEN?

Kamael, en este caso es para un blog con plantilla de blogger, seria modificar la plantilla prediseñada;

de todas formas yo estoy intentando crear mi propia web, gracias a CCTW y con el HTMLKit.

pero ya te digo, en este caso es para una plantilla prediseñada

Gracias

JTole · 26 Oct 2009, 19:10 · Solicitar retirada

El codigo
lo debes insertar tal cual sin el

delante ni el </p> detras.

smilax77 · 26 Oct 2009, 19:25 · Solicitar retirada

gracias JTole!

ahora el ultimo paso: DÓNDE?

primero aparece en la plantilla todo lo que la define y que es
en resumen, asi
ejemplo:

<?xml version="1.0" ......
<!DOCTYPE html PUBLIC.......
...

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------

luego vienen los campos

body {
.....
...
...
...

/* Header
-----------------------------------------------

....

...
/* Outer-Wrapper
-----------------------------------------------
...
...
...

/* Headings
---------------------------------------------

...
...
/* Posts
-----------------------------------------------
...
..
..

hasta
/* Footer
....................

y por ultimo, aparecen
el cierre del tag head y el body...

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>
...
...
...

DÓNDE TENDRIA QUE INSERTAR

PARA QUE FUNCIONASE??

milmillones de gracias!!

smilax77 · 26 Oct 2009, 20:30 · Solicitar retirada

ya he dado con la tecla!!

me ha costado, pero lo escribo para los que quieran hacerlo:

para separar la cabecera, titulo-cabecera del blog, del resto de los contenidos, como son post y barra lateral, ojo, ESTO ES PARA PLANTILLA BLOGGER,

lo que hay que hacer es buscar el códico de header siguiente:

#header-wrapper {

header wrapper es lo que define la cabecera; wrapper es más o menos, envolvedor [wrap: envolver]

imaginaos una traduccion libre para header wrapper,asi:

"cuadrado que define -envuelve- a header y lo que ocurre dentro"

Pues bien, por defecto, el header wrapper viene definido con una separacion de margen de 10 pixeles, ya que viene asi descrito:

#header-wrapper {
width:850px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

así que lo unico que hay que hacer es cambiar ese numero por el que querais:

#header-wrapper {
width:850px;
margin:0 auto 100px;
border:1px solid $bordercolor;
}

y asi pasas de

--------------------------------------------------
CABECERA TITULO DEL BLOG

ENTRADAS- POST
--------------------------------------------------

a

--------------------------------------------------
CABECERA TITULO DEL BLOG

ENTRADAS- POST
--------------------------------------------------

ESPERO QUE OS SIRVA!!

smilax77 · 26 Oct 2009, 20:33 · Solicitar retirada

gracias a cctw, motiva un monton a ponerte a ti mismo manos a la obra, pues esta todo superbien explicado
y te incita a decir "yo tambien puedo hacerlo"

y eso es lo que he hecho! hasta que no he dado con la tecla no me he rendido!!

bravo, jorgens, hiciste un gran trabajo al crear cctw!

JTole · 26 Oct 2009, 21:41 · Solicitar retirada

Me alegro que tu mismo hayas sido capaz de hacerlo... muchas veces solo hace falta un poco de paciencia y mirar bien el código.