• Wpisów: 315
  • Średnio co: 7 dni
  • Ostatni wpis: 1 rok temu, 13:44
  • Licznik odwiedzin: 457 763 / 2526 dni
 
testowo
 
Teraz pokaże jak zmienić tło bloku wokół Okna wpisu...

Przed zmianami wygląda tak:

Kliknij żeby powiększyć:
przed.png


Za to tło odpowiada kod:

div#news, div#news_edit {
background: blue;
}

Żeby zmienić kolor tła,wystarczy w BACKGROUND wstawić własny kolor...Np:

background: red; lub background: #ffffff; lub jaki sobie wybierzecie...

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.17_11h54m46s_002_.png


Po zmianach wygląda tak:

Kliknij żeby powiększyć:
po.png


Gotowy kod:

div#news, div#news_edit {
background: #C9BE62;
}
.....
Jednak zostały Nam Radiusy które nie ciekawie wyglądają:

Kliknij żeby powiększyć:
radiusyPrzed.png


Żeby je zlikwidować w tym kodzie:

.radius-main-top {
background: white;
}
.half-radius-main-bottom {
background: white;
}

W dwóch BACKGROUND wpisujemy ten sam kolor który wybraliśmy do kodu powyżej...np.

background: #ff0000; lub inny kolor...

Kliknij żeby powiększyć:
podwojny kod.png


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
radiusyPo.png


Gotowy kod do wklejenia:

.radius-main-top {
background: #C9BE62;
}
.half-radius-main-bottom {
background: #C9BE62;
}
.....
Na koniec został Nam ten oto nieciekawy Dymek:

Kliknij żeby powiększyć:
dymekPrzed.png


Żeby go usunąć w BACKGROUND zamiasta koloru wstawimy przezroczystość czyli TRANSPARENT,wygląda to tak:

background: transparent;

Kliknij żeby powiększyć:
transparent.png


Po tym zabiegu Dymka już nie widać:

Kliknij żeby powiększyć:
dymekPo.png


Gotowy kod:

div#left_content .news_content, .last-profile-entry {
background: transparent;
}

Na koniec podam gotowy kod na jednoczesną zmianę tła bloku,Radiusów i Dymka...

Gotowy kod:

div#news, div#news_edit {
background: #C9BE62;
}
.radius-main-top {
background: #C9BE62;
}
.half-radius-main-bottom {
background: #C9BE62;
}
div#left_content .news_content, .last-profile-entry {
background: transparent;
}

...
Pomoce:

1.Gdzie wklejamy kod css:
- testowo.pinger.pl/m/19949711
2.Więcej o kolorach przeczytacie pod tym adresem:
- testowo.pinger.pl/m/19946139
..........
pajacyk.pl -KLIK...

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