utworzony

Powiedzmy, że chcesz, aby umożliwić odwiedzającym do układu strony dostosowanej komentarza doświadczenia. Standard, te bezbarwne pudełka z czarnymi literami w nazwie naszych gości (wymagane) "," E-mail (nie będzie opublikowany) (wymagane) "i" Strona internetowa "i wpisz tekst komentarza. Od teraz chcę dodać trochę koloru lub nawet obraz? Nie ma problemu, to dokonuje się w kilka chwil.

Po pierwsze, wystarczy pomysł, jak to powinno wyglądać. Chcesz kolor lub obraz? Następnie otwórz desce rozdzielczej Wordpress style.css i poszukaj frazy takie jak te:

#commentform input lub #commentform textarea . (Specjalny w Twoim przypadku może również przyczynić się nieco inne nazwy, ale jeśli widzisz ten sam kod, ale masz pojęcia, co powinno się znaleźć w odpowiednim miejscu.

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

"Szerokość" określa długość pola wprowadzania "wypychania" dopełnienie treści do krawędzi i "marginesem" przezroczysty odległość do następnego elementu. Wypełniony podczas "wyściółka" z kolorem lub wizerunek wybór jest, jest "margines" jest rzeczywiście przejrzysta, a wygląda jak strony, gdzie można zaprezentować swoją zawartość. (Odniesienia CSS można znaleźć tutaj i tutaj ).

W przypadku naszej strony, chcemy mieć tło jak na polach wejściowych. W związku z tym dodaliśmy ścieżkę do tego samego pliku obrazka: background: url('images/kubrickbgcolor.jpg');

Ponieważ jest to zupełnie ciemno, mamy z color: #ffffcc; kolor tekstu dopasowanego jasne wnętrze. Po tym wszystkim, odwiedzający mogą przeczytać, co piszą.

Wolisz kolor zamiast obrazka? Nie wymieniaj problem, tylko background: url -sekcja z tym: background: #000000; . Przykładem jest kodowana czarny, ale można też wprowadzić inny kolor.

Podobnie uzupełnia gamę #commentform textarea w ten sam sposób.

Nasze wyniki można zobaczyć poniżej tego artykułu, na przykład, jeśli czytasz to w jednym widoku.

Dobre oświetlenie i dobre nuck!

1 komentarz do "Jak mogę dostosować swoje pola komentarz?"