Respuesta a: Cómo conseguir hacer dos columnas

Inicio Foros WordPress Themes y Diseño Cómo conseguir hacer dos columnas Respuesta a: Cómo conseguir hacer dos columnas

#28768

nexusbbs
Participante

Defines el sidebar, en este ejemplo con relación al "conentwrap" que es donde va el contenido

#sidebar {
margin: 10px 0 0 0;
/* margin-top: same like #contentwrap */ float: right;
width: 320px;
background-color:#FFFFFF;
}

Dentro de sidebar puedes escribir lo que quieras, incluir tablas, etc…
Una buena opción, es la de tener un recuadro superior donde colocar una imagen, un recordatorio o si quieres un banner de 300×350

#sidebar .recuadro {
margin-right: 20px;
background-color: #F1F6FF;
background-image: url(back_info.jpg);
border: 1px solid #e5e5e5;
padding: 5px;
line-height: 1.4em;
}

#sidebar .recuadro p {
margin-top: 5px;
margin-bottom: 10px;
}

Dentro del sidebar defines dos barras

#sidebar1, #sidebar2 {
width: 130px;
float: right;
line-height: 1.5em;
padding-top: 15px;
display: inline;
}

#sidebar1 {
margin: 0 20px 20px 0;
padding-top: 15px;
}

#sidebar2 {
margin: 0 20px 20px 0;
}

Recuerda que la estructura, en este ejemplo seria asi

<div id="sidebar">
<div class="recuadro">LO QUE QUIERAS</div>
Inicias las dos columnas
<div id="sidebar1"> Aqui puedes poner el contenido que quieras o bien colocar el código para insertar widgets</div>
<div id="sidebar2">igual que el anterior</div>
</div> <!– cierra el sidebar–>

Espero que te sirva

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para almacenar tu nombre, correo, IP y demás datos que dejas en los formularios de comentarios, contacto, acceso y tus preferencias de privacidad.

AUTH_KEY, SECURE_AUTH_KEY, LOGGED_IN_KEY, NONCE_KEY, comment_author, comment_author_email, comment_author_url, rated, gdpr, gawdp

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid
cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform
_ga, _gid

¿Quieres cerrar tu cuenta?

Se cerrará tu cuenta y todos los datos se borrarán de manera permanente y no se podrán recuperar ¿Estás seguro?

Pin It on Pinterest