Porady
Background w polu input

Tradycyjnie już elementy "systemowe" stron są brzydkie. Podobnie jest i z polem tekstowym tzw. input. Przeczytaj jak temu zaradzić
Wygląd bez tła:

Wygląd z tłem:

Kod do umieszczenia
<input type="text" name="pole" size="25" style="background-image: url('http://www.zama.republika.pl/grafa/tlo2.gif'); background-repeat: repeat">
Oczywiście jako tło możemy wstawić każdy inny, rozpoznawany przez przeglądarkę plik graficzny, wymusić jego powtarzanie lub nie a także "rozszerzyć" o zastosowany styl.
Przykład:

Przykładowy kod:
<input type="text" name="pole" size="25" style="background-image: url('grafa/tlo2.gif'); border-style:solid; border-width:1; border-color=#FFFFFF; font-family:Verdana; background-color:#408cc0; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1background-repeat:repeat">
Oczwiście musisz dopasować w/w kod do własnych potrzeb zmieniając np. kolor ramki.


Autor: webmark


drukuj