Folgen-Navigationsleiste

  • Hallo:)

    Ich möchte auf meiner Let's Play Seite [link] eine Folgen-Navigationsleiste einbauen. Das Ganze soll dann wie folgt aussehen:
    [ATTACH=CONFIG]11717[/ATTACH]

    Ich verwende dabei das Theme Bresponzive. Ich hab auch schon versucht das in der style.css zu verwirklichen, allerdings wird es nicht so dargestellt wie ich will.

    div.back_forward_bar {

    background-color: #363636;
    margin:0;
    padding:9px;
    height:28px;
    border-style:none;
    font-weight:100;
    color:white;
    font-size:28px;
    display:block;
    font-family:Oswald,serif;
    }
    a.backb {
    text-decoration:none;
    font-weight:100;
    color:#white;
    display:inline;
    float:left;
    padding-left:4px;
    }
    a.backb:hover {text-decoration:underline;color:#ddd;}
    a.forwardb:hover {text-decoration:underline;color:#ddd;}
    a.forwardb {
    text-decoration:none;
    font-weight:100;
    color:#white;
    display:inline;
    float:right;
    padding-right:4px;
    }


    Der obere Teil steht in style.css und der untere kommt in den Artikel.

    <div class="back_forward_bar"><a href="http://brothos.bplaced.net/wordpress/folg…-schlacht-ruft/" class="backb">«Vorherige Folge</a><a href="http://brothos.bplaced.net/wordpress/folg…n-triss-aktion/" class="forwardb">Nächste Folge»</a></div>

    Ich würde mich sehr darüber freuen, wenn mir jemand weiterhilft.

    • 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

  • ich weiß nicht was für einen Editor du verwendest, aber deine Formatierung in der style.css ist ein unübersichtliches Chaos, wodurch vorhandene Fehler leicht übersehen werden

    Problem beginnt hier

    Code
    font-size: 20px;div.back_forward_bar {background: #2b2b2b;

    hier hast du die abschließende Klammer von der h1.entry-title Formatierung entfernt
    dadurch wird nachfolgendes nicht mehr ausgeführt

    also

    Code
    font-size: 20px;
    }
    div.back_forward_bar {
    background: #2b2b2b;

    ach ja: wenn du Codezeilen aus anderen Webseiten verwendest, Link anpassen...bzw. den entsprechenden PHP Code verwenden

    Einmal editiert, zuletzt von Tutrix (22. März 2015 um 18:38)

Jetzt mitmachen!

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