utworzony

Archiwum dla 12 Marzec 2009

Załóżmy, że chcesz, aby umożliwić odwiedzającym do układu strony dostosowany doświadczenie komentarz. Standard tych bezbarwny pudełka z czarnymi napisami, w gości nazwa firmy (wymagane) "," E-mail (nie będzie opublikowany) (wymagane) "oraz" Strona WWW "i może wejść w tekst komentarza. Od teraz chcą trochę koloru lub nawet dodać zdjęcie? Nie ma problemu, to dokonuje się w kilka chwil.

Po pierwsze, wystarczy pomysł, jak to będzie wyglądać. Chcesz koloru lub obrazu? Następnie otwórz Panel WordPress plik style.css i szukać frazy takie jak:

#commentform input lub #commentform textarea . (Specjalne w Twoim przypadku może również nosić nieco inne nazwy, więc jeśli pojawia się ten sam kod, ale masz pojęcia, co powinieneś zobaczyć w odpowiednim punkcie.

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}

"Szerokość" określa długość pola, "padding" padding treści do krawędzi, a "margin" przejrzysty odległość do następnego punktu. Podczas gdy wypełnione "padding" z kolorem lub obraz wybrany zostanie "margines" jest jasna i wygląda tak jak na stronie, gdzie można zaprezentować swoją zawartość. (Odpowiedni CSS odniesienia można znaleźć tutaj i tutaj ).

W naszym przypadku, chcemy mieć tło jak w pól. W związku z powyższym, mamy tę samą ścieżkę do pliku obrazu w brzmieniu: background: url('images/kubrickbgcolor.jpg');

Ponieważ jest to dość ciemna, mamy color: #ffffcc; kolor tekstu dopasowanego jasne wnętrze. Po tym wszystkim, zwiedzający mogą przeczytać, co piszą.

Jeśli wolisz kolor zamiast zdjęcia? Nie, po prostu zastępują temat background: url strony z tym: background: #000000; . Przykładem jest kodowana czarny, ale można też wprowadzić dowolny inny kolor.

Analog uzupełnienie asortymentu #commentform textarea w ten sam sposób.

Nasze wyniki można zobaczyć, na przykład, poniżej tego artykułu, jeżeli go przeczytać w jednym widoku.

Dobre światło i dobre Nuck!