Wpisy oznaczone tagiem "CSS" (541)  

violettaileonetta
 
Kody css, zdjęcia, tła <3: Dzisiaj pokarzę wam kod css na motylka na kliknięciu lubię to
(troszeczkę nie wyraźny ale jest git xD)

Wygląd:


Bez tytułu.png


Kod :

.like-icon {
background-image: url("i.pinger.pl/pgr315/b7d0f6f000220ffd53369154");
height: 5px
}

Chcecie jakieś kody ? Piszcie śmiało!
PS. zobaczcie jak to wygląda u mnie
 

kelselka122
 

Wpis tylko dla użytkowników pinger.pl

 

bffweronikahania
 
Hej.. :)
Piszę na szybko , w końcu znalazłam chwilkę czasu na blog.:D .
Przejdę do kodu css.
Kod css na kolor w miejscówcę.  
hshhshshshhs.png

Kod. :

.sidebox .column_info {
background-color: pink;
color: black;
font-family: courier new;
font-size: 15px;
font-style: italic;
font-weight: bold;
text-align: left;
}
Oto kod.:D
A teraz pa chemia wzywa , muszę pomóc bratu.:D
zdjęcie219.jpg

Tła. <3
ac94befd002264a54f82eb3f.jpg

nsnsd.png

f12ee6d60013d276526fee1f.jpg

92f5ad9fc14b6c26fcda984e1927df76.jpg

//WERCZII.< 3
  • awatar V - ℓσνєяѕ ρσℓѕкα ♥: śliczne
  • awatar V - ℓσνєяѕ ρσℓѕкα ♥: *a masz może kod żeby tej miejscówki w ogóle nie było ?*
  • awatar Żelkowa<33: A można zamiast koloru wpisać transparent??
Pokaż wszystkie (13) ›
 

martinatiniviola123
 
Hej ♥ Zastanawiam się , czy nie dodać wam Kodu #CSS :) Bo wiele osób pisze do mnie czy nie zrobić im tak : Tam gdzie jest Moja nazwa : Fedemilla , wstawić giffa :P Proszę piszcie !
--------------------------------------------------

Zmieniam tło na to :


tumblr_m5ud712gII1qzbagvo1_500_large (1).gif


--------------------------------------------------

DODAWAJCIE KOMY PLEASE ♥
Pokaż wszystkie (4) ›
 

kajablanco
 
Dziś będzie o kursorze <3
~ Wchodzimy na stronkę
r.pinger.pl/www.cursors-4u.com/
~ Wybieramy kategorię i kursor
~ Po wybraniu kursora mamy 2 kody. Kopiujemy ten 2 kod.
~ Po skopiowaniu kodu wklejamy go we własnych stylach.

#GDZIE SĄ WŁASNE STYLE?#
Ustawienia>>Wygląd Minibloga (zjeżdżamy na dół)>> Własne Style
 

fran26
 

Wpis tylko dla użytkowników pinger.pl

 

bffweronikahania
 
Hola , hej , cześć . :D Jak widać humor mi dopisuję . Teraz trochę mi się nudzi i wpadłam na chwilkę. <3
Oglądaliście/Oglądacie #Twoja #twarz #brzmi #znajomo ?
Ja oglądałam wczoraj ale początek , o 15:55 oglądne powtórkę. :D
Teraz...nie wiem na co by wam tu #kod #css dodać.:/
Bo później mnie nie będzie.. :/
*sinmusicavida.pinger.pl* - wpadajcie. :)
Tapety .: ))
allfons.ru-4882.jpg

xcvvv.jpg

nnnxnxnnx.jpg

jjxjxjjxx.jpg

Tło 1.jpg

Podobają się tła? Ktoś chce więcej? :D
//WERCZII . *-*
 

bffweronikahania
 
Jestem po raz kolejny. ; ) Tym razem kodem css.
Chyba już wszyscy znają kod na serduszko z lubie to.:D
Ale to nie będzie serduszko.:D
xbxbx.jpg

Kod css na migające usteczka , przy lubię to. Kod zastosowany jest u mnie można zobaczyć jak wygląda.:)
Oto kod.:


.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
}
Wow dziś wyjątkowo było po 3 wpisy a zawsze dodaję po 1. ;) to sukces <3
Tłaa.< 3
ca321f1b717ea4e110104f6681eaa3c5,750,470,0,0.jpg

51.gif

Untitled-2.jpg

Przydał się kod? :P
//WERCZI
 

lodofanatica02
 
Mam dla was kod na podświetlenie,taką jakby "ramkę" we wpisach,tak jak ja mam :)
Za to odpowiedzialny jest ten oto kod:

.message-odd div.entry, .even {
box-shadow: inset 0 0 20px 10px red
}
.message-even div.entry, .odd {
box-shadow: inset 0 0 20px 10px red
}

Zamiast "red" możecie wpisać każdy inny wybrany kolor :)
I macie parę ikonek (są z mojego drugiego bloga,ale mogliście ich nie widzieć):
10.png


6.png


4.png


11.png


9.png


Myślę,że pomogłam :)
Ania <3
Pokaż wszystkie (3) ›
 

robecca15
 
Wpis tylko dla właściciela minibloga

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

 

bffweronikahania
 
Hejcia , wybaczcie że wczoraj nie było wpisów , ale nauka czyli chemia. :/
Chyba szykuję się dłuższy wpis.:)
__________________________________________________
Zacznę od kodu #css .
Kod na grafikę w wpisach (aby wpis miał tło).;)
Oto kod.:

.message-odd div.entry, .even {
background: url("img31.otofotki.pl/(…)et49_tumblr_md55ui6Qnk1rijbyfo…")
}
.message-even div.entry, .odd {
background: url("img31.otofotki.pl/(…)et49_tumblr_md55ui6Qnk1rijbyfo…")
}

Efekt.:
xbxbbxxbx.png

___________________________________________________
A co do krytyków. ;) ZGŁOSIŁO MI SIĘ *37* blogów!
WIELKIE DZIĘKI.:)
Nie dam rady ocenić wszystkich blogów , dlatego w każdych wpisach jakie będą dodam po trochu.;)
~~~~~~~~~~~~~~~~~~~~~~~~♥~~~~~~~~~~~~~~~~~~~~~~~~~~
Oceniam bloga podemospintar.pinger.pl/
Zacznę od nazwy (kolor itp.)
Radziłabym ci dodać ten kod
div.profil-info {
color: #AAAAAA;
text-shadow: 0 0 0.4em #FFFFFF, 0 0 0.2em #FF6699, 0 0 0.2em #FF6699
}
Aby wyglądało tak jak u mnie.:)
Avek/Tło: 9/10 Całkowita ocena bloga: 10/10
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Oceniam bloga vilu4ever.pinger.pl/
Zmień tło miejscówki (pod avkiem) bo jakieś białe.
A po za tym śliczny blog!
Ocena.: 10/10
Av.: Cudo , Tini piękna.*o*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Oceniam dovistas.pinger.pl/
od razu mówię wpisy są nie zaciekawe, ostatni wpis 3 dni temu!. Nazwa dodaj kod.
div.profil-info {
color: #AAAAAA;
text-shadow: 0 0 0.4em #FFFFFF, 0 0 0.2em #FF6699, 0 0 0.2em #FF6699
}
Ocena.: 5/10
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Oceniam estupido.pinger.pl/
Jejciuu.<3 Jak ja uwielbiam twojego bloga! .
Świetny wygląd , wpisy, avek chociaż nie przepadam z Diegolettą.
Ocena.: 10/10
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Więcej blogów jak na razie nie ocenię. Trochę blogów też ocenię w następnym wpisie.:), jeśli kogoś uraziłam krytykiem , to przepraszam.
Pozderki //WERCZI.♥
  • awatar Violetta ds Polonia: Kod wykorzystam :* - Dziękuję ;)
  • awatar V - ℓσνєяѕ ρσℓѕкα ♥: super
  • awatar BELLA MUJER con el N: :)
Pokaż wszystkie (9) ›
 

bffweronikahania
 
Zmieniłam obrazek (logo) u góry :)
Wygląda teraz tak.:
ndnsd.png

_________________________________________________
snsnnsns.png

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
}

Efekt.:
ndnndndnd.png

............................................................................................
Tła.< 3
9299e7790020d4ca53137bee.jpg

2d9921c2002514d452fe3fa7.png

1 (10).gif

^Pamiętamy^.
1976954_742752699090538_783380427_n.png

*Mam nadzieje że mój blog jest pomocny*. :*
Pozdrawiam.
Weronikaaa.^^
Pokaż wszystkie (20) ›
 

melaniece
 
Moim pierwszym kodem będzie kod wzięty od testowo*. Jest to zmiana koloru i czcionki nazwy bloga.

1. Gdzie wpisujemy kod CSS?
USTAWIENIA > WYGLĄD MINIBLOGA > WŁASNE STYLE

2. Jaki jest kod do zmiany koloru i czcionki nazwy bloga?

h2.login_icon {
background: white;
color: #fff999;
font-size: 24px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}

3. Co wpisujemy w blackground?
W kodzie jest napisane: background: white, ale my możemy wpisać swój własny kolor np. green

UWAGA!!!
Kolor musi być napisany po ANGIELSKU!!!

4. Co wpisujemy w color?
W kodzie jest napisane: color: #fff999, to oznacza kolor jaśniejszy lub ciemniejszy od koloru podstawowego.

Tu macie tabelkę z kolorami:

tabela1.jpg


Wybieracie swój kolor i macie!

5. Kody z dodatkami?

h2.login_icon {
background: white;
color: #fff999;
font-size: 24px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
margin-bottom: 3px;
padding: 1px 0 0 20px
}

i tak samo tu zmieniamy kolory ;)

więcej na: testowo.pinger.pl/

P.S Pamiętajcie jeśli efekt nie będzie sie wam podobał zawsze możecie go usunąć.

/Gosiaaa. <3
 

ana202
 
Dziś dam wam kilka kodów :)
W tym wpisie:
Jak zrobić,żeby rozszerzały się litery po najechaniu na link?

qwD.png

(Tu nie widać myszki,bo jak się robi screena to jej nie widać :D )

Za to odpowiada ten kod:

a:hover {
letter-spacing: 2px
}

Myślę,że pomogłam :D
Pozdro.,
Ania.<3
  • awatar Pogromca Putina: :D skomentujesz moj nowy wpis Prosiła bym :/
  • awatar FashionInspiration: bardzo ciekawy blog,może skorzystam z twoich kodów :D Chyba skusze się na podświetlenie swoich zdjęć,bo fajnie to wygląda ;) zapraszam :)
Pokaż wszystkie (2) ›
 

ana202
 
Podam wam kod jak podświetlić zdjęcie we wpisach,o mniej więcej tak:
wq4ryu68i9uyj.png

Za to odpowiedzialny jest ten kod:

a.imgs img {
box-shadow: 0 0 20px 10px purple
}

Oczywiście tam gdzie jest "purple" wstawiamy dowolny kolor.

Myślę,że pomogłam .<33
Pozdrawiam.,
Ania.<3
 

ada00
 
Znalazłam fajny kod, co tak rozszerza napisy, np. linki, główna nazwa itp. Oto kod!^^
a:hover {
letter-spacing: 2px
}


+


Bardzo dziwne!


horhrmi.jpg




/Ada
 

mylifeisvioletta
 
Wpis tylko dla właściciela minibloga

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

 

make.wish
 
make.wish ;*: mam pytanie, czy można zmienic wielkość miejsca: "moje wpisy?" chciałabym je powiększyć, ale nie mam pojęcia jak :(
  • awatar minikurs: Mozna-wejdz na moj blog i kliknij po prawej stronie na NOWY KURS lub STARY KURS-na pewno znajdziesz...
Pokaż wszystkie (1) ›
 

testowo
 
Mam do Was pytanie...
Czy zamiast kolejnych lekcji,pokazać Wam jak krok po kroku zmienić wygląd bloga-tak aby był podobny do mojego...
Oczywiście kolorystyka będzie dowolna-chodzi mi o sam sposób zmiany wyglądu bloga...
Czy taki poradnik nie będzie łatwiejszy...?
  • awatar Natis<3.: Tak ~~Natis<3.
  • awatar Dillerka Czekolady: @mysecretnook: O bannerze wszystko jest tylko w lekcjach nazywane to jest logiem jeśli mówimy o tym samym :)
  • awatar Dillerka Czekolady: Dla mnie wszystko jedno, wszystkie wskazówki są cenne :)
Pokaż wszystkie (74) ›
 

testowo
 
Balagan,balagan,balagan...
Tak macie okropny balagan ale nie w domu(w domu ja mam-ktos posprzata...?),macie balagan w kodach CSS...
Nic dziwnego ze później pytacie CO JEST?DLACZEGO?TO PRZEZ KOD CSS?
Kody CSS to takie stworzonka które zawsze sie Wam odwdziecza o ile traktujecie je jak nalezy...
Moga Wam odmienic blog na plus ale jak zaczniecie je zle traktowac-równiez moga sie zemscic-psujac to co z takim trudem budowaliscie...
CSS to nie majty babci Zosi(tzw. Reformy) które mozna rozciagac jak sie chce,kiedy chce i z jakiego powodu...
Najczestrzym bledem jaki robicie to kopiowanie i wklejanie bez opamietania.
Przeciez po to pisze Wam rady w kursie abyscie na spokojnie z nich korzystali...
Czyli zanim zajmiecie sie zmianami-przeczytajcie najpierw to co Wam doradzam-oszczedzicie sobie tym czasu,zmartwien a czasem i smutku...
Pierwsza rzecz jaka powinniscie zrobic to zalozenie sobie Folderu na komputerze z kodami które wstawiacie na blog...
Zatem kliknijcie prawym przyciskiem myszki na Pulpicie w swoim komputerze-wybierzcie z listy która sie wyswietli NOWY a nastepnie FOLDER...
Podpiszcie go np. MOJE KODY CSS...
Natepnie wejdzcie w ten folder i za kazdym razem kiedy chcecie wkleic jakis kod na swój blog,kliknijcie w nim prawym przyciskiem myszki,z listy która sie wyswietli wybierzcie NOWY a nastepnie DOKUMENT TEKSTOWY...
Taki dokument nazwijcie tak jak kod którym chcecie cos zmienic,czyli jezeli jest to np. kod na zmiane AWATARÓw podpiszcie go AWATAR...
Nastepnie w takim dokumencie wklejacie ten sam kod co na blogu...
Po co...?
Ano po to ze w razie jakichkolwiek problemów-bedziecie wiedzieli który kod odpowiada za blad-w takiej sytuacji bedziecie wiedzieli który kod usunac na swoim blogu a nastepnie wkleic poprawiony...
To na dzisiaj tyle.

Udanego weekendu zycze...:)
  • awatar Aniaaa.<3: No niektórzy tacy są.Trzeba czytać wszystko co jest w kursie...
  • awatar Francesca!: Wzajemnie :)
  • awatar Lovee Tini: Myślisz że ktoś ci uwierzy my nie jesteśmy dziecmi jak tak mówisz to ty to może jakiś czarodziej :p
Pokaż wszystkie (10) ›
 

testowo
 
Zajmijmy sie teraz zmianą tła Dolnego Menu...

Wygląda to tak:

Kliknij żeby powiększyć:
przed.png

Za to odpowiada ten kod

#footer_menu, .choose-page {
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 tak:

Kliknij żeby powiększyć:
po.png

Gotowy kod:

#footer_menu, .choose-page {
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...
.....
po.png
 

 

Kategorie blogów