Neben den Seiten oben kleine Symbole einfügen? :)

  • Nabend Leute,
    das hier ist mein erster Beitrag in diesem Forum.
    Ich versuche seit einigen Minuten, oben neben den "Reitern" sozusagen... also die Seiten kleine Symbole einzufügen.
    Wenn ich z.B. eine Seite habe die "Mein Vater" heißt und dann ganz klein daneben ist ein kleiner männlicher Kopf :D (Was für ein beschissenes Beispiel) ... ^^

    Wäre das in irgendeiner Weise möglich oder verlange ich da etwas unmögliches..

    Mit freundlichen Grüßen
    Freymuth

    • 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 versuche das ja einzubinden ... :DDD Deshalb die Frage :) Das ganze soll auf einer Clan-Homepage passieren.

    Link: http://www.ancient-miners.de

    z.B. Bei "Weltkarte" ein kleines Symbol von einer Karte einfügen.

    Schönen Abend noch,
    Freymuth

    EDIT: Habe ich gerade gefunden. Wie hier neben den Seiten die Symbole sind. ( http://forum.kadcon.de/index.php?page=Portal )
    Das ist natürlich mit WBB gemacht ... ich möchte das in Wordpress umsetzen ;) Hat jemand eine Idee?

  • wenn das seiten-menue mit einer der WordPress funktionen gemacht ist, dann hat jedes menue-teil eine spezifische css klasse, ueber die du ein kleines hintergrundbild einfuegen kannst.


    um dies CSS klassen herauszufinden, versuch mit Firebug oder einem der anderen browser-hilfswerkeuge zu arbeiten.

    http://codex.wordpress.org/Function_Refer…tem_CSS_Classes


    PS:

    zB:

    Code
    #top-navigation li.page-item-29 { padding: 0 0 2px 25px; background: url('http://ancient-miners.de/wp-content/themes/leetpress/images/twitter.png') 3px 0px no-repeat; }
    #navigation li.page-item-29 { padding-left: 30px; background: url('http://ancient-miners.de/wp-content/themes/leetpress/images/twitter.png') 5px 14px no-repeat; }
    #footer-navigation li.page-item-29 { padding: 0 0 2px 25px; background: url('http://ancient-miners.de/wp-content/themes/leetpress/images/twitter.png') 3px 0px no-repeat; }
  • Tut mir leid, aber davon habe ich gerade 0,00% verstanden.. :D
    Gibt es vielleicht ein Widget oder kann mir jemand das in einer ausführlichen Anleitung beschreiben? :)

  • Zitat

    Gibt es vielleicht ein Widget oder kann mir jemand das in einer ausführlichen Anleitung beschreiben?


    was widgets sind - siehe http://codex.wordpress.org/WordPress_Widgets

    formatierung ist nichts spezielles fuer WordPress, sondern eine grundlage fuer jegliche webseiten-bearbeitung.
    diese grundlagen musst du dir erarbeiten;

    faengt mit CSS an;
    [COLOR=#800080]http://www.w3schools.com/css/default.asp[/COLOR]
    http://www.w3schools.com/css/css_background.asp


    mein beispiel bezieht sich auf das einfuegen eines kleinen hintergrundbildes fuer den menue-punkt 'weltkarte' in allen drei menues (als bild habe ich einfach das twitter-icon von deiner seite genommen - musst du natuerlich durch ein weltkartenminiaturbild ersetzen).

  • Icon Font erstellen und einbinden:
    http://fontello.com/

    Icon aussuchen und mittels HTML direkt in den Titel des Menüs (nicht der Seite!!!) einbinden:

    Code
    <i class="icon-circle"></i>Menütitel

Jetzt mitmachen!

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