• Wpisów: 315
  • Średnio co: 8 dni
  • Ostatni wpis: 1 rok temu, 13:44
  • Licznik odwiedzin: 459 277 / 2564 dni
 
testowo
 
Zmienimy teraz tlo,obramowanie oraz czcionke wyszukiwarek SZUKAJ BLOGOW,SZUKAJ WPISOW PO TAGU,SZUKAJ W TRESCI-ktore znajduja sie na dole prawego bloku...
Za to odpowiedzialny jest ten kod:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: #888888;
border: #222222 solid 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}

1.Zmieniamy tlo...

-Aby zmienic kolor tla w BACKGROUND wpisujemy wybrany przez nas kolor,np.

background: red; lub background: white; lub background: #fff999;

-Aby zmienic tlo na graficzne w BACKGROUND wstawiamy adres do naszego obrazka,np.

background: url("jakisserwer.pl/naszplik.jpg");

PAMIETAJ- zeby za url(" a przed jakisserwer.pl wpisac http://

-Aby zmienic tlo na przezroczyste w BACKGROUND wpisujemy TRANSPARENT:

background: transparent;

2.Zmieniamy obramowanie...

-Aby zmienic obramowanie w BORDER wpisujemy nasz kolor,grubosc oraz rodzaj obramowania...np.

border: red dotted 1px;  -jest to obramowanie kropkowane w kolorze czerwonym o grubosci 1px...

O rodzajach obramowan pisalem w poprzedniej lekcji...

3.Zmieniamy czcionke...

-Aby zmienic czcionke,mozemy wpisac kod na dwa sposoby...

Przyklad 1.

color: red; -kolor czcionki,
font-weight: bold; -czcionka pogrubiona,
font-family: arial; -rodzaj czcionki,
font-size: 15px; -wielkosc czcionki,
font-style: italic; -czcionka pochylona,
text-decoration: underline; -podkreslenie tekstu...

Przyklad 2.

font: red bold arial italic 15px;
text-decoration: underline;

W obu przypadkach kody wprowadzaja te same wartosci...

Podstawowy kod gotowy do wklejenia:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: black;
border: red dotted 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}

Mozemy rowniez zmienic szerokosc i wysokosc pol wpisu...

height:19px; -odpowiada za wysokosc pola wpisu...

width: 173px; -odpowiada za szerokosc pola wpisu...

Wystarczy ze wstawimy nasze wielkosci tych pol i po problemie...
wyszukiwarki.JPG

Nie możesz dodać komentarza.
Tylko zalogowani użytkownicy mogą komentować ten wpis.

  Wyświetlanie: od najstarszego | od najnowszego