Sidebar Position verändern (spezielles Theme)

donald77

Hallo zusammen.
Wie der Titel schon sagt möchte ich meine Sidebar anders Positionieren.
Also mein Theme hat 2 Sidebars die stehen beide rechts des Content, nun möchte ich dass eine Sidebar links des Content steht und die andere rechts bleibt.

Einen kleinen erfolg konnte ich damit erzielen in dem ich in der style.css unter
#contentleft das float von left auf right änderte, nun stehen aber beide Sidebars links. Wie bekomme ich jetzt die eine aber nach rechts?

Das ändern des float unter #l_sidebar oder #r_sidebar vertauscht jeweils bloss die linke mit der rechten Sidebar.

hier die relevanten angaben aus meiner style.css ich nutze WP 2.9

Code

/************************************************
*    Content                                      * 
************************************************/


#content {
    width: 960px;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    }


#content img a{
    margin: 0px;
    border: none;
        float: left;
    }
    
#content h1 {
    color: #e31fa2;
    font-size: 13px;
    font-family: verdana, arial, times new roman;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
    border-top: 1px dotted #454545;
    border-bottom: 1px dotted #454545;
    text-transform: uppercase;
    }
    
#content h1 a, #content h1 a:visited  {
    color: #e31fa2;
    text-decoration: none;
    }


#content h1 a:hover {
    color: #d9319c;
    text-decoration: none;
    }
    
#content h2 {
    color: #333333;
    font-size: 14px;
    font-family: verdana, arial, times new roman;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    }
    
#content h2 a, #content h2 a:visited  {
    color: #333333;
    text-decoration: none;
    }


#content h2 a:hover {
    color: #e31fa2;
    text-decoration: none;
    }
    
#content h3 {
    color: #bbb;
    font-size: 14px;
    font-family: verdana, arial, times new roman;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
    border-top: 1px dotted #454545;
    border-bottom: 1px dotted #454545;
    text-transform: uppercase;
    }
    
#content img.wp-smiley {
    float: none;
    border: none;
    padding: 0px;
    margin: 0px;
    }


#content img.wp-wink {
    float: none;
    border: none;
    padding: 0px;
    margin: 0px;
    }
    
#contentleft {g
    background: #FFFFFF;
    display: inline;
    float: right;
    width: 480px;
    margin: 0px 20px 0px 0px;
    padding: 20px 0px 0px 0px;
    }
    
#contentleft img{
    border:1px solid #CCCCCC;
}
    
#contentleft p{
    padding: 0px 0px 15px 0px;
    margin: 0px;
    line-height: 17px;
    }
    
#contentleft ol{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 10px 0px;
    }
    
#contentleft ol li{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 0px;
    }
    
#contentleft ul{
    list-style-type: square;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 10px 0px;
    }
    
#contentleft ul li{
    list-style-type: square;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 0px;
    }
    
blockquote{
    margin: 0px 25px 15px 25px;
    padding: 0px 25px 0px 10px;
    background: #E8E8E8;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;
    }
    
#content blockquote p{
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    }
    
.postinfo {
    width: 460px;
    background: #121212;
    font-size: 11px;
    color: #999;
    margin: 0px 0px 60px 0px;
    padding: 10px 10px 10px 10px;
    border-top: 2px solid #222;
    border-bottom: 1px solid #222;
    line-height: 10px;
    }
    
/************************************************
*    Left Sidebar                                  * 
************************************************/


#l_sidebar {
    /*background: ;*/
    display: inline;
    float: right;
    width: 198px;
    margin: 0px 20px 0px 0px;
    padding: 0px 20px 10px 0px;
    border-left: 1px solid #121212;
    border-right: 1px solid #121212;
    border-bottom: 1px solid #121212;
    overflow:hidden;
    }
    
#l_sidebar p{
    padding: 5px 0px 0px 0px;
    margin: 0px;
    line-height: 17px;
    }
    
#l_sidebar h2 {
    color: #e31fa2;
    font-size: 13px;
    font-family: verdana, arial, times new roman;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dotted #454545;
    }
    
#l_sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }


#l_sidebar ul {
    padding: 0px;
    margin: 0px;
}


#l_sidebar li {
    padding: 0px;
    margin: 10px 0px;
    }
#l_sidebar li li {
    border-bottom: 1px dotted #454545;
    padding-bottom: 5px;
    }
    
#l_sidebar ul li a, #l_sidebar ul li a:visited {
    display: inline;
    color: #aaa;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    }


#l_sidebar ul li a:hover {
    color: #e31fa2;
    text-decoration: none;
    }
    
/************************************************
*    Right Sidebar                                  * 
************************************************/


#r_sidebar {
    /*background: #FFFFFF /*url(images/sidetop.gif) no-repeat top */;
    display: inline;
    float: left;
    width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    overflow:hidden;
    }
    
#r_sidebar img a{
    margin: 0px;
    border: none;
    }


#r_sidebar p{
    padding: 5px 0px 0px 0px;
    margin: 0px;
    line-height: 17px;
    }
    
#r_sidebar h2 {
    color: #e31fa2;
    font-size: 13px;
    font-family: verdana, arial, times new roman;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dotted #454545;
    }
    
#r_sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }


#r_sidebar ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }
    
#r_sidebar ul li a, #r_sidebar ul li a:visited {
    display: block;
    color: #aaa;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #454545;
    }


#r_sidebar ul li a:hover {
    background: #121212;
    color: #e31fa2;
    text-decoration: none;
    }

Alles anzeigen

Das Theme heisst pc_wpt_teen_037 und ist ein Erotik Theme, Leider kann es noch nicht öffentlich angeschaut werden weil unter der Domain noch das alte Projekt am laufen ist. wer aber interesse haben sollte kann sich das Projekt gerne anschauen wenn es fertig ist (einfach PN an mich). Ich hoffe es kann mir trotzdem geholfen werden.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Thorsten Gruber

da man nicht weiss wie die Boxen in deinen dateien eingefügt sind ist das recht schwierig.

inhalt der index z.b. ?

donald77

das wär meine index.php aus dem Template

PHP

<?php get_header(); ?>


<div id="content">


    <div id="contentleft">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
        <?php the_content(__('Den ganzen Beitrag lesen'));?><div style="clear:both;"></div>


        <div class="postinfo">
            <?php the_time('F j, Y'); ?> | abgelegt unter <?php the_category(', ') ?>&nbsp;<?php edit_post_link('(Bearbeiten)', '', ''); ?>
        </div>


        <!--
        <?php trackback_rdf(); ?>
        -->


        <h3>Kommentare</h3>
        <?php comments_template(); // Get wp-comments.php template ?>


        <?php endwhile; else: ?>


        <p><?php _e('Sorry, aber du suchst gerade nach etwas, was hier nicht ist.'); ?></p><?php endif; ?>
        <?php posts_nav_link(' — ', __('&laquo; &auml;ltere Artikel'), __('neuere Artikel &raquo;')); ?>


    </div>


<?php include(TEMPLATEPATH."/l_sidebar.php");?>


<?php include(TEMPLATEPATH."/r_sidebar.php");?>


</div>


<!-- The main column ends  -->


<?php get_footer(); ?>

Alles anzeigen

hier noch der downloadlink zum Theme http://www.partnercash.com/member/de/blog…step=3&theme=37

Thorsten Gruber

PHP

<?php get_header(); ?>


<div id="content">


<?php include(TEMPLATEPATH."/l_sidebar.php");?>


    <div id="contentleft">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
        <?php the_content(__('Den ganzen Beitrag lesen'));?><div style="clear:both;"></div>


        <div class="postinfo">
            <?php the_time('F j, Y'); ?> | abgelegt unter <?php the_category(', ') ?>&nbsp;<?php edit_post_link('(Bearbeiten)', '', ''); ?>
        </div>


        <!--
        <?php trackback_rdf(); ?>
        -->


        <h3>Kommentare</h3>
        <?php comments_template(); // Get [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=wp"]wp[/URL]-comments.php template ?>


        <?php endwhile; else: ?>


        <p><?php _e('Sorry, aber du suchst gerade nach etwas, was hier nicht ist.'); ?></p><?php endif; ?>
        <?php posts_nav_link(' — ', __('&laquo; &auml;ltere Artikel'), __('neuere Artikel &raquo;')); ?>


    </div>


<?php include(TEMPLATEPATH."/r_sidebar.php");?>


</div>


<!-- The main column ends  -->


<?php get_footer(); ?>

Alles anzeigen

jetzt noch contentleft sowie die beiden sidebars links floaten lassen, evtl. noch die breiten anpassen und alles sollte schön sein

gruß

p.s. solltest du probleme haben, dass die letzte box unter dem rest erscheint, liegt das an deinem padding der boxen.

donald77

Danke für deine Hilfe. Leider funktioniert es nicht.
sehe ich das richtig, du hast lediglich den eintrag

PHP

<?php include(TEMPLATEPATH."/l_sidebar.php");?>

entfernt?

es hat keinen einfluss, auch nachdem ich das float auf left gestellt habe.

Thorsten Gruber

ich habe es nicht entfernt sondern über contentleft kopiert. Ausserdem wie beschrieben in der css Datei BEIDE sidebars und contentleft auf float: left setzen.

greetz

donald77

Aha jetzt klappts. Ich musste lediglich dein Code noch in die page.php kopieren, du konntest ja nicht wissen dass ich noch eine page.php habe. Bin jetzt froh dass es geht. Dank dir vielmals.

Gruss Donald

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar Position verändern (spezielles Theme)

Jetzt mitmachen!