wordpress twentytwelve navigation mit social media button

gericoach

hat jemand ne Idee/ Link, wie man es umsetzen kann? Habe bisher einen eigenen Link reingesetzt, dazu ne Class "navigation-facebook". In der Style.css definiere ich die class so:

PHP

#access .navigation-facebook {
margin-top: 3px;
margin-left: 12px;
width:7px;
float: right;
}


.navigation-facebook,
#access .navigation-facebook:hover >a,
#access .navigation-facebook a:focus {
background: url('images/facebook.png');
background-repeat: no-repeat;
padding: 0;
}


.navigation-facebook a{
color: #fff !important;
padding: 0;
}

Alles anzeigen

Bringt aber nicht den gewünschten Erfolg, da der FB Button immer über der Schrift ist, siehe hier:
LINK

Theme: twentytwelve
WP 3.5.1

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

SirEctor

Entweder über

Code

.navigation-facebook{
background: url('images/facebook.png');
background-repeat: no-repeat;
[COLOR=#ff0000]padding: 0 0 0 15px;
background-position: left center;[/COLOR]
}

oder Du benutzt in der CSS :before
http://de.selfhtml.org/navigation/suc…frage=%3Abefore

rekloV

Schiebe mal das Fenster kleiner und schau was passiert, wenn der "Menue"-Button erscheint und ausgeklappt wird... Ich denke dein Ansatz macht genau das, was er soll. Für das normale Menü würde ich entweder den Facebook-Button einfach nach oben verlängern (mit Hintergrundfarbe) oder es per "background-position" versuchen und ggf mit den Abständen spielen, damit er nicht hinter dem Text zu liegen kommt.

Edit: Hrmpf...zu spät.

gericoach

BINGO. Passt! Danke für die Hilfe.
Gibt es noch eine Möglichkeit, das "f" allein zu stellen, ohne den Textlink "FACEBOOK"? Wenn ich da nix einsetze, macht das leider WP...

Zitat

Edit: Hrmpf...zu spät.

Yup, Sir Hector wird hinter vorgehaltener Hand auch der "Wordpressblitz" genannt... :)

rekloV

Geht " " nicht? Oder aber: Warum nicht den gesamten Link inklusive Symbol als Menüpunkt anlegen? Stichwort "angezeigter Name", das kann ja auch das FB-Bild sein.

gericoach

geht...! Danke Euch Beiden für die Hilfen!

KORREKTUR: das f hat keinen Link...in beiden Versionen

rekloV

Zitat von gericoach

geht...! Danke Euch Beiden für die Hilfen!
KORREKTUR: das f verliert den Link...

Jup. Der war aber vorher schon nicht da ;-) Meine Ergänzung geht nicht? S.o. "angezeigter Name"

gericoach

wie würdest Du denn das Bild einsetzen?

rekloV

Geht

nicht? Quasi anstatt des "FB". Kann es leider hier gerade nicht ausprobieren...

gericoach

läuft, habe den Link als absoluten Link eingesetzt. DANKE für die Gedanken!

SirEctor

Zitat von gericoach

Yup, Sir Hector wird hinter vorgehaltener Hand auch der "Wordpressblitz" genannt... :)

wie darf ich das verstehen :confused:

Edit: korrekter Weise müsste dein <img ...> am Ende einen / haben, also so <img ... />

gericoach

wenn Du on-line bist, bist Du eine sichere Bank bzgl. extrem schneller Lösungsansätze. Darfst das also als Kompliment verstehen.

SirEctor

ok danke, hab gerne geholfen. Bei CSS-Fragen fühle ich mich besonders wohl ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

wordpress twentytwelve navigation mit social media button

Jetzt mitmachen!