"Follow Blog" und Kommentardesign umschreiben

jannikschild · Mitglied · Februar 10, 2012 at 10:21 am
Link kopieren

Thema zu Favoriten hinzufügen
Hallo zusammen,

kann mir jemand im CSS die Zeilen für den „Follow Blog“ Widget zeigen in der ich die Farbe für das Feld ändern kann in welches man seine Mailadresse einträgt. Momentan ist es grau und es hängt sehr stark von den Bildschirmeinstellungen ab, ob man es sieht. Das würde ich gerne ändern

Gibt es außerdem die Möglichkeit im „Twenty Eleven“ Theme die Farbe der „Sprechblasen“ zu ändern? Bei Mouseover werden sie blau, aber farblich sind sie wie das Emailfeld und teilweise kaum zu sehen.

Grüße
Jannik

Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
zodiac1978 · Mitglied · Februar 10, 2012 at 1:37 pm
Link kopieren
Bevor wir damit starten: Hast Du das Custom Design Upgrade?
http://en.support.wordpress.com/custom-design/

Gruß, Torsten
jannikschild · Mitglied · Februar 10, 2012 at 2:13 pm
Link kopieren
noch nicht,
wollte es erst holen wenn ich ganz sicher bin, dass es auch geht so wie ich mir das vorstelle.
Das ich das brauche weiß ich.

Gruß, Jannik
zodiac1978 · Mitglied · Februar 10, 2012 at 11:20 pm
Link kopieren
Die Farben der Sprechblasen kannst du wie folgt umfärben:
```
.entry-header .comments-link a {background-color: #00ff00;}

.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {background-color: #ff0000 !important;}
```
Das Follow-Blog-Widget sehe ich auf deinem Blog nicht. Wenn Du es einbaust, dann geht das sicher auch mit CSS.

Gruß, Torsten
jannikschild · Mitglied · Februar 11, 2012 at 10:03 am
Link kopieren
Danke für die Sprechblasenzeilen!

Was meinst du mit du siehst die Follow Blog option nicht? Warst du auf jannikschild.wordpress.com oder tfg-typhoons.de?

Mein Problem bezieht sich nämlich auf letzteren

Gruß Jannik
zodiac1978 · Mitglied · Februar 12, 2012 at 3:27 am
Link kopieren
Ach so, verstehe!

Dann meinst du den Button, den die Leite sehen, die nicht eingeloggt sind, oder?
http://en.support.wordpress.com/following/#how-to-follow-new-blogs

Der hat die ID „subscribe-field“, also erreichst du das Feld so:
#subscribe-field { hier deine CSS-Definitionen; }

Gruß, Torsten
jannikschild · Mitglied · Februar 12, 2012 at 6:28 pm
Link kopieren
Ja genau den meine ich!

http://s1.directupload.net/file/d/2798/l3o88k2p_png.htm

Okay und was muss ich jetzt ins CSS eintragen, damit ich das Feld (Link) wo man seine Emailadress einträgt etwas kräftiger/grauer bekomme?
Ich hab da leider gar keine Ahnung von!

Gruß, Jannik

PS: schön, dass dir der Blog gefällt ;)
zodiac1978 · Mitglied · Februar 13, 2012 at 10:35 am
Link kopieren
Das sind zum Beispiel die CSS-Definitionen, die aktuell verwendet werden. Die Farben habe ich auf knallgrün, knallblau und knallrot geändert. So sieht man, welcher Teil durch was verändert wird. (Für weitere Info über Farben: http://de.selfhtml.org/html/allgemein/farben.htm):
```
#subscribe-field {
    background: none repeat scroll 0 0 #00f;
    border: 1px solid #f00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #0f0;
}
```
Du kannst den Rahmen dunkler machen, oder den Text oder den Hintergrund. Spiel‘ einfach damit ein wenig herum, bis es dir gefällt.

Wenn Du noch Fragen hast, immer gerne!

Gruß, Torsten
jannikschild · Mitglied · Februar 13, 2012 at 4:13 pm
Link kopieren
super, danke.
Werde mal ein bisschen probieren.

Problem: um dieses EmailFeld zu sehn muss man ja ausgeloggt sein, wenn ich mich auslogge geht die CSS Vorschauänderung aber nicht mehr :D
zodiac1978 · Mitglied · Februar 13, 2012 at 4:19 pm
Link kopieren
Lade dir Firefox herunter und installiere eines der Entwickler-Tool: Firebug oder die Webdeveloper-Toolbar. Ausloggen und dann mit der „CSS bearbeiten“-Funktion eines dieser beiden Tools herumprobieren. So mache ich es.

Gruß, Torsten

P.S.: E gibt bestimmt auch andere Browser mit ähnlichen Möglichkeiten …