Las dos sidebar me salen juntas

Inicio Foros WordPress Themes y Diseño Las dos sidebar me salen juntas

Etiquetado: 

Este debate contiene 6 respuestas, tiene 2 mensajes y lo actualizó  frankma hace 9 años, 9 meses.

  • Autor
    Publicaciones
  • #12340

    frankma
    Participante

    <p>Hola, es mi primer post.</p>
    <p>Tengo una template con dos columnas, y quería insertar una segunda sidebar. El original tiene la sidebar a la izquierda, y el content a la derecha, y la nueva sidebar la quiero a la derecha del todo.</p>
    <p>Si en la CSS pongo el content a la izquierda:<br />
    /* Content */</p>
    <p>#content {<br />
    float: left;<br />
    width: 420px;<br />
    padding: 0 20px;<br />
    background: url(images/img4.gif) no-repeat;<br />
    }</p>
    <p>me sale a la izquierda del todo, y si lo pongo a la derecha, sale a la derecha del todo, aunque ponga la sidebar 2 a la derecha:</p>
    <p>#sidebar2 {<br />
    float: right;<br />
    width: 180px;<br />
    padding: 0 20px;<br />
    background: url(images/img3.gif) no-repeat right top;<br />
    }</p>
    <p>Gracias por vuestra ayuda
    </p>

  • #26584

    23r9i0
    Participante

    Seria bueno que comentases que theme usas, pero aparte de eso donde colocas el enlace php para que llame al sidebar2
    El orden normal en el index es header sidebar footer pero si pone header sidebar sidebar2 footer es posible que al leer el estilo te coloque primero el float del content.
    Podrias poner la llamada al sidebar2 despues del header o en el mismo archivo del header al final para que el index lea header sidebar2 sidebar footer.
    No se si me he explicado bien?
    Ya me diras.

  • #26592

    frankma
    Participante

    Lo primero muchas gracias. Vi ayer algunas plantillas de 3 columnas y deduje que por ahí deben ir los tiros, pero llevo cambiando toda la mañana cosas y no doy con ello.

    Si no te importa, te pego el archivo index y el single.php, a ver si me puedes echar una mano dónde debo incluir estas dos frase:
    <?php include("sidebar.php"); ?>
    <?php include("sidebar2.php"); ?>

    INDEX.PHP:
    <?php get_header(); ?>

    <!– Start the Loop. –>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="post">
    <!– Display the Title as a link to the Post’s permalink. –>
    <div class="title">
    <h2>">
    <?php the_title(); ?>
    </h2>
    </div>
    <!– Display the Time. –>
    <h3 class="date"><span class="month"><?php the_time(‘F’); ?></span> <span class="day"><?php the_time(‘jS’); ?></span><span class="year">, <?php the_time(‘Y’); ?></span></h3>
    <!– Display the Post’s Content in a div box. –>
    <div class="meta">
    <p>Posted by
    "><?php the_author(); ?>
    under <?php the_category(‘, ‘); ?>
    " title="Comment on <?php the_title(); ?>"><?php comments_number(); ?> | ">Permalink</p>
    </div>

    <div class="story">
    <?php the_content(); ?>
    </div>
    <!– Display a comma separated list of the Post’s Categories. –>
    </div>
    <!– closes the first div box –>
    <!– Stop The Loop (but note the "else:" – see next line). –>
    <?php endwhile; else: ?>
    <!– The very first "if" tested to see if there were any Posts to –>
    <!– display. This "else" part tells what do if there weren’t any. –>
    <p>Sorry, no posts matched your criteria.</p>
    <!– REALLY stop The Loop. –>
    <?php endif; ?>

    </div>
    <!– end #content –>

    <?php get_sidebar(); ?>

    <?php get_footer(); ?>

    SINGLE.PHP:
    <?php get_header(); ?>

    <!– Start the Loop. –>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="post">
    <!– Display the Title as a link to the Post’s permalink. –>
    <div class="title">
    <h2>">
    <?php the_title(); ?>
    </h2>
    </div>
    <!– Display the Time. –>
    <h3 class="date"><span class="month"><?php the_time(‘F’); ?></span> <span class="day"><?php the_time(‘jS’); ?></span><span class="year">, <?php the_time(‘Y’); ?></span></h3>
    <!– Display the Post’s Content in a div box. –>
    <div class="meta">
    <p>Posted by
    "><?php the_author(); ?>
    under <?php the_category(‘, ‘); ?>
    " title="Comment on <?php the_title(); ?>"><?php comments_number(); ?> | ">Permalink</p>
    </div>

    <div class="story">
    <?php the_content(); ?>
    </div>
    <?php if ((‘open’ == $post-> comment_status) && (‘open’ == $post->ping_status)) {
    // Both Comments and Pings are open ?>
    You can leave a response, or " rel="trackback">trackback from your own site.

    <?php } elseif (!(‘open’ == $post-> comment_status) && (‘open’ == $post->ping_status)) {
    // Only Pings are Open ?>
    Responses are currently closed, but you can " rel="trackback">trackback from your own site.

    <?php } elseif ((‘open’ == $post-> comment_status) && !(‘open’ == $post->ping_status)) {
    // Comments are open, Pings are not ?>
    You can skip to the end and leave a response. Pinging is currently not allowed.

    <?php } elseif (!(‘open’ == $post-> comment_status) && !(‘open’ == $post->ping_status)) {
    // Neither Comments, nor Pings are open ?>
    Both comments and pings are currently closed.

    <?php } edit_post_link(‘Edit this entry.’,”,”); ?> <!– Display a comma separated list of the Post’s Categories. –>
    <?php comments_template(); ?>

    </div>
    <!– closes the first div box –>
    <!– Stop The Loop (but note the "else:" – see next line). –>
    <?php endwhile; else: ?>
    <!– The very first "if" tested to see if there were any Posts to –>
    <!– display. This "else" part tells what do if there weren’t any. –>
    <p>Sorry, no posts matched your criteria.</p>
    <!– REALLY stop The Loop. –>
    <?php endif; ?>

    </div>
    <!– end #content –>

    <?php get_sidebar(); ?>

    <?php get_footer(); ?>

    La CSS creo que la tengo bien, utilizo float para decirle que la sidebar 1 vaya a la izquierda, la sidebar2 a la derecha, y el content no sé si tengo que ponerlo a la derecha o a la izquierda, pues iráen el centro.

    MUCHAS GRACIAS

  • #26593

    23r9i0
    Participante

    Hola
    Por lo que veo el div content esta dentro del header, puedes probar de poner lo siguiente antes del div="content" en el archivo header.php
    [code]&lt;?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?&gt;[/code]
    Con float right y el content con float right, por ejemplo y el sidebar con float left.
    Pero si me dices que theme usas lo puedo ver mejor y probar en local.

  • #26595

    frankma
    Participante

    Jolín tío, qué manera de ayudar!!!

    El theme es este:
    http://wordpresstemplates.name/eclipse-free-wordpress-template/

    No he probado todavía lo que me has dicho.

    MUCHAS GRACIAS

  • #26611

    frankma
    Participante

    El theme es este:
    http://wordpresstemplates.name/eclipse-free-wordpress-template/

    No he probado todavía lo que me has dicho.

    MUCHAS GRACIAS

    p.d.: pongo otra vez el post, porque soy nuevo y hay una cosa que no me aclaro. En el foro pone 5 respuestas, y el último en intervenir Sergio, cuando yo soy el último que he intervenido. Por si acaso no se ve, lo vuelvo a poner y pido perdón si estoy metiendo la pata.

  • #26629

    frankma
    Participante

    Nada, no me sale ni haciendo lo de meter <?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?> en el header…

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido