Ergebnis 1 bis 2 von 2

Thema: LogIn Formular in Toolbar (Adminbar) einer Wordpress Seite anpassen

  1. #1
    HTML Newbie
    Registriert seit
    10.10.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage LogIn Formular in Toolbar (Adminbar) einer Wordpress Seite anpassen

    Hallo liebes Forum
    Ich habe ein, ich sag mal ziemlich schön Wordpress Seite erstellt :P
    Zusätzlich möchte ich ein LogIn Formular erstellen, dass oben bei der Toolbar erscheint. Soweit hat es auch funktioniert, nur mit dem Design komme ich nicht zurecht. Das Ganze läuft dann noch über eine Php-Datei, die damit nichts zu tun hat. Hier mal der Code für die Toolbar meiner Seite:
    http://www.pcklick.net (Meine Seite)
    Der CSS-Code:
    Code:
    #adminloginform p {
        display: inline;
    }
    
    #adminloginform .login-username input,
    #adminloginform .login-password input {
        font: 11px/24px sans-serif;
        height: 12px;
        border: none;
        color: #555;
        text-shadow: 0 1px 0 #fff;
        background-color: rgba( 255, 255, 255, 0.9 );
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    
    #adminloginform #wp-submit {
        position: relative;
        cursor: pointer;
        overflow: visible;
        text-align: center;
        white-space: nowrap;
        background: #ccc;
        background: -moz-linear-gradient(bottom, #aaa, #ccc);
        background: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#ccc));
        padding: 10px 10px;
        height: 24px;
        font: bold 12px sans-serif !important;
        color: #444 !important;
        text-shadow: 0px 1px 0px #ddd !important;
        border: 1px solid #626262;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
    }
    
    #adminloginform #wp-submit:active {
        background: #aaa;
        background: -moz-linear-gradient(bottom, #bbb, #ddd);
        background: -webkit-gradient(linear, left bottom, left top, from(#999), to(#bbb));
        -moz-box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2);
        box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2);
    }
    
    #adminloginform #wp-submit:hover {
        color: #000 !important;
    }
    
    #wp-admin-bar-register a {
        font-weight: bold;
    }
    Nun mein Problem, oder meine Vorstellung:
    - Eingabefelder für Benutzername und Passwort kleiner, in der Höhe zentriert
    - Schrift, bzw. Text ebenfalls in der Höhe zentriert. Dh. "Benutzername", "Passwort" und "Anmelden" muss... etwas nach oben versetzt werden.

    Uff
    Ich hoffe, ich konnte das gut beschreiben
    Ausserdem würde ich mich sehr, sehr über schnelle & gute Hilfe freuen, wer weiss, evtl. schreibe ich mal einen Artikel über diese tolle Seite :P
    Spass beiseite, ich würde mich über Lösungen sehr freuen

    LG Tarek
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    09.12.2008
    Ort
    Berlin
    Alter
    38
    Beiträge
    666
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: LogIn Formular in Toolbar (Adminbar) einer Wordpress Seite anpassen

    Mit display:table-cell und vertical-align:middle auf #adminloginform sollte das hinhauen. Evtl. musst der form auch noch die Höhe deiner Toolbar geben (28px.
    Die p-Tags um die einzelnen form-Elemente brauchst du nicht.
    Code:
      #adminloginform {
        display:table-cell;
        height:28px;
        vertical-align:middle;
      }
    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook

Ähnliche Themen

  1. Portlet als Toolbar zur Auswahl einer BrowserView fuer einen Folder
    Von envouz im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 2
    Letzter Beitrag: 24.04.2012, 18:15
  2. php Formular in einer html Seite aufrufen?
    Von Salsero im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 18.03.2011, 16:31
  3. Antworten: 2
    Letzter Beitrag: 20.12.2010, 15:55
  4. Login Script anpassen?
    Von V0LuM3 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 11.12.2008, 16:44
  5. Design an Wordpress anpassen
    Von incendium im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 0
    Letzter Beitrag: 29.03.2008, 16:41

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •