Hallo liebes Forum :-)
Ich habe direkt 2 Bitten an euch. Meine erste bezieht sich auf die Adminbar der WP-Seite. Ich habe sie durch einige Plugins so eingestellt, dass sie für Gäste auch sichtbar ist, doch dann ein Loginformular angezeigt wird. Leider bin ich kein CSS Profi. So sieht die Adminbar aktuell aus:
http://www.pcklick.net
Hier der CSS 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; }Hmpf. Etwas unübersichtlich, deshalb hier nochmals mit anderer Ansicht:
//
#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; }
//
Was ich nicht schaffe, bzw. es gibt folgende Fehler:
-> Die Eingabefläche ist zu gross, sollte schmaler sein und in der Höhe zentriert positioniert
-> Der Text "Benutzername", "Passwort" und Anmelden sollten ebenfalls in der Höhe zentriert liegen.
Ich wäre sehr, sehr dankbar wenn ihr mich weiterhelfen könntet / würdet, habe schon etliche Zeit damit verbracht das Problem zu lösen -.-
Mein 2. Anliegen:
Ich würde in der oben genannten Toolbar, bzw. Adminbar noch gerne einen Htmlcode & Text (oder auch mehrere) einfügen. Muss man das manuell machen, wenn ja wie, oder gibts dafür ein Plugin?
Vielen Dank schonmal für alle Antworten im Vorraus. Ich hoffe das ihr euch die Mühe macht mir zu helfen :D
Liebe Grüsse
PCKlick :mrgreen: