Wpisy oznaczone tagiem "css" (541)  

mrauuk
 
Kod na wyśrodkowanie górnego menu "mój miniblog"
Oto kod #css.:

ul#navlist li {
background: none;
box-shadow: none
}
ul#navlist {
position: relative;
right: 230px
}
ul#navlist li a, ul#navlist li .link {
color: black;
text-shadow: 2px 2px 10px white
}
ul#navlist li.important a, #after-share li a.myprofile {
color: black
}
ul#navlist li span.item:hover {
position: relative;
bottom: 3px
}
 

pomoccss
 
Ostatni wpis:213 dni temu

Świetnie...

Strasznie długo mnie nie było ;/

A teraz powracam z..nowym kodem!
:D
Jest na inne zaokrąglenie zdjęć.
kod:

Kod na zaokrąglone wpisy :
img {
border-top-left-radius: 80px;
border-top-right-radius: 80px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 90px;
}
img {
border-top-left-radius: 80px;
border-top-right-radius: 80px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 90px;
}

przetestowane-działa :)
Ale powinno.

Zapraszam tu:

<<<<< orisa.pinger.pl/ >>>>>
<<<<< orisa-redberry.blogspot.com/ >>>>>

A,i dziś nie ma avków,ale są tła :


deszcz2.jpg


ImagePreview.aspx.jpg


187542_liscie_odbicie.jpg


023614837_prevstill.jpeg


depositphotos_34296341-Golden-glitter-background.jpg
Pokaż wszystkie (2) ›
 

breathe.out
 
*Ćwiczenia na dziś*
- Ewa Chodakowska - Skalpel
*Bilans*
- bułka: 150 kcal
- roladki z kurczaka w sosie + kasza: 950 kcal (dzielone na kilka razy)
- 2 herbaty: 80 kcal
*RAZEM* 1180/1400

Zamówienie CSS # 7
vasios.pinger.pl
próba.jpg
zainteresowanych proszę o pisanie na priv, a wszystko wyjaśnię :) :)
  • awatar chocogirl: Dobry bilans i trening :D super
  • awatar Pearlita: Kolejny dobry dzień :)
  • awatar Katia ♛: jakiś czas już nie robiłam skalpela <nie oznacza to, że całkiem przestałam ćwiczyć :P > . tak w ogóle to piękny blog. nie dziwię się, że masz zamówienia na kod CSS. ;) xoxo
Pokaż wszystkie (6) ›
 

marcin474
 
Uwaga! Przed skopiowaniem kodu zapoznaj się z fragmentem INFO.

Od dziś ruszam z serią "Style dla leniwych" będzie to pojawiało się raz w miesiącu może częściej (tak często jak czas mi pozwoli i będę miał ochotę), będzie to można wyszukać poprzez tag #Style_dla_leniwych dlatego proszę Cię jeśli skorzystasz z któregoś z kodów i chcesz komuś polecić nie używaj tagu tylko wyślij link do mojego profilu ułatwi to wtedy szukanie innym wiadomości z zawartością nie reklam.
Tyle z przedmowy :D

Info:
style - CSS (kaskadowe arkusze stylów)
kod - fragment CSS odpowiedzialny za zmianę wyglądu bloku
blok - fragment zawartości który można skonfigurować za pomocą stylu

Kopiując fragmenty kodu warto wiedzieć że style na pingerze są rozbudowane a same kaskadowe arkusze stylów posiadają wiele możliwości i właściwości takich jak np dziedziczenie które polega na tym że bloki podrzędne przyjmują brakujące wartości z nadrzędnych.
Przykład: ustawiamy wielkość i kolor tekstu dla całej strony ale we wpisach ta wielkość nam nie odpowiada dlatego wpisom nadajemy tylko wielkość tekstu zasada dziedziczenia polega na tym że kolor tekstu jeśli go nie ustawimy będzie taki sam na całej stronie jeśli zmienimy kolor dla całej strony to ten we wpisach też ulegnie zmianie ale możemy go zmienić tylko dla wpisów wtedy kolor musimy zmieniać indywidualnie dla całej strony i dla wpisów.

Informacje na temat budowy stylu pingera:
Cały pinger podzielony jest wiele razy ale najważniejsze dla nas podziały wyróżniamy trzy.
W kolejności od największych (najważniejszych).
1. Podział poziomy na 4 ale tak naprawdę 3 części (Ta czwarta nic nam nie zmienia więc ją pomijam)
top - logo pingera i menu
content - drugi podział opisany dalej
base-footer - menu na dole strony:
2007 - 2014 o2 Przypomnij hasło Słowa kluczowe Pomoc Korzystanie z serwisu oznacza akceptację regulaminu Polityka prywatnośc

2. Podział pionowy na 3:
left-column - lewa strona czyli ostatnio dodane pliki (zdjęcia)
left_content - środek czyli od góry avatar nazwa bloga link dodawanie wpisu i same wpisy
right_content - cała prawa strona czyli bloki z avatarem informacjami o nas z obserwowanymi znajomymi wyszukiwarką i tagami

3 . Podział środka(3.1) i prawej strony(3.2):
3.1 Środek:
- login_profil - nasz profil link avatar
- profile-stats - statystyki profilu
- news_content - dodawanie wpisu
- ul user-profile - Menu: Wpisy Archiwum Ważne Znajomi Dyskusje Obserwowani Tagi Nieopublikowane
- main_news - czyli same już wpisy odróżniamy po kilku rozbiciach na message-odd i essage-even czyli co drugiemu wpisowi możemy inaczej sformatować wygląd
3.2 Prawa strona:
- sidebox-user-data - jak nazwa sama wskazuje informacje o użytkowaniku
- user-info-last-msg-wrap - ostatnie komentarze
- sidebox-user-tags - tagi na blogu
- sidebox-user-friends - znajomi, obserwujący i nasi obserwowani
- user-info-others - info nazwa mówi pozostałe informacje :D

Tyle na temat budowy stylu pingera teraz pora na kod :D
A dziś w prezencie bardzo prosty kod a mianowicie w panelu po prawej stronie strony w informacjach o użytkowniku przed naszą nazwą widnieje obrazek taka miniaturka mała. O dziś możecie się jej pozbyć.
Gotowy kod:
h2.login_icon {
background: none;
text-align: center;
}
Dodatkowo w przypadku 2 członowej nazwy i odpowiednim powiększeniu liter możemy przenieść 2 człon do następnej linijki.
Wystarczy że dodamy ten kod:
h2.login_icon {
background: none;
font-size: 18px;
text-align: center;
padding: -5px 0 0 2px
}
Objaśnienia:
background: none - usuwa nam obrazek
text-align: center - wyśrodkowuje tekst
font-size: 18px - ustawia nam rozmiar liter
padding: -5px 0 0 2px - przenosi 2 człon naszej nazwy do kolejnej linijki
 

breathe.out
 
*Ćwiczenia na dziś*
- Jillian Michaels - Killer Buns & Thighs - Level 3, Day 10 SKOŃCZONE! :D
*Bilans*
- pół butelki frugo:
- chleb pełnoziarnisty z szynką, pomidorem, cebula, papryką i jajkiem: 450 kcal
- kawałek arbuza: 200 kcal
- 14 śliwek: 90 kcal
- herbata: 60 kcal
*RAZEM* 800/1400 kcal

Co jakiś czas sprawdzam na "starym"  blogu czy nikt nie pyta o nowy adres. Dostaje sporo wiadomości o loga, szablony itd. :) ale na tamtego bloga już nie wrócę, a na nowym jest niewiele wspomniane o tym co robię :) przeglądając stare posty, zebrałam wszystkie umieszczone screeny moich szablonów - od najstarszego do obecnego :)
Szablon nr 1 moment w którym odkryłam CSS :)
1.jpg
Szablon nr 2 i zaczęłam eksperymentować :)
2.jpg
Szablon nr 3 nic wiele się nie zmienia :)
3.png
Szablon nr 4 nie wiedzieć czemu przeróbka loga z Lady Gagą :D
4.png
Szablon nr 5 znudzona kombinacjami uproszczam bloga :)
5.jpg
Szablon nr 6 nic wielkiego :)
6.jpg
Szablon nr 7 coś zaczyna się układać :D
7.jpg
Szablon nr 8 mała fascynacja reggae :D :D
8.jpg
Szablon nr 9 i w końcu pierwsze animowane logo :D :D
9.jpg
Szablon nr 10 drugie logo animowane czyli wąsy ze zmieniającym się pattern'em :D
10.jpg
Szablon nr 11 tu jedyna zmieniam logo :)
11.png
Szablon nr 12 gdy nudzą mi się kombinacje, wracam do czegoś prostego :D
12.jpg
Szablon nr 13 bynajmniej niepechowy, obecny układ :D
13.jpg

a teraz? można powiedzieć szewc w dziurawych butach chodzi, bo nie posiadam :D brak weny czy co? będziemy coś myśleć w najbliższym czasie :) chcecie podobny wpis z pracami dla innych osób? :)
Pokaż wszystkie (3) ›
 

appleflyy
 

Wpis tylko dla użytkowników pinger.pl

 

appleflyy
 

Wpis tylko dla użytkowników pinger.pl

 

loginx3
 

Wpis tylko dla użytkowników pinger.pl

 

loginx3
 

Wpis tylko dla użytkowników pinger.pl

 

vanilliaaaa
 
Wpis tylko dla właściciela minibloga

Wpis prywatny. Może go zobaczyć tylko właściciel minibloga.

 

appleflyy
 

Wpis tylko dla użytkowników pinger.pl

 

wiktoria.23
 
testowo.pinger.pl/
#pinger #kurs #css
minikurs: ..:Dotychczasowe lekcje:..
Czyli kurs w pigułce...


I.Prawy blok...

1.Zmiana koloru i czcionki nazwy bloga:
- testowo.pinger.pl/(…)1-prawy-blok-zmiana-koloru-i-c
2.Zmiana koloru części czcionki:
- testowo.pinger.pl/(…)2-prawy-blok-zmiana-koloru-cze
3.Zmiana wyglądu czcionki:
- testowo.pinger.pl/(…)3-prawy-blok-zmiana-wygladu-cz
4.Zmiana koloru czcionki:
- testowo.pinger.pl/(…)4-prawy-blok-zmiana-koloru-czc
5.Zmiana koloru cyfr:
- testowo.pinger.pl/(…)5-prawy-blok-zmiana-koloru-cyf
6.Zmiana tła:
- testowo.pinger.pl/m/3878448/6-prawy-blok-zmiana-tla
7.Tło wyszukiwarek:
- testowo.pinger.pl/(…)7-prawy-blok-tlo-wyszukiwarek
8.Zmiana tła i czcionki komunikatorów:
- testowo.pinger.pl/(…)8-prawy-blok-zmiana-tla-i-czci
9.Obramowanie bloku:
- testowo.pinger.pl/(…)9-prawy-blok-obramowanie-bloku
10.Zmiana wyglądu i koloru czcionki Tagów:
- testowo.pinger.pl/(…)10-prawy-blok-zmiana-wygladu-i
11.Zmiana koloru i wyglądu czcionki daty dodania komentarza:
- testowo.pinger.pl/(…)11-prawy-blok-zmiana-koloru-i-…:
12.Przestawiamy blok na lewą stronę:
- testowo.pinger.pl/(…)12-prawy-blok-przestawiamy-blo

II.Górny blok...

1.Zmieniamy tło:
- testowo.pinger.pl/(…)1-gorny-blok-zmieniamy-tlo
2.Zmieniamy czcionkę nicka:
- testowo.pinger.pl/(…)2-gorny-blok-zmieniamy-czcionk
3.Przesuwamy nicka:
- testowo.pinger.pl/(…)3-gorny-blok-przesuwamy-nicka

III.Blok wpisów...

1.Zmiana tła bloku wpisów:
- testowo.pinger.pl/(…)1-blok-wpisow-zmiana-tla-bloku
2.Zmiana czcionki:
- testowo.pinger.pl/(…)2-blok-wpisow-zmiana-czcionki
3.Zmiana tła wokół bloku wpisów:
- testowo.pinger.pl/(…)3-blok-wpisow-zmiana-tla-wokol
4.Zmiana koloru radiusów:
- testowo.pinger.pl/(…)4-blok-wpisow-zmiana-koloru-ra
5.Zmiana listy wyboru:
- testowo.pinger.pl/(…)4-blok-wpisow-lista-wyboru
6.Zmiana tła na przezroczyste:
- testowo.pinger.pl/(…)6-blok-wpisow-zmiana-tla-na-pr
7.Likwidujemy Radiusy:
- testowo.pinger.pl/(…)7-blok-wpisow-likwidujemy-radi

IV.Wpisy...

1.Zmiana tła wpisów:
- testowo.pinger.pl/m/3897315/1-wpisy-zmiana-tla-wpisow
2.Zmiana czcionki:
- testowo.pinger.pl/m/3897488/2-wpisy-zmiana-czcionki
3.Zmieniamy kolor radiusów:
- testowo.pinger.pl/(…)3-wpisy-zmieniamy-kolor-radius
4.Zmiana wielkości czcionki:
- testowo.pinger.pl/(…)4-wpisy-zmiana-wielkosci-czcio
5.Zmiana tła wokół wpisów:
- testowo.pinger.pl/(…)5-wpisy-zmiana-tla-wokol-wpiso
6.Zmiana czcionki i tła Tytułów:
- testowo.pinger.pl/(…)6-wpisy-zmiana-czcionki-tytulo
7.Usuwamy dymek:
- testowo.pinger.pl/m/4321345/7-wpisy-usuwamy-dymek
8.Zmieniamy kolor i wielkość czcionki LUBIĘ TO:
- testowo.pinger.pl/(…)8-wpisy-zmieniamy-kolor-i-wiel
9.Usuwamy rączkę w LUBIĘ TO:
- testowo.pinger.pl/(…)9-wpisy-usuwamy-raczke-w-lubie
10.Zmieniamy kolor ukośników:
- testowo.pinger.pl/(…)10-wpisy-zmieniamy-kolor-ukosn

V.Komentarze...

1.Zmiana tła wokół bloku wpisów komentarzy:
- testowo.pinger.pl/(…)1-komentarze-zmiana-tla-wokol-
2.Zmiana tła bloku wpisów komentarzy:
- testowo.pinger.pl/(…)2-komentarze-zmiana-tla-bloku-
3.Zmiana tła komentarzy:
- testowo.pinger.pl/(…)3-komentarze-zmiana-tla-koment
4.Zmiana czcionki:
- testowo.pinger.pl/(…)4-komentarze-zmiana-czcionki
5.Zmieniamy i usuwamy Radiusy:
- testowo.pinger.pl/(…)5-komentarze-zmieniamy-i-usuwa
6.Usuwamy dymek:
- testowo.pinger.pl/(…)6-komentarze-usuwamy-dymek

VI.Liczniki...

1.Zmiana tła liczników:
- testowo.pinger.pl/(…)1-liczniki-zmiana-tla-liczniko
2.Zmieniamy wygląd pionowych kresek:
- testowo.pinger.pl/(…)2-liczniki-zmieniamy-wyglad-pi
3.Zmiana koloru tekstu:
- testowo.pinger.pl/(…)3-liczniki-zmiana-koloru-tekst
4.Zmiana koloru cyfr:
- testowo.pinger.pl/(…)4-liczniki-zmiana-koloru-cyfr
5.Zmiana koloru cyfr powstania bloga:
- testowo.pinger.pl/(…)5-liczniki-zmiana-koloru-cyfr-

VII.Górne menu:

1.Zmiana tła belek:
- testowo.pinger.pl/(…)1-gorne-menu-zmiana-tla-belek
2.Zmiana tła nakładek:
- testowo.pinger.pl/(…)2-gorne-menu-zmiana-tla-naklad
3.Zmiana koloru czcionki:
- testowo.pinger.pl/(…)3-gorne-menu-zmiana-koloru-czc
4.Zmiana tła Wyloguj się:
- testowo.pinger.pl/(…)4-gorne-menu-zmiana-tla-wylogu
5.Zmiana tła Wpisy znajomych:
- testowo.pinger.pl/(…)5-gorne-menu-zmiana-tla-wpisy-
6.Zmiana nakładek we wpisach znajomych:
- testowo.pinger.pl/(…)6-gorne-menu-zmiana-nakladek-w

VIII.Prywatne wpisy:

1.Usuwamy dymek:
- testowo.pinger.pl/(…)6-komentarze-usuwamy-dymek
2.Usuwamy strzałkę:
- testowo.pinger.pl/(…)2-prywatne-wpisy-usuwamy-strza
3.Usuwamy Radiusy w komentarzach:
- testowo.pinger.pl/(…)3-prywatne-wpisy-usuwamy-radiu

IX.Obramowania awatarów:

1.Wstęp:
- testowo.pinger.pl/(…)1-obramowania-avatarow-wstep
2.Awatary w prawym bloku:
- testowo.pinger.pl/(…)2-obramowania-avatarow-prawy-b
3.Awatary w komentarzach:
- testowo.pinger.pl/(…)3-obramowania-avatarow-komenta
4.Awatary we wpisach:
- testowo.pinger.pl/(…)4-obramowania-avatarow-wpisy
5.Górny Awatar:
- testowo.pinger.pl/(…)5-obramowania-avatarow-gorny-a

X.Inne...

1.Zmiana loga:
- testowo.pinger.pl/m/4016603/1-inne-zmiana-loga

XI.Czcionki...

1.Zmiana koloru czcionki-1:
- testowo.pinger.pl/(…)1-czcionki-zmiana-koloru-w-wie
2.Zmiana koloru czcionki-2:
- testowo.pinger.pl/m/4031219/2-czcionki-zmiana-koloru
3.Zmiana koloru czcionki-3:
testowo.pinger.pl/m/4031432/3-czcionki-zmiana-koloru
4.Zmiana tła i czcionki klikniętego menu:
- testowo.pinger.pl/(…)3-srodkowe-menu-zmiana-tla-i-c
5.Migający tekst:
- testowo.pinger.pl/m/4765215/5-czcionki-migajacy-tekst

XII.Środkowe menu...

1.Zmiana tła:
- testowo.pinger.pl/(…)1-srodkowe-menu-zmiana-tla
2.Zmiana wyglądu i koloru czcionki:
- testowo.pinger.pl/(…)2-srodkowe-menu-zmiana-wygladu

XIII.Tagi...

1.Kolor czcionki Tagów we wpisach:
- testowo.pinger.pl/(…)1-tagi-kolor-czcionki-tagow-we
2.Zmiana wyglądu czcionki:
- testowo.pinger.pl/(…)2-tagi-zmiana-wygladu-czcionki
3.Zmiana koloru tła Tagów we wpisach:
- testowo.pinger.pl/(…)3-tagi-zmiana-koloru-tla-tagow
4.Zmiana koloru tła pod Tagami:
- testowo.pinger.pl/(…)4-tagi-zmiana-koloru-tla-pod-t

XIV.Dolne menu stron...

1.Zmiana tła:
- testowo.pinger.pl/(…)1-dolne-menu-stron-zmiana-tla
2.Zmiana czcionki cyfr:
- testowo.pinger.pl/(…)2-dolne-menu-stron-zmiana-czci
3.Zmiana koloru cyfr,po najechaniu kursorem...
- testowo.pinger.pl/(…)3-dolne-menu-stron-zmiana-kolo
4.Zmiana koloru czcionki STARSZE:
- testowo.pinger.pl/(…)4-dolne-menu-stron-zmiana-kolo
5.Zmiana koloru czcionki OGLĄDASZ
- testowo.pinger.pl/(…)5-dolne-menu-stron-zmiana-kolo
6.Kolor i tło cyfry odwiedzanej strony:
- testowo.pinger.pl/(…)6-dolne-menu-stron-kolor-i-tlo
7.Zmiana ramki wokół cyfr:
- testowo.pinger.pl/(…)7-dolne-menu-stron-zmiana-ramk
8.Zmiana koloru trzykropka
- testowo.pinger.pl/(…)8-dolne-menu-stron-zmiana-kolo

XV.Lewy blok...

1.Zmieniamy kolor tła:
- testowo.pinger.pl/(…)1-lewy-blok-zmieniamy-kolor-tl
2.Zmieniamy kolor dolnego paska:
- testowo.pinger.pl/(…)2-lewy-blok-zmieniamy-kolor-do
3.Zmieniamy tło górnego paska:
- testowo.pinger.pl/(…)3-lewy-blok-zmieniamy-tlo-gorn
4.Zmieniamy kolor obramowania:
- testowo.pinger.pl/(…)4-lewy-blok-zmieniamy-kolor-ob
5.Zmieniamy czcionkę NAJNOWSZE ZDJĘCIA:
- testowo.pinger.pl/(…)5-lewy-blok-zmieniamy-czcionke
6.Zmieniamy czcionkę WSZYSTKIE:
- testowo.pinger.pl/(…)6-lewy-blok-zmieniamy-czcionke
7.Przestawiamy blok na prawą stronę:
- testowo.pinger.pl/(…)7-lewy-blok-przestawiamy-blok-
8.Ramki wokół zdjęć:
- testowo.pinger.pl/(…)8-lewy-blok-ramki-wokol-zdjec

Dodatki:

1.Tła na bloga-1:
- testowo.pinger.pl/m/4774336/1-tla-na-bloga
2.Tła na bloga-2:
- testowo.pinger.pl/m/4774340/2-tla-na-bloga

Pomoce:

1.Gdzie wstawiamy kod css:
- testowo.pinger.pl/(…)1-pomoce-gdzie-wstawiamy-kod-c
2.Obramowania:
- testowo.pinger.pl/m/3883816/2-pomoce-obramowania
3.Kolory:
-testowo.pinger.pl/m/3889876/3-pomoce-kolory
4.Objaśnienia:
- testowo.pinger.pl/m/4319591/objasnienia
5.Zrób sobie Logo:
- testowo.pinger.pl/m/4380024/pomoce

*.Skrypty:

1.Padający śnieg:
- testowo.pinger.pl/m/4495453/1-skrypty-padajacy-snieg
2.Wstawiamy odtwarzacz na bloga:
- testowo.pinger.pl/(…)2-skrypty-wstawiamy-odtwarzacz
3.Odtwarzacz na blogu-ustawienia:
- testowo.pinger.pl/(…)3-skrypty-odtwarzacz-na-blogu-

...
/2 lata temu (17 lipca) /repostuj /   Lubię to! /skomentuj ›
/Właścicielka
 

saito
 
Adobe udostępniło narzędzie, które na podstawie wgranego pliku psd podpowiada nam style CSS gotowe do skopiowania.

projectparfait.adobe.com
 

rene230
 
Zmieniłam wygląd bloga. Proszę o informację jak wam się widzi. Dałam jasne tło zmienilam czcionkę i powiększyłam literki. Coś zmienić?
  • awatar mrs. Hudson: nie trzeba już nic zmieniać :) Literki są widoczne na tym tle a to dla mnie najważniejsze , nie muszę się domyślać co napisałaś :) Jest perfekt !
  • awatar *Just kidding*: szczerze mówiąc co dla mnie wszystko jedno bo mam Cię w obserwowanych i nowe wpisy widzę zupełnie tak samo jak inne;)
  • awatar Rene^^: @...JR...: to akurat jest dobre :D
Pokaż wszystkie (7) ›
 

bffweronikahania
 
Hejeczka:)
Dziś mam kod:)
Kod na przezroczyste tlo wpisów.(:


.message-odd div.entry, .even {
background: #dddddd;
background-color: rgba(255,255,255,0.6);
border-radius: 25px;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF
}
.message-even div.entry, .odd {
background: #dddddd;
background-color: rgba(255,255,255,0.6);
border-radius: 25px;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF
}
Wygląda to tak:
capture-20140514-202110.png

Pomocny?^-^
Jutro będzie obiecany kod na lubie to.(:
Pozderki:*
 

bffweronikahania
 
Kod na drukowane litery w wpisach.:

.message-odd div.entry, .even {
background: white;
font-family: Comic Sans MS;
color: #adadad;
font-variant: small-caps
}
.message-even div.entry, .odd {
background: white;
font-family: Comic Sans MS;
color: #adadad;
font-variant: small-caps
}
Ten kod jest od razu z czcionką: comic sans ms oraz z tłem białym i literami z kolorem, ale to oczywiście można zmienić.(;
Efekt.:
nnnnhgfgh.png

można również zrobić tak , aby na całym blogu były drukowane litery więc robimy tak:

body {
font-variant: small-caps;
}
____ -____ - ____ - _____ - ______ - ______ -
POZNAJ MNIE !
Dawno już nie wstawiałam już 11 dni chyba.;o ;c
Dobra wybraliście 6 czyli 'Moje zdjęcia' :/
Te zdjęcia są z tamtego roku.:/ Bo nie byłam na jakieś 'sesyjce' już dawno c;
drg.jpg

*Te to stare*
Zdjęcie0015.jpg

CO TERAZ WYBIERACIE?
xnnxxx.jpg

violetta.story.pinger.pl Zapraszam na nowy rozdział c;
► official blog the violetta c; violetta0807.pinger.pl
Weronika <3
Pokaż wszystkie (18) ›
 

testowo
 
..:Czyli Kurs w Pigułce:..

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.Prawy Blok:
1.Zmiana tła Prawego Bloku...
testowo.pinger.pl/m/19946201
przedzmianami.png

2.Zmiana tła Miejscówki...
testowo.pinger.pl/m/19947368
Ashampoo_Snap_2013.09.07_12h23m41s_002_.png

3.Zmiana tła Wyszukiwarek...
testowo.pinger.pl/m/19947532
Ashampoo_Snap_2013.09.07_13h16m39s_005_.png


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



IV.Blok Wpisów:
1.Zmiana tła Okna Wpisów...
testowo.pinger.pl/m/19954361
Ashampoo_Snap_2013.09.08_13h40m04s_001_.png

2.Zmiana tła Bloku wokół Okna Wpisów...
testowo.pinger.pl/m/19954432
przed.png


V.Wpisy:
1.Zmiana koloru tła Wpisów...
testowo.pinger.pl/m/19954464
przed.png

2.Zmiana koloru tła wokół Wpisów...
testowo.pinger.pl/m/19954508
przed.png

3.Usuwamy Radiusy z Wpisów...
testowo.pinger.pl/m/19954487
przed.png

4.Usuwamy Dymek we Wpisach...
testowo.pinger.pl/m/19956847
przed.png

5.Zmieniamy kolor tła Komentarzy we Wpisach...
testowo.pinger.pl/m/19956915
przed.png


VI.Komentarze:
1.Zmiana koloru tła Komentarzy...
testowo.pinger.pl/m/19961631
przed.png

2.Zmieniamy kolor tła Bloku Wpisów Komentarzy...
testowo.pinger.pl/m/19961675
przed.png

3.Usuwamy Radiusy w Komentarzach...
testowo.pinger.pl/m/19961705
przed.png

4.Usuwamy boczne Paski oraz Dymek w Komentarzach...
testowo.pinger.pl/m/19961733
przed.png

dymekprzed.png


VII.Menu:
1.Zmiana koloru tła Górnego Menu...
testowo.pinger.pl/edytuj_wpis?mid=20015407
przed.png

2.Zmiana koloru tła Srodkowego Menu...
testowo.pinger.pl/edytuj_wpis?mid=20016060
przed.png

3.Zmiana koloru tła Dolnego Menu...
testowo.pinger.pl/edytuj_wpis?mid=20016139
przed.png


VIII.Liczniki:
1.Zmiana koloru tła Liczników...
testowo.pinger.pl/edytuj_wpis?mid=20015477
Ashampoo_Snap_2013.09.07_13h45m54s_008_.png


IX.Lewy Blok:
1.Zmieniamy kolor tła w Lewym Bloku...
testowo.pinger.pl/edytuj_wpis?mid=20015896
przed.png


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

XI.Skrypty:
1.Wstawiamy Muzyke na bloga...
testowo.pinger.pl/m/19948527
2.Blokujemy Kopiowanie na blogu...
testowo.pinger.pl/m/19948999

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

testowo
 
..:Czyli Kurs w Pigułce:..

I.Prawy blok...

1.Zmiana koloru i czcionki nazwy bloga:
- testowo.pinger.pl/(…)1-prawy-blok-zmiana-koloru-i-c…
2.Zmiana koloru części czcionki:
- testowo.pinger.pl/(…)2-prawy-blok-zmiana-koloru-cze…
3.Zmiana wyglądu czcionki:
- testowo.pinger.pl/(…)3-prawy-blok-zmiana-wygladu-cz…
4.Zmiana koloru czcionki:
- testowo.pinger.pl/(…)4-prawy-blok-zmiana-koloru-czc…
5.Zmiana koloru cyfr:
- testowo.pinger.pl/(…)5-prawy-blok-zmiana-koloru-cyf…
6.Zmiana tła:
- testowo.pinger.pl/m/3878448/6-prawy-blok-zmiana-tla
7.Tło wyszukiwarek:
- testowo.pinger.pl/(…)7-prawy-blok-tlo-wyszukiwarek…
8.Zmiana tła i czcionki komunikatorów:
- testowo.pinger.pl/(…)8-prawy-blok-zmiana-tla-i-czci…
9.Obramowanie bloku:
- testowo.pinger.pl/(…)9-prawy-blok-obramowanie-bloku…
10.Zmiana wyglądu i koloru czcionki Tagów:
- testowo.pinger.pl/(…)10-prawy-blok-zmiana-wygladu-i…
11.Zmiana koloru i wyglądu czcionki daty dodania komentarza:
- testowo.pinger.pl/(…)11-prawy-blok-zmiana-koloru-i-…:
12.Przestawiamy blok na lewą stronę:
- testowo.pinger.pl/(…)12-prawy-blok-przestawiamy-blo…
13.Zmiana tla i czcionki miejscowki:
- testowo.pinger.pl/(…)1-zmiana-tla-i-czcionki-miejsc…
14.Okragle awatary:
- testowo.pinger.pl/(…)prawy-blok-okragle-awatary…
15.Zmieniamy tlo na polprzezroczyste:
- testowo.pinger.pl/(…)zmieniamy-tlo-na-polprzezroczy…

II.Górny blok...

1.Zmieniamy tło:
- testowo.pinger.pl/(…)1-gorny-blok-zmieniamy-tlo…
2.Zmieniamy czcionkę nicka:
- testowo.pinger.pl/(…)2-gorny-blok-zmieniamy-czcionk…
3.Przesuwamy nicka:
- testowo.pinger.pl/(…)3-gorny-blok-przesuwamy-nicka…

III.Blok wpisów...

1.Zmiana tła bloku wpisów:
- testowo.pinger.pl/(…)1-blok-wpisow-zmiana-tla-bloku…
2.Zmiana czcionki:
- testowo.pinger.pl/(…)2-blok-wpisow-zmiana-czcionki…
3.Zmiana tła wokół bloku wpisów:
- testowo.pinger.pl/(…)3-blok-wpisow-zmiana-tla-wokol…
4.Zmiana koloru radiusów:
- testowo.pinger.pl/(…)4-blok-wpisow-zmiana-koloru-ra…
5.Zmiana listy wyboru:
- testowo.pinger.pl/(…)4-blok-wpisow-lista-wyboru…

IV.Wpisy...

1.Zmiana tła wpisów:
- testowo.pinger.pl/m/3897315/1-wpisy-zmiana-tla-wpisow
2.Zmiana czcionki:
- testowo.pinger.pl/m/3897488/2-wpisy-zmiana-czcionki
3.Zmieniamy kolor radiusuw:
- testowo.pinger.pl/(…)3-wpisy-zmieniamy-kolor-radius…
4.Zmiana wielkości czcionki:
- testowo.pinger.pl/(…)4-wpisy-zmiana-wielkosci-czcio…
5.Zmiana tła wokół wpisów:
- testowo.pinger.pl/(…)5-wpisy-zmiana-tla-wokol-wpiso…
6.Zmiana czcionki i tła Tytułów:
- testowo.pinger.pl/(…)6-wpisy-zmiana-czcionki-tytulo…
7.Usuwamy dymek:
- testowo.pinger.pl/m/4321345/7-wpisy-usuwamy-dymek
8.Zmieniamy kolor i wielkość czcionki LUBIĘ TO:
- testowo.pinger.pl/(…)8-wpisy-zmieniamy-kolor-i-wiel…
9.Usuwamy rączkę w LUBIĘ TO:
- testowo.pinger.pl/(…)9-wpisy-usuwamy-raczke-w-lubie…
10.Zmieniamy kolor ukośników:
- testowo.pinger.pl/(…)10-wpisy-zmieniamy-kolor-ukosn…
11.Wysrodkowanie zdjec oraz czcionki we Wpisach:
- testowo.pinger.pl/(…)11-wpisy-wysrodkowanie-czcionk…
12.Powiekszamy zdjecia we Wpisach:
- testowo.pinger.pl/(…)12-wpisy-powiekszamy-zdjecia-w…
13.Wyrownujemy same zdjecia we Wpisach:
- testowo.pinger.pl/(…)13-wpisy-wyrownujemy-same-zdje…
14.Wysrodkowanie filmikow z Youtube we Wpisach:
- testowo.pinger.pl/(…)14-wpisy-wysrodkowanie-filmiko…

V.Komentarze...

1.Zmiana tła wokół bloku wpisów komentarzy:
- testowo.pinger.pl/(…)1-komentarze-zmiana-tla-wokol-…
2.Zmiana tła bloku wpisów komentarzy:
- testowo.pinger.pl/(…)2-komentarze-zmiana-tla-bloku-…
3.Zmiana tła komentarzy:
- testowo.pinger.pl/(…)3-komentarze-zmiana-tla-koment…
4.Zmiana czcionki:
- testowo.pinger.pl/(…)4-komentarze-zmiana-czcionki…
5.Zmieniamy i usuwamy Radiusy:
- testowo.pinger.pl/(…)5-komentarze-zmieniamy-i-usuwa…
6.Usuwamy dymek:
- testowo.pinger.pl/(…)6-komentarze-usuwamy-dymek…

VI.Liczniki...

1.Zmiana tła liczników:
- testowo.pinger.pl/(…)1-liczniki-zmiana-tla-liczniko…
2.Zmieniamy wygląd pionowych kresek:
- testowo.pinger.pl/(…)2-liczniki-zmieniamy-wyglad-pi…
3.Zmiana koloru tekstu:
- testowo.pinger.pl/(…)3-liczniki-zmiana-koloru-tekst…
4.Zmiana koloru cyfr:
- testowo.pinger.pl/(…)4-liczniki-zmiana-koloru-cyfr…
5.Zmiana koloru cyfr powstania bloga:
- testowo.pinger.pl/(…)5-liczniki-zmiana-koloru-cyfr-…

VII.Górne menu:

1.Zmiana tła belek:
- testowo.pinger.pl/(…)1-gorne-menu-zmiana-tla-belek…
2.Zmiana tła nakładek:
- testowo.pinger.pl/(…)2-gorne-menu-zmiana-tla-naklad…
3.Zmiana koloru czcionki:
- testowo.pinger.pl/(…)3-gorne-menu-zmiana-koloru-czc…
4.Zmiana tła Wyloguj się:
- testowo.pinger.pl/(…)4-gorne-menu-zmiana-tla-wylogu…
5.Zmiana tła Wpisy znajomych:
- testowo.pinger.pl/(…)5-gorne-menu-zmiana-tla-wpisy-…
6.Zmiana nakładek we wpisach znajomych:
- testowo.pinger.pl/(…)6-gorne-menu-zmiana-nakladek-w…

VIII.Prywatne wpisy:

1.Usuwamy dymek:
- testowo.pinger.pl/(…)6-komentarze-usuwamy-dymek…
2.Usuwamy strzałkę:
- testowo.pinger.pl/(…)2-prywatne-wpisy-usuwamy-strza…
3.Usuwamy Radiusy w komentarzach:
- testowo.pinger.pl/(…)3-prywatne-wpisy-usuwamy-radiu…

IX.Obramowania awatarów:

1.Wstęp:
- testowo.pinger.pl/(…)1-obramowania-avatarow-wstep…
2.Awatary w prawym bloku:
- testowo.pinger.pl/(…)2-obramowania-avatarow-prawy-b…
3.Awatary w komentarzach:
- testowo.pinger.pl/(…)3-obramowania-avatarow-komenta…
4.Awatary we wpisach:
- testowo.pinger.pl/(…)4-obramowania-avatarow-wpisy…
5.Górny Awatar:
- testowo.pinger.pl/(…)5-obramowania-avatarow-gorny-a…

X.Inne...

1.Zmiana loga:
- testowo.pinger.pl/m/4016603/1-inne-zmiana-loga
2.Usuwamy Gorny Awatar:
- testowo.pinger.pl/m/8571217/5-usuwamy-gorny-awatar
3.Zmieniamy kursor:
- testowo.pinger.pl/m/7858610/zmieniamy-kursor

XI.Czcionki...

1.Zmiana koloru czcionki-1:
- testowo.pinger.pl/(…)1-czcionki-zmiana-koloru-w-wie…
2.Zmiana koloru czcionki-2:
- testowo.pinger.pl/m/4031219/2-czcionki-zmiana-koloru
3.Zmiana koloru czcionki-3:
testowo.pinger.pl/m/4031432/3-czcionki-zmiana-koloru
4.Zmiana tła i czcionki klikniętego menu:
- testowo.pinger.pl/(…)3-srodkowe-menu-zmiana-tla-i-c…
5.Zmieniamy rodzaj czcionki na calym blogu:
- testowo.pinger.pl/(…)5-czcionki-zmieniamy-rodzaj-cz…

XII.Środkowe menu...

1.Zmiana tła:
- testowo.pinger.pl/(…)1-srodkowe-menu-zmiana-tla…
2.Zmiana wyglądu i koloru czcionki:
- testowo.pinger.pl/(…)2-srodkowe-menu-zmiana-wygladu…

XIII.Tagi...

1.Kolor czcionki Tagów we wpisach:
- testowo.pinger.pl/(…)1-tagi-kolor-czcionki-tagow-we…
2.Zmiana wyglądu czcionki:
- testowo.pinger.pl/(…)2-tagi-zmiana-wygladu-czcionki…
3.Zmiana koloru tła Tagów we wpisach:
- testowo.pinger.pl/(…)3-tagi-zmiana-koloru-tla-tagow…
4.Zmiana koloru tła pod Tagami:
- testowo.pinger.pl/(…)4-tagi-zmiana-koloru-tla-pod-t…

XIV.Dolne menu stron...

1.Zmiana tła:
- testowo.pinger.pl/(…)1-dolne-menu-stron-zmiana-tla…
2.Zmiana czcionki cyfr:
- testowo.pinger.pl/(…)2-dolne-menu-stron-zmiana-czci…
3.Zmiana koloru cyfr,po najechaniu kursorem...
- testowo.pinger.pl/(…)3-dolne-menu-stron-zmiana-kolo…
4.Zmiana koloru czcionki STARSZE:
- testowo.pinger.pl/(…)4-dolne-menu-stron-zmiana-kolo…
5.Zmiana koloru czcionki OGLĄDASZ
- testowo.pinger.pl/(…)5-dolne-menu-stron-zmiana-kolo…
6.Kolor i tło cyfry odwiedzanej strony:
- testowo.pinger.pl/(…)6-dolne-menu-stron-kolor-i-tlo…
7.Zmiana ramki wokół cyfr:
- testowo.pinger.pl/(…)7-dolne-menu-stron-zmiana-ramk…
8.Zmiana koloru trzykropka
- testowo.pinger.pl/(…)8-dolne-menu-stron-zmiana-kolo…

XV.Lewy blok...

1.Zmieniamy kolor tła:
- testowo.pinger.pl/(…)1-lewy-blok-zmieniamy-kolor-tl…
2.Zmieniamy kolor dolnego paska:
- testowo.pinger.pl/(…)2-lewy-blok-zmieniamy-kolor-do…
3.Zmieniamy tło górnego paska:
- testowo.pinger.pl/(…)3-lewy-blok-zmieniamy-tlo-gorn…
4.Zmieniamy kolor obramowania:
- testowo.pinger.pl/(…)4-lewy-blok-zmieniamy-kolor-ob…
5.Zmieniamy czcionkę NAJNOWSZE ZDJĘCIA:
- testowo.pinger.pl/(…)5-lewy-blok-zmieniamy-czcionke…
6.Zmieniamy czcionkę WSZYSTKIE:
- testowo.pinger.pl/(…)6-lewy-blok-zmieniamy-czcionke…
7.Przestawiamy blok na prawą stronę:
- testowo.pinger.pl/(…)7-lewy-blok-przestawiamy-blok-…
8.Ramki wokół zdjęć:
- testowo.pinger.pl/(…)8-lewy-blok-ramki-wokol-zdjec…

XVI.Poszerzamy Blog:

1.Poszerzamy Wpisy:
- testowo.pinger.pl/m/8569217/1-poszerzamy-wpisy
2.Poszerzamy Blok Wpisow:
- testowo.pinger.pl/m/8570055/2-poszerzamy-blok-wpisow
3.Poszerzamy Gorny Blok:
- testowo.pinger.pl/m/8570743/3-poszerzamy-gorny-blok
4.Poszerzamy Liczniki:
- testowo.pinger.pl/m/8570808/4-poszerzamy-liczniki

Pomoce:

1.Gdzie wstawiamy kod css:
- testowo.pinger.pl/(…)2-pomoc-gdzie-wklejamy-kod…
2.Obramowania:
- testowo.pinger.pl/m/3883816/2-pomoce-obramowania
3.Problemy z grafika:
- testowo.pinger.pl/(…)1-pomoc-problemy-z-grafika…
4.Kolory:
-testowo.pinger.pl/m/3889876/3-pomoce-kolory
5.Objaśnienia:
- testowo.pinger.pl/m/4319591/objasnienia
6.Zrób sobie Logo:
- testowo.pinger.pl/m/4380024/pomoce

*.Skrypty:

X.Gdzie wstawiamy Skrypty:
- testowo.pinger.pl/m/15393612/gdzie-wklejamy-skrypty
1.Padający śnieg:
- testowo.pinger.pl/m/4495453/1-skrypty-padajacy-snieg
2.Wstawiamy odtwarzacz na bloga:
- testowo.pinger.pl/(…)2-skrypty-wstawiamy-odtwarzacz…
3.Odtwarzacz na blogu-ustawienia:
- testowo.pinger.pl/(…)3-skrypty-odtwarzacz-na-blogu-…
4.Wstawiamy Sonde:
- testowo.pinger.pl/(…)4-skrypty-wstawiamy-sonde…

.....
www.pajacyk.pl - KLIK
 

misiaczka122
 
Hejka! Zaraz idę do szkoły! Także piszę w pośpiechu.Mam kod na to,żeby przy like był całusek:*.like-icon {
background-image: url("www.fotoszok.pl/upload/eaee0e50.gif";
height: 5px;
width: 5px
}
.dont-like-icon {
background-image: url("www.fotoszok.pl/upload/eaee0e50.gif";
height: 5px;
width: 5px
}
Pomogło?
 

kajablanco
 
Ok, dziś będzie o przestawieniu bloka z prawej stronki ------>
na lewą   <----- Tak jak mam ja.
~Wchodzimy we własne style
~wpisujemy Ten Kod:

#left_content {
float: left;
width: 539px;
}

~Idziemy na swojego bloga
~Cieszmy się udanym kodem Css!
 

lodofanatica02
 
Dziś przychodzę do was z kodem na usunięcie napisu pinger u góry,tak jak ja tutaj mam :D
Oto kod:

#logo {
background: transparent;
filter: none;
height: 90px
}

Można go też zmienić na coś innego,ale o tym kiedy indziej :)

+ przepraszam za nieobecność :]
W nagrodę ikonki Leonetty:

1.png


2.png


3.png


4.png



Ania <3
 

 

Kategorie blogów