Sidebar nach rechts verschieben, neue einfügen

  • Hallo,

    ich habe zwei Probleme mit Themes, die ich gut finde, aber jeweils von mir bearbeitet werden müssen.

    Zunächst wäre da das Fifty Fifth Street - Theme. Die Sidebar befindet sich dort links und ich hätte sie aus Designgründen gerne rechts, geht das?
    Hier der Code. Habe bereits bei float left in right ersetzt, aber dann springt es nur 3 cm nach rechts und nicht auf den rechten Rand...

    /* Begin Sidebar */
    #sidebar {
    float:left;
    width:260px;
    color:#b6b6b6;
    font-size:1.1em;
    line-height:20px;
    padding-top:23px;
    }

    #sidebar ul {
    }

    #sidebar ul ul {
    margin-left:-10px;
    }

    #sidebar ul ul ul {
    margin:0;
    padding:0;
    }

    #sidebar ul li {
    list-style:none;
    margin-bottom:35px;
    }

    #sidebar li li {
    margin:0;
    background:url(images/icons.gif) no-repeat 0 -141px;
    padding-left:10px;
    }

    #sidebar a {
    font-size:1.1em;
    }

    #sidebar h4 {
    font-size:1.63em;
    color:#343434;
    line-height:20px;
    margin:0 0 12px;
    }
    /* End Sidebar */

    Bei dem anderen Theme fehlt die Sidebar ganz. Es handelt sich um das Seven Five 1.5.3 -Theme von Press75.com. Wie kann ich eine komplette Sidebar einfügen oder ist das nicht möglich? Evtl. mit neuem Template?

    Achso und ist es möglich, horizontale Navigationsleisten einzufügen? Sowas haben beide Themes nicht und es wäre für meinen Blog sehr sinnvoll.

    Vielen Dank schonmal

    • Anzeige

    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

  • Es reicht nicht, alleine die Sidebar zu verändern! Rechts von ihr sitzt der Div #content - gibt dem mal ein float: left - dann ist es das schon im wesentlichen.

  • Super, hat funktioniert, auch wenn die Content Seite ein wenig anders heißt...

    Und wie funktioniert das jetzt mit dem Einfügen einer horizontalen Navigationsleiste? Im Theme ist keine vorhanden, müsste sie also ganz neu anlegen, geht das bei einem fertigen Theme?

    Und für ein anderes Theme müsste ich eine neue Sidebar anlegen, die gibt es auch nicht...??

  • Was für 'ne Version WP hast du denn? Die neueste soll ja das Anlegen mehrerer Menüs vereinfachen - damit kenn ich mich aber (noch) nicht aus.

    Bisher lege ich horizontale Menüs an, indem ich eben einen zusätzlichen Div unterhalb des Headers einfüge (in der header.php) und dort die Links zu den gewünschten Seiten (!) händisch mit einem Trennzeichen dazwischen einfüge. Z.B. im Modersohn-Magazin.de so:

    <div id="hauptmenu"><a class="kleintext" href="http://www.modersohn-magazin.de/">Start</a> &nbsp;-&nbsp; <a class="kleintext" href="http://www.modersohn-magazin.de/was-ist-das-modersohn-magazin/">Dieses Blog</a> &nbsp;-&nbsp; <a class="kleintext" href="http://www.modersohn-magazin.de/inhaltsverzeichnis/">Inhaltsverzeichnis</a> &nbsp;-&nbsp; <a class="kleintext" href="http://www.modersohn-magazin.de/archiv-nach-monaten/">Archiv</a> &nbsp;-&nbsp; <a class="kleintext" href="http://www.modersohn-magazin.de/impressum-kontakt/">Impressum/Kontakt</a> &nbsp;-&nbsp; <a class="kleintext" href="http://www.modersohn-magazin.de/datenschutzerklaerung/">Datenschutz</a></div>

    In den Styles wird dann der Div hauptmenu und das aussehen der Links mittels einer CSS-Klasse gestylt.

    #hauptmenu {display:block;border-bottom:1px solid black;
    background-color:#ffffcc;color:black;
    font-family:arial,futura,helvetica,sans-serif;letter-spacing:1px;
    text-align:center;}

    .kleintext {font-family: verdana, arial, helvetica, sans-serif;
    font-size:11px; line-height:14px;}

    Du musst dich bei den Angaben natürlich am vorhandenen Theme orientieren, das ja ganz anders aussieht.

    Und: Für Menüs werden auch gerne Listen genommen, die man dann horizontal stylt (display:inline). Es gibt immer mehrere Wege...

    An deiner Stelle würde ich mir ein Developer-Plugin für den Browser zulegen, dann SIEHST du, was los ist in deinem Theme!

  • Ich habe WP 3, aber bei den Menüs blicke ich nicht so durch, die gelten auch nur für die Sidebar, weswegen ich keine Nav.leiste damit hinbekommen...

    Ok, die Navigationspunkte sind jetzt drin, habe sie im Header eingefügt, aber ich kann sonst nichts verändern daran, da sie im Style.css nicht zu finden sind...
    Oder muss ich sie dort auch neu programmieren? Sitzen die Dinger zufällig hier?

    /* Begin Content */
    #content {
    font-size:1.2em;
    line-height:20px;
    float:left;
    width:560px;
    }

    .post {
    margin-bottom:40px;
    }

    .sticky, .byuser {
    border:5px solid #f9f9f9 !important;
    margin:-10px -10px 40px -50px;
    background:url(images/sticky.gif) no-repeat 597px 5px;
    padding:5px 5px 5px 45px;
    }

    .byuser {
    margin-left:-52px;
    padding-left:47px;
    background:url(images/author.gif) no-repeat 599px 5px;
    }

    .bubble {
    display:block;
    float:left;
    margin:5px 0 0 -40px;
    background:#343434 url(images/comments.gif);
    width:30px;
    height:29px;
    line-height:19px;
    color:#fff;
    text-align:center;
    }

    .bubble:hover {
    color:#b6b6b6;
    }

    .entry {
    }

    .navigation {
    min-height:10px;
    margin:30px -23px;
    text-transform:uppercase;
    line-height:10px;
    }

    .post .navigation {
    border:solid #e6e6e6;
    border-width:1px 0;
    padding:9px 0;
    }

    .attachment .navigation {
    height:150px;
    }

    .navigation .alignleft a {
    background:url(images/icons.gif) no-repeat 0 -60px;
    padding-left:22px;
    display:block;
    height:10px;
    float:left;
    }

    .navigation .alignright a {
    background:url(images/icons.gif) no-repeat 100% -30px;
    padding-right:22px;
    display:block;
    height:10px;
    float:right;
    }

    Und wo finde ich denn ein gutes Developer Plugin? Meine Suche ergab nichts...Und was kann es?

    Danke vielmals schonmal, hast mir bereits viel geholfen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!