Login-Box im Header

Freddy Krueger

Hi Leute,

ich versuche gerade eine Login-Box in meinen Header zu bekommen, leider schaffe ich es nicht die Box an die richtige Stelle zu setzen und anzupassen.

Ich habe eine Seite gefunden, wo es genauso ist wie ich es haben möchte. Hier ein Screen: Klick

Hier der Code: http://wordpress.org/support/topic/…er#post-1515749
Müsste eigentlich richtig sein oder?

Hier mein Blog (Testblog): Klick

Kann mir jemand erklären wie ich das so hinbekomme, wie auf dem Bild? Die Box soll oben rechts in den Header.

Würde mich über Hilfe freuen ;)

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

mfitzen

Zitat von Freddy Krueger

Ich habe eine Seite gefunden, wo es genauso ist wie ich es haben möchte. Hier ein Screen: Klick

Der Link ist tot.

Freddy Krueger

Zitat von infected

Der Link ist tot.

Danke für die Info.

Neuer Imagehoster: Klick

Freddy Krueger

Kann doch nicht so schwer sein :D

Bitte bitte helft mir :D

mfitzen

Dann sag uns doch mal, was Du genau bereits probiert hast (Codebeispiel?)

Domino5702

Ist es auch nicht, wurde vor etwa 3 Jahren zB. im englischsprachigen Forum beantwortet.

Freddy Krueger

Zitat von infected

Dann sag uns doch mal, was Du genau bereits probiert hast (Codebeispiel?)

Ich habe den Code aus dem ersten Beitrag in die header.php eingefügt. Ob an der richtigen Stelle, weiß ich nicht.

Jetzt sieht es so aus: Klick

Anders bekomme ich es nicht hin. Soweit ich weiß muss da noch was mit css gemacht werden, damit es so ausschaut > Klick

Freddy Krueger

Hier meine header.php

Freddy Krueger

Ich pushe ungern, aber weiß das wirklich niemand?

SirEctor

bin nicht sicher was Du genau willst, aber anstatt <div align="right"> schreibst Du mal <div class="loginbox"> und fügst Deiner CSS folgendes hinzu:

Code

.loginbox {
position: relative;
height: 0;
left: 450px;
font-size: 0.8em;
text-align: left;
width: 350px;
}

Der Rest ist dann nur noch CSS-Anpassung.

Domino5702

Weiter oben sagst Du doch schon, Du hättest eine Seite gefunden, wo das umgesetzt ist. Warum schaust Du Dir den Code dieser Seite nicht an (zB mit Firebug in Firefox), und analysierst es, probierst es aus. Das ist allemal lehrreicher für Dich, als wenn hier Dir jemand den Code hinschreibt.

Domino5702

Hier noch ein Link

Deine Frage ist im Grunde ein Klassiker, und wird zB. hier sehr schön mit Beispiel abgehandelt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Login-Box im Header

Jetzt mitmachen!