• Wpisów:11
  • Średnio co: 130 dni
  • Ostatni wpis:4 lata temu, 14:02
  • Licznik odwiedzin:2 927 / 1568 dni
Jesteś niezalogowany. Niektóre wpisy dostępne są tylko dla znajomych.
 
Dziś pokażę wam jak zrobić inne tło wpisu.
Tła mogą być różne... Przeźroczyste, kolorowe...

Wchodzimy: Ustawienia-->Wygląd minibloga
-->Własne style-->Wpisujemy kod.

Oto kod na kolorowe tło wpisu:

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

Tło stanie się czarne. Jeśli chcemy mieć inny kolor, musimy tam gdzie pisze "#000000" wpisać na przykład FFFF33 - tło będzie żółte. W poprzednim wpisie jest tabela kolorów.

Następny kod jest na tło przeźroczyste:

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

Myślę, że pomogłam. W razie nieporozumień - piszcie w komentarzach
Dodaj komentarz ›/ Pokaż wszystkie (4) ›
 

 
Dziś pokażę wam jak zrobić inną czcionkę i kolor prawego boku.

Wchodzimy: Ustawienia-->Wygląd minibloga
-->Własne style-->Wpisujemy kod.

Oto kod:

h2.login_icon {
background: gold;
color: #fff999;
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
padding: 1px 0 0 22px
}

Tam gdzie pisze: "#fff999" - możemy zmienić kolor.
Tutaj tabela z kolorami:


A wygląda to tak:


Myślę, że pomogłam. W razie nieporozumień - piszcie w komentarzach
 

 
Dziś pokażę wam jak zrobić inną czcionkę na blogu.

Wchodzimy: Ustawienia-->Wygląd minibloga
-->Własne style-->Wpisujemy kod.

Oto kod:


* {
font-family: courier new
}

Możemy zmienić napis czcionki na na przykład: "Comic sans MS". Wasz wybór!

Myślę, że pomogłam. W razie nieporozumień - piszcie w komentarzach
 

 
Dziś pokażę wam jak zrobić rozjeżdżające się litery po najechaniu na link.

Wchodzimy: Ustawienia-->Wygląd minibloga-->Własne style
-->Wpisujemy kod.

Oto kod:

a:hover {
letter-spacing: 2px;}

Myślę, że pomogłam. W razie nieporozumień - piszcie w komentarzach
 

 
Dziś pokażę wam jak zrobić podświetlany bok.

Wchodzimy: Ustawienia-->Wygląd minibloga-->Własne style-->Wpisujemy kod.

Oto kod:

.sidebox {
text-shadow: 3px 3px 5px blue;
box-shadow: inset 0 0 20px 10px blue
}

Tam gdzie pisze "blue" - Możemy wybrać dowolny kolor.

Myślę, że pomogłam. W razie nieporozumień - piszcie komentarze
 

 
Dziś pokażę wam jak zrobić obramowanie wpisów.

Wchodzimy: Ustawienia-->Wygląd minibloga-->Własne style-->Wpisujemy kod.

Oto kod:

.message-odd div.entry, .even {
border: double black
}
.message-even div.entry, .odd {
border: double black
}
.message-odd div.entry, .even {
border: 3px black
}
.message-even div.entry, .odd {
border: 3px black
}


Tam gdzie pisze "Black" - wpisujemy dowolny kolor.

Myślę, że pomogłam. W razie nieporozumień - piszcie komentarze
 

 
Dziś pokażę wam jak przerzucić opcję na prawy bok, czyli: http://i.pinger.pl/pgr289/9ec178ef000980e553160de1 - Kliknij by zobaczyć

Wchodzimy: Ustawienia-->Wygląd minibloga-->własne style-->wpisujemy kod.

Oto kod:

#menu ul li {
float: left;
margin-right: 10px
}
#menu ul a:link, #menu ul a:visited {
text-decoration: none;
display: block;
background: #eee;
color: #000;
padding: 5px 10px;
position: relative
}
#menu ul a:hover {
color: #fff;
background: #000
}

Myślę, że pomogłam. W razie nieporozumień - Piszcie komentarze
 

 
Dziś pokażę wam jak zrobić podświetlane zdjęcia w wpisach.

Wchodzimy: Ustawienia-->Wygląd minibloga-->Własne style-->Wpisujemy kod.

Oto kod:

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

Myślę, że pomogłam. W razie nieporozumień - Piszcie w komentarzach
 

 
Dziś pokażę wam jak zmienić kolor LINKU.

Wchodzimy: Ustawienia-->Wygląd minibloga-->Własne style-->Wpisujemy kod.

Oto kod:

a {
color: blue;
text-decoration: none
}

Tam gdzie piszę "color: blue;" można wpisać dowolny kolor, jak: "Red", "Green", "Pink", "Purple", "Gray" i tak dalej...

Myślę, że pomogłam . W razie nieporozumień - piszcie w komentarzach
 

 
Dziś pokażę wam jak zmienić ten górny napis "Pinger" na jakiś obrazek.

Wchodzimy: Ustawienia-->Wygląd minibloga-->Własne style--> Wpisujemy kod.

Oto kod:

#logo {
background-image:url([adres_obrazka]) ;
filter:none;
height: [wysokość_obrazka]px;
width: [szerokość_obrazka]px;
}

Tam gdzie pisze "[Adres_obrazka]" trzeba wpisać Link obrazka. Pamiętajcie by zacząć tak: "http://"; . A tam gdzie piszę [wysokość_obrazka] i [szerokość_obrazka] - trzeba wpisać dowolną liczbę
I tam gdzie jest przerwa pomiędzy "Height: ! [" - (Zaznaczyłam wykrzyknikiem) trzeba ją skasować.

Jeżeli chcemy mieć TYLKO puste pole, wpisujemy ten kod:

#logo {
background-image: none;
filter: none;
height: 8px;
width: 8px;
}

Myślę, że pomogłam. W razie nieporozumień - piszcie w komentarzach
Dodaj komentarz ›/ Pokaż wszystkie (2) ›
 

 
Pochodzę z bloga pod nazwą: Cudna Jak Violetta
Postanowiłam stworzyć tego bloga o kodach CSS.
Wiele pewnie osób skorzysta (tak myślę XD)...
No dobra, to ja się nie rozpisuję i zaraz dodaje kolejne kody