Wpisy oznaczone tagiem "css" (541)  

testowo
 
Teraz zmienimy kolor tła Środkowego Menu...

Wygląda to tak:

Kliknij żeby powiększyć:
przed.png

1.Za to odpowiada ten kod:

ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: #ffffff;
}

Żeby zmienić kolor tła-w BACKGROUND zamiast #ffffff wpisujemy nasz kolor,np.

background: red; lub background: #fff000; lub jakikolwiek inny kolor...

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

Po zmianach wygląd tak:

Kliknij żeby powiększyć:
po.png

Gotowy kod:

ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: #C8B560;
}

2.Wszystko ładnie i pięknie jednak jak widzicie pozostało nam białe tło na przyciskach w których akurat się znajdujemy,np. we Wpisach bądź Dyskusjach...

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.10_13h57m09s_005_.png


Ashampoo_Snap_2013.09.10_13h58m10s_006_.png

Aby i tu zmienić tło wklejamy ten kod:

ul.user-profile li a#tab_content_timeline {
background: #FFE87C;
}

Oczywiście w BACKGROUND tak jak pisałem już wyżej-wpisujemy nazwę koloru którą sobie sami wybierzemy...

Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.10_14h06m59s_007_.png

Gotowe kody:

ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: #C8B560;
}
ul.user-profile li a#tab_content_timeline {
background: #FFE87C;
}

.....
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...
.....
  • awatar gość: Hej Chciałabym usunąć tagi, albo z prawego bloku, albo też w ogóle z wpisów, ale żeby zniknęły również z okna w prawym bloku.... Wiesz może jak to zrobić ? Z góry dziękuję!
  • awatar Romantyczne ebooki: Bardzo wartościowe i praktyczne porady :) Nawet laik jest w stanie z tego dużo wynieść.
Pokaż wszystkie (2) ›
 

testowo
 
Teraz zmienimy kolor tła w Lewym Bloku...

Wygląda to tak:

Kliknij żeby powiększyć:
przed.png

1.Za to odpowiada ten kod:

.last-files .last-files-outer {
background: #FFFFFF;
}

Żeby zmienić kolor tła Lewego Bloku,wystarczy w BACKGROUND zamiast #FFFFFF; wpisać wybrany przez Nas kolor,np:

background: red;  lub
background: #fff000;
lub jakikolwiek inny kolor...

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 do wklejenia:

.last-files .last-files-outer {
background: #C9BE62;
}

2.Jak jednak widzimy po zmianie tła pozostały Nam dwa niezmienione paski u góry i na dole:

Kliknij żeby powiększyć:
Dpasek.png


Gpasek.png

Za zmiany kolorów tych pasków odpowiadają te dwa kody:

-.Górny pasek:

#user-last-videos h2, #user-last-images h2 {
background: #FFFFFF;
}

-.Dolny pasek:

.last-files .more {
background: #FFFFFF;
}

Żeby nadać im taki sam kolor jak całemu tłu-w BACKGROUND zamiast #ffffff wpisujemy taki sam kolor jaki wpisaliśmy na główne tło powyżej,na przykład:

background: #ff0000;

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

Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
Gpasekpo.png


Dpasekpo.png

Gotowe kody:

#user-last-videos h2, #user-last-images h2 {
background: #C9BE62;
}
.last-files .more {
background: #C9BE62;
}


Gotowe wszystkie trzy kody:

.last-files .more {
background: #C9BE62;
}
#user-last-videos h2, #user-last-images h2 {
background: #C9BE62;
}
.last-files .more {
background: #C9BE62;
}

.....
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...
.....
Pokaż wszystkie (3) ›
 

testowo
 
Teraz zajmiemy sie zmianą koloru tła liczników...

Przed zmianami wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_13h45m54s_008_.png

Za to dpowiedzialny jest ten kod:

.profile-stats ul {
background: #ffffff;
}

Żeby zmienić kolor tła-w BACKGROUND zamiast #ffffff wpisujemy wybrany przez Nas kolor,np.

background: red; lub background: #fff000; lub jakikolwiek inny kolor...

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

Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_13h55m32s_009_.png

Gotowy kod:

.profile-stats ul {
background: #C9BE62;
}

...
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...
.....
  • awatar Rihanna†: wiesz moze dlaczego u mnie nie widac kto byl ostatnio nad licznikiem
  • awatar minikurs: Wina serwera-mam to samo... Jeżeli chcę zobaczyć kto był u mnie ostatnio-to klikam na jakikolwiek swój wpis i dopiero wtedy mi to wyświetla...:-)
  • awatar LuDmIlI: A gdzie to sie wpisuje?
Pokaż wszystkie (6) ›
 

testowo
 
Zmienimy teraz kolor tła Górnego Menu...

Wygląda to tak:

Kliknij żeby powiększyć:
przed.png

Za zmianę tła odpowiada ten kod:

ul#navlist li {
background: #ffffff;
}

Żeby zmienić kolor tła-w BACKGROUND zamiast #ffffff wpisujemy nasz kolor,np.

background: red; lub background: #fff000; lub jakikolwiek inny kolor...

Kliknij żeby powiększyć:

Ashampoo_Snap_2013.09.17_11h54m46s_002_.png

Po zmianach Nasze Menu wygląda tak:

Kliknij żeby powiększyć:
Po.png

Gotowy kod do wklejenia:

ul#navlist li {
background: #C8B560
}

...
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...
.....
Pokaż wszystkie (4) ›
 

testowo
 
I.Pomoc:
1.Gdzie wklejamy kod CSS...
testowo.pinger.pl/m/19949711
2.Gdzie wklejamy Skrypty...
testowo.pinger.pl/m/19948384
3.Kilka słów o kolorach...
testowo.pinger.pl/m/19946139

II.Przawy Blok:
1.Zmiana tła Prawego Bloku...
testowo.pinger.pl/m/19946201
2.Zmiana tła Miejscówki...
testowo.pinger.pl/m/19947368
3.Zmiana tła Wyszukiwarek...
testowo.pinger.pl/m/19947532

III.Górny Blok:
1.Zmiana tła Górnego Bloku...
testowo.pinger.pl/m/19947607

IV.Blok Wpisów:
1.Zmiana tła Okna Wpisów...
testowo.pinger.pl/m/19954361
2.Zmiana tła Bloku wokół Okna Wpisów...
testowo.pinger.pl/m/19954432

V.Wpisy:
1.Zmiana koloru tła Wpisów...
testowo.pinger.pl/m/19954464
2.Zmiana koloru tła wokół Wpisów...
testowo.pinger.pl/m/19954508
3.Usuwamy Radiusy z Wpisów...
testowo.pinger.pl/m/19954487
4.Usuwamy Dymek we Wpisach...
testowo.pinger.pl/m/19956847
5.Zmieniamy kolor tła Komentarzy we Wpisach...
testowo.pinger.pl/m/19956915

VI.Komentarze:
1.Zmiana koloru tła Komentarzy...
testowo.pinger.pl/m/19961631
2.Zmieniamy kolor tła Bloku Wpisów Komentarzy...
testowo.pinger.pl/m/19961675
3.Usuwamy Radiusy w Komentarzach...
testowo.pinger.pl/m/19961705
4.Usuwamy boczne Paski oraz Dymek w Komentarzach...
testowo.pinger.pl/m/19961733

VII.Inne:
1.Zmieniamy Kursor na blogu...
testowo.pinger.pl/m/19950360

VIII.Skrypty:
1.Wstawiamy Muzykę na bloga...
testowo.pinger.pl/m/19948527
2.Blokujemy Kopiowanie na blogu...
testowo.pinger.pl/m/19948999

..........
- pajacyk.pl - KLIK...
..........
Pokaż wszystkie (19) ›
 

testowo
 
Po zmianie tła w komentarzach i usunięciu Radiusów-pozostały nam boczne paski oraz dymek...

Najpierw usuniemy te boczne paski:

Kliknij żeby powiększyć:
przed.png


Żeby je usunąć wklejamy ten kod:

ul.comments-list .comment-content {
border: none;
}

Po zmianie wygląda to tak:

Kliknij żeby powiększyć:
po.png

......
Teraz usuniemy dymek:

Kliknij żeby powiększyć:
dymekprzed.png


Żeby go usunąć wklejamy ten kod:

ul.comments-list .comment-arrow {
background: transparent;
}

Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
dymekpo.png


Gotowy kod do wklejenia:

ul.comments-list .comment-content {
border: none;
}
ul.comments-list .comment-arrow {
background: transparent;
}

...
Pomoce:

1.Gdzie wklejamy kod css:
- testowo.pinger.pl/m/19949711
...
pajacyk.pl -KLIK...
...
 

testowo
 
Pokazałem już Wam jak usunąć RADIUSY z Wpisów,teraz zrobię to samo w Komentarzach...

Wygląda to tak:

Kliknij żeby powiększyć:
przed.png


Żeby zlikwidować Radiusy wklejamy ten kod:

ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}

Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
po.png


Gotowy kod:

ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}

.......
Pomoce:

1.Gdzie wklejamy kod css:
- testowo.pinger.pl/m/19949711
...
pajacyk.pl -KLIK...
 

testowo
 
Teraz zmienimy tło bloku wpisów komentarzy,wygląda to tak:

Kliknij żeby powiększyć:
przed.png


Za to odpowiedzialny jest ten oto kod:

textarea {
background: #ffffff;
}

Żeby zmienić kolor tła-w BACKGROUND zamiast #ffffff wpisujemy nasz kolor,np.

background: red; lub background: #fff000; lub jakikolwiek inny kolor...

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


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
po.png


Gotowy kod:

textarea {
background: #C9BE62;
}

...
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...
...
Pokaż wszystkie (8) ›
 

testowo
 
Teraz zajmiemy się komentarzami...

Na początek zmiana tła w komentarzach,wygląda to tak:

Kliknij żeby powiększyć:
przed.png


Za to odpowiada ten kod:

.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: blue;
}

Żeby zmienić kolor tła-w BACKGROUND zamiast BLUE wpisujemy nasz kolor,np.

background: red; lub background: #fff000; lub jakikolwiek inny kolor...

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 do wklejenia:

.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: #817339;
}
...
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...
Pokaż wszystkie (6) ›
 

testowo
 
Teraz zmienimy tło komentarzy wyświetlanych we wpisach,wygląda to tak:

Kliknij żeby powiększyć:
przed.png


Za to odpowiada ten kod:

.comments-list-short ul.short-list {
background: white;
}

Żeby zmienić kolor tła w BACKGROUND zamiast WHITE wpisujemy wybrany przez nas kolor,np.

background: red; lub background: #ff0000; lub jaki sobie wybierzemy...

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


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
po.png


Gotowy kod do wklejenia:

.comments-list-short ul.short-list {
background: #C9BE62;
}

...
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...
 

testowo
 
Między naszym awatarem a wpisem jest dymek-taki jasny trójkąt,który niestety nie wygląda zbyt zachęcająco...

Kliknij żeby powiększyć:
przed.png


Jeżeli macie podobne zdanie do mojego-pokaże Wam jak się go szybko pozbyć...

Za to odpowiedzialny jest ten kod:

.message-odd .native, .message-odd .foreign {
background: blue;
}
.message-even .native, .message-even .foreign {
background: blue;
}

Żeby zlikwidować dymki zamiast koloru w BACKGROUND wstawimy przezroczystość czyli TRANSPARENT:

background: transparent;

Kliknij żeby powiększyć:
transparent.png


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
po.png


Gotowy kod:

.message-odd .native, .message-odd .foreign {
background: transparent;
}
.message-even .native, .message-even .foreign {
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...
  • awatar gość: Napisz jak zrobić żęby wpisy były przezroczyste :3
Pokaż wszystkie (1) ›
 

testowo
 
I.Pomoc:
1.Gdzie wklejamy kod CSS...
testowo.pinger.pl/m/19949711
2.Gdzie wklejamy Skrypty...
testowo.pinger.pl/m/19948384
3.Kilka słów o kolorach...
testowo.pinger.pl/m/19946139

II.Przawy Blok:
1.Zmiana tła Prawego Bloku...
testowo.pinger.pl/m/19946201
2.Zmiana tła Miejscówki...
testowo.pinger.pl/m/19947368
3.Zmiana tła Wyszukiwarek...
testowo.pinger.pl/m/19947532

III.Górny Blok:
1.Zmiana tła Górnego Bloku...
testowo.pinger.pl/m/19947607

IV.Blok Wpisów:
1.Zmiana tła Okna Wpisów...
testowo.pinger.pl/m/19954361
2.Zmiana tła Bloku wokół Okna Wpisów...
testowo.pinger.pl/m/19954432

V.Wpisy:
1.Zmiana koloru tła Wpisów...
testowo.pinger.pl/m/19954464
2.Zmiana koloru tła wokół Wpisów...
testowo.pinger.pl/m/19954508
3.Usuwamy Radiusy z Wpisów...
testowo.pinger.pl/m/19954487
4.Usuwamy Dymek we Wpisach...
testowo.pinger.pl/m/19956847
5.Zmieniamy kolor tła Komentarzy we Wpisach...
testowo.pinger.pl/m/19956915

VI.Komentarze:
1.Zmiana koloru tła Komentarzy...
testowo.pinger.pl/m/19961631
2.Zmieniamy kolor tła Bloku Wpisów Komentarzy...
testowo.pinger.pl/m/19961675
3.Usuwamy Radiusy w Komentarzach...
testowo.pinger.pl/m/19961705
4.Usuwamy boczne Paski oraz Dymek w Komentarzach...
testowo.pinger.pl/m/19961733

VII.Inne:
1.Zmieniamy Kursor na blogu...
testowo.pinger.pl/m/19950360

VIII.Skrypty:
1.Wstawiamy Muzykę na bloga...
testowo.pinger.pl/m/19948527
2.Blokujemy Kopiowanie na blogu...
testowo.pinger.pl/m/19948999

..........
- pajacyk.pl - KLIK...
..........
  • awatar minikurs: @Jula . <3: pewnie serwer dostal czkawki...;-)
  • awatar Aniaaa.<3: @Testowo*: Hhahahashahahahahah!
  • awatar gość: Testowo, czy można na blogu usunąć galerię czyli ostatnio dodane zdjęcia, albo czy z powrtoem można z lewego boku na prawy te info o mnie ?? :>
Pokaż wszystkie (7) ›
 

testowo
 
Teraz zmienimy tło bloku wokół wpisów...

Wygląda to tak:

Kliknij żeby powiększyć:

przed.png


Za to odpowiada ten kod:

#main_news {
background: red;
}

Żeby zmienić kolor tła w BACKGROUND zamiast RED wpisujemy własny kolor,np.

background: white; lub background: #fff000; lub jaki kolor chcemy...

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:

#main_news {
background: #C9BE62;
}

...
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...
Pokaż wszystkie (6) ›
 

testowo
 
Zmieniliśmy już tło wpisów niestety po tych zmianach pozostały nam nieciekawe paski-zwane Radiusami...

Wyglądają one tak:

Kliknij żeby powiększyć:
przed.png


Za Radiusy odpowiedzialny jest ten oto kod:

.message-even .native .radius-entry-bottom {
background: red
}
.message-even .native .radius-entry-top {
background: red
}
.message-odd .native .radius-entry-bottom {
background: red
}
.message-odd .native .radius-entry-top {
background: red
}

Jak widzicie tym razem mamy doczynienia z poczwórnym kodem...

Każda linijka kodu odpowiada za jeden pasek- 2 kody za górne paski we wpisach parzystych i nieparzystych a 2 kody za dolne paski we wpisach parzystych i nieparzystych...

Żeby je zlikwidować zamiast koloru RED w BACKGROUND wstawimy przezroczystość czyli TRANSPARENT:

background: transparent;

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


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
po.png

Gotowy kod:

.message-even .native .radius-entry-bottom {
background: transparent
}
.message-even .native .radius-entry-top {
background: transparent
}
.message-odd .native .radius-entry-bottom {
background: transparent
}
.message-odd .native .radius-entry-top {
background: transparent
}

Niebawem pokaże jak te nieciekawe paski można zmienić w ciekawą dekorację Naszych wpisów...

...
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...
 

testowo
 
Teraz zajmiemy się zmianą tła wpisów...

Wygląda to tak:

Kliknij żeby powiększyć:
przed.png


Za to odpowiada ten kod:

.message-odd div.entry, .even {
background: green;
}
.message-even div.entry, .odd {
background: green;
}

Żeby zmienić kolor tła w BACKGROUND wpisujemy wybrany przez nas kolor,np.

background: #ff0000; lub background: #000000; lub jaki sobie wybierzemy...

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


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
po.png


Gotowy kod:

.message-odd div.entry, .even {
background: #C9BE62;
}
.message-even div.entry, .odd {
background: #C9BE62;
}

...
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...
Pokaż wszystkie (8) ›
 

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...
 

testowo
 
Teraz zajmiemy się zmianą tła Okna Wpisów...

Przed zmianami wygląda on tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.08_13h40m04s_001_.png


Za tło bloku odpowiada ten oto kod:

div#news_editor textarea, div#news_edit_editor textarea {
background: #fff000;
}

Aby zmienić kolor tła w BACKGROUND wpisujemy nasz kolor,np.

background: red; lub background: #555555; lub jakikolwiek inny...

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


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.08_13h41m43s_002_.png


Gotowy kod do wklejenia:

div#news_editor textarea, div#news_edit_editor textarea {
background: #C9BE62
}

...
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...
Pokaż wszystkie (3) ›
 

testowo
 
Teraz prosty sposób na zmianę kursora...

1.Wchodzimy na stronę:

- www.cursors-4u.com/

2.Po lewej stronie wybieramy Kategorię kursorów-mogą to być owoce,serduszka,sportowe itp:

Kliknij żeby powiększyć:
kat.png


3.Teraz wybieramy kursor który Nam się podoba i klikamy na niego:

Kliknij żeby powiększyć:
wyb.png


4.Po wybraniu kursora pojawiają się dwa okienka z kodami.My wybieramy drugie okienko i kopiujemy kod:

Kliknij żeby powiększyć:
kop.png


5.Po skopiowaniu kodu wracamy na Nasz blog i wklejamy go do okienka Kodów CSS...

Kliknij żeby powiększyć:
okienkocss.png


Czasami jest tak że po wybraniu kursora-zamiast okienka z kodem pojawia się poniżej kilka kursorów,wtedy należy kliknąć na ten który nam się podoba i pojawi się kod...

Kliknij żeby powiększyć:
br.png


...
Pomoce:
...
Gdzie wklejamy kody CSS:

testowo.pinger.pl/m/19949711
..........
pajacyk.pl -KLIK...
Pokaż wszystkie (16) ›
 

testowo
 
Żeby wkleić gotowy kod css,wchodzimy kolejno klikając u góry:

1.USTAWIENIA:

Kliknij żeby powiększyć:
ustawienia.png


2.Następnie WYGLĄD MINIBLOGA:

Kliknij żeby powiększyć:
wyglądminibloga.png


3.I na samym dole mamy okienko WŁASNE STYLE-do którego wklejamy kod...

Kliknij żeby powiększyć:
okienkocss.png


Niestety to okienko jest zbyt małe aby komfortowo pracować z kodami:

Kliknij żeby powiększyć:
przed.png


Dlatego polecam wkleić ten kod-który powiększy Nam to okienko:

.user-style-set .textarea-bg {
width: 500px
}
.user-style-set .textarea-bg {
height: 500px
}
textarea#user-style-content {
height: 498px
}
textarea#user-style-content {
width: 498px
}

Po wklejeniu kodu wygląda ono tak:

Kliknij żeby powiększyć:
po.png


Dzieki temu nasze okienko bedzie o wiele wieksze...

WAŻNE!!!

Pod okienkiem mamy UŻYJ WŁASNYCH STYLÓW:

Kliknij żeby powiększyć:
zaznaczenie.png

Pozostawiamy ten kwadracik zaznaczony tak jak jest-w innym razie cały blog się Nam rozsypie...!!!
...
..........
pajacyk.pl -KLIK...
Pokaż wszystkie (2) ›
 

testowo
 
Odpowiadając na prośby kilku osób zamieszczam Skrypt który uniemożliwia kopiowanie z Naszego bloga...

1.Wchodzimy na stronę:

- bajery.net/adds/blokada/

2.Kopiujemy kod z tego okienka:

Kliknij żeby powiększyć:
1.png


I wklejamy go w okienku Skryptów na Naszym blogu...
...
Pomoce:

Gdzie wklejamy skrypty:
- testowo.pinger.pl/m/19948384
..........
pajacyk.pl -KLIK...
Pokaż wszystkie (12) ›
 

testowo
 
SKRYPTY to nie to samo co kody CSS-dlatego SKRYPTY wklejamy do innego okienka-które znajduje się nad okienkiem kodów CSS...

A więc po kolei:

1.Najpierw klikamy Ustawienia:

Kliknij żeby powiększyć:
1.png


2.Następnie Wygląd Minibloga:

Kliknij żeby powiększyć:
2.png


3.Na dole nad okienkiem CSS znajduje się okienko SKRYPTÓW:

Kliknij żeby powiększyć:
3.png


4.Po wklejeniu skryptu klikamy na dole strony na ZAPISZ ZMIANY...

Kliknij żeby powiększyć:
4.png


Teraz pozostaje Nam czekać aż Administrator zaakceptuje SKRYPT-może to trwać kilka godzin lub kilka dni...

..........
pajacyk.pl -KLIK...
Pokaż wszystkie (3) ›
 

testowo
 
Teraz przerobimy tło górnego bloku...

Przed zmianami tło wygląda tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_13h34m31s_007_.png


Za wygląd tego bloku odpowiada ten oto kod:

div.profil-info {
background: blue;
}

Jeżeli chcemy zmienić kolor tła-w BACKGROUND Wpisujemy wybrany przez Nas kolor,np:

background: black; lub background: #fff999; lub inny dowolny kolor...

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


Po zmianach tło wygląda tak:

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


Gotowy kod:

div.profil-info {
background: #C9BE62;
}

...
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...
  • awatar Zenia&Emilia: Mam pytanie, czy gdzieś na blogu jest informacja jak zmienić kolor nazwy z niebieskiego na inny? Jeżeli jest, to ja znajdę, tylko chcę wiedzieć czy to jest możliwe.. Dzięki ;)
  • awatar The Ex♥;dd: a jak zmienić kolor ?
  • awatar O niczym ✔ ♥: Jak tam zdjęcie wstawic bo ja bym np chciała jakies śniezynki czy coś
Pokaż wszystkie (10) ›
 

testowo
 
Zmienimy teraz tło wyszukiwarek...

Przed zmianami wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_13h16m39s_005_.png


Za to odpowiedzialny jest ten kod:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: #888888;
}

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

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

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


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_13h20m53s_006_.png


Gotowy kod do wklejenia:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: #817339;
}

...
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...
 

testowo
 
Teraz zmienimy kolor tła miejscówki...

Przed zmianami wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_12h23m41s_002_.png


Za zmiany odpowiada ten kod:

.sidebox .column_info {
background: #ffffff;
}

Aby zmienić kolor tła:

-w BACKGROUND wpisujemy kolor który sobie wybraliśmy czyli zamiast background: #ffffff; wpisujemy
background: red; lub background: #fff999; lub jakikolwiek inny kolor...

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


Po zmianach wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_12h22m25s_001_.png


Gotowy kod do wklejenia:

.sidebox .column_info {
background: #817339;

}

...
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...
Pokaż wszystkie (5) ›
 

 

Kategorie blogów