• Wpisów:16
  • Średnio co: 95 dni
  • Ostatni wpis:4 lata temu, 13:14
  • Licznik odwiedzin:5 860 / 1615 dni
Jesteś niezalogowany. Niektóre wpisy dostępne są tylko dla znajomych.
 
JAK W TYTULE.: ZA TO ODPOWIEDZIALNY JEST TEN KOD.:

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

Ułatwi nam to poszukiwanie i wpisywanie nowych kodów

Przed zmianą.:


Po zmianie.:


Przydatne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Też prościutkie.: Wpisujemy ten kod, tam gdzie zawsze.:

.message-wrap{
margin: 3px 0 6px;
}
.message-wrap div.entry
{
padding: 6px 5px 4px;
margin: 0;
border-radius: 6px;
}
.message-wrap .native,
.message-wrap .foreign
{
background-image: none;
margin: 0;
float: none;
width: auto;
padding: 5px;
}
.message-wrap .clearer {
display: none;
}
.radius-entry-top,
.radius-entry-bottom,
.pair-radius-entry-top,
.pair-radius-entry-bottom
{
display: none;
}
.author-odd, .author-even, .authors-odd, .authors-even{
display: none;
}
.img-wrap, #main_news .image-thumbs{
text-align: center;
}
#main_news .image-thumbs a.imgs{
float: none;
}
#main_news .image-thumbs a.imgs img{
display: inline-block;
margin: 6px 2px;
}
.foreign .img-wrap img.full {
max-width: none;
}

Efekt będzie taki.:
*Obrazek w lewym górnym boku wpisu zniknie, post zostanie poszerzony.

Kod troszeczkę dłuższy niż zwykle.

Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Bardzo prosta sprawa.
Wystarczy wejść po kolei w.:
USTAWIENIA> WYGLĄD MINIBLOGA> WŁASNE STYLE.:
.. i wklejamy ten kod.:

#logo, #adult_logo {
background: none;
float: left;
height: 90px;
margin: 0;
padding: 1px;
width: 193px
}

Naciskamy zapisz zmiany i GOTOWE

Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Podawałam Wam już tła na bloga,- Mam nadzieję że pomogły Teraz podaję Awatary. Oczywiście z Violetty. ; )









Przydatne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Nie będę dużo tłumaczyć.: ODPOWIADA TEMU TEN KOD.:

position:absolute;
toppx;
leftpx;
}

Jedynie co zmieniamy to w miejscach gdzie wpisane jest 0px (obu) wpisujemy o ile chcemy aby nasz obrazek był zaokrąglony. np.: 2px - idealny

Przydatne.? Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Bardzo prosta sprawa. Pierwsze musimy przygotować prostokątną białą kartkę o wymiarach.:
WYSOKOŚCI.: 400px i SZEROKOŚCI.: 700px.
Wygląda ona dokładnie tak.:


Na niej możemy zrobić już absolutnie wszystko.
Polecam programy PhotoScape lub PicMonkey.

Po przygotowaniu gotowego już obrazka, zapisujemy go, znów wchodzimy na mój blog, i kopiujemy gotowy kod odpowiadający nagłówkowi

Wygląda on o tak.:

}
#logo, #adult_logo {
background: url("adres linka obrazka" no-repeat scroll 0 0 transparent;
float: right;
height: 401px;
margin: 0;
padding: 1px;
width: 700px
}

W gotowym kodzie nic nie zmieniamy, jedynie wpisujemy adres obrazka. Liknujemy go na.:
http://vlep.pl/ i wklejamy we wskazane miejsce

Następnie wchodzimy w USTAWIENIA-WYGLĄD MINIBLOGA- WŁASNE STYLE.

WPISUJEMY GOTOWY KOD JUŻ Z WPISANYM LINKIEM.
DAJEMY "ZAPISZ ZMIANY" - i gotowe!

Proste.? Przydatne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
Dodaj komentarz ›/ Pokaż wszystkie (5) ›
 

 
Głosujcie o czym ma być kolejny post.
*KOD CSS NA PRZEŹROCZYSTE TŁO "O MNIE; MOTTO"
*KOD CSS NA POWIĘKSZENIE MIEJSCA NA WPISYWANIE KODÓW CSS (WŁASNE STYLE)
*KOD CSS NA WPROWADZENIE NA BLOGA "NAGŁÓWKA"
*KOD CSS NA ZAOKRĄGLENIE POSTÓW I ZDJĘĆ.
*KOD CSS NA ZAOKRĄGLENIE IKONEK.: (MÓJ MINIBLOG, ZNAJOMI, SKRZYNKA.)

MOŻECIE GŁOSOWAĆ NA DWA.
CZAS START.!

~~Zuzaaa♥♥
 

 
Kolejna lekcja dotyczy ZMIANY KOLORU TŁA LICZNIKÓW. Jak to zrobić.? Aby to tło BYŁO PRZEŹROCZYSTE (lekko) tak jak u mnie, odpowiada TEMU TEN KOD.:

.profile-stats ul {
background: transparent;
}

LECZ.. jeśli chcecie aby tło liczników było ZIELONE, CZERWONE LUB NA PRZYKŁAD FIOLETOWE,
po dwukropku obok BACKGROUND, wpisujemy.:
green; red; lub purple; -->> JAKIE CHCECIE.
PAMIĘTAJ!!! KOLOR MUSI BYĆ PISANY PO ANGIELSKU.!

MOŻECIE W TAMTYM MIEJSCU WPISAĆ KOD KOLORU, WYBIERAJĄC GO Z PALETY KOLORÓW.:
http://img31.otofotki.pl/obrazki/ml899_ff.png

NP.: KOD NA ZIELONE TŁO LICZNIKÓW WYGLĄDAĆ BĘDZIE TAK.:

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

Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Aby jeszcze bardziej urozmaicić nasz blog, należy WYŚRODKOWAĆ CZCIONKĘ I ZDJĘCIA.
Jak to zrobić.? WCHODZIMY PO KOLEI W
USTAWIENIA> WYGLĄD MINIBLOGA> WŁASNE STYLE .. CSS.

I wpisujemy tam tylko ten kod.:

.message-wrap div.message {
text-align: center;
}

W EFEKCIE BĘDZIE TO WYGLĄDAŁO TAK JAK U MNIE, CZYLI TEKST I FOTKI BĘDĄ NA ŚRODKU.

Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Jeśli chcecie aby Wasza nazwa wyglądała mniej więcej jak moja.. czyli.:


odpowiada temu ten kod.:

div.profil-info {
color: #BBBBBB;
text-shadow: 0 0 0.4em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.4em #FFFFFF
}

JEDYNĄ ZASADĄ ABY WAM TO WYSZŁO JEST FAKT, IŻ W MIEJSCACH GDZIE WPISANE JEST #BBBBBB ; #FFFFFF
MACIE ZMIENIĆ KOLORKI, ZNÓW WYBIERAJĄC Z PALETY KOLORÓW.:

http://img31.otofotki.pl/obrazki/ml899_ff.png

I WPISAĆ W MIEJSCA KTÓRE WYZNACZYŁAM.
JEŚLI KTOŚ NIE ROZUMIE.:


ZMIENIAMY KOLORY W TYCH MIEJSCACH KTÓRE PODKREŚLIŁAM.

Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Żeby nasza NAZWA ładnie pasowała do całej reszty, musi być USYTUŁOWANA na ładnym tle. Aby Twój, Twój, Twój i twój xD .. blog był jeszcze bardziej upiększony, nazwa musi być na ładnym tle.!

1)ABY NAZWA BYŁA NA KOLOROWYM TLE TYPU.: RÓŻ, ZIELEŃ, CZERWIEŃ; ODOWIADA TEMU TEN KOD.:

div.profil-info {
background: white;
}

(W miejsce WHITE możemy wpisać oczywiście inny kolor PO ANGIELSKU.! ) - pink, green, red.

Możemy również po słowie BACKGROUND wpisać kod koloru, wybierając go z palety kolorów.:

http://img31.otofotki.pl/obrazki/ml899_ff.png

******

2) Można wrzucić tam wybrane tło, odpowiada temu ten kod.:

div.profil-info {
background:url("TU LINK TŁA"
}

OCZYWIŚCIE W MIEJSCU "TU LINK TŁA" wpisujemy link ;D
Tło linkujemy na www.otofotki.pl i kopiujemy drugi link.
******
3) Możemy również ustawić przeźroczyste.: TAKIE JAK JA MAM. Odpowiada temu ten kod.:

div.profil-info {
background: transparent;
}


Ładnie wytłumaczyłam.??
Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
MAM DLA WAS PARĘ TEŁ NA WASZE BLOGI. (NIEKAFELKOWANE).










Tumblr.:






( TŁA MAJĄ WYSTARCZAJĄCO DUŻY ROZMIAR NA POKRYCIE CAŁEGO TŁA. BEZ KAFELKOWANIA. )

Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Czcionka zmieniona, awatar okrągły - teraz przyszedł czas na tło wpisów. JEŚLI CHCECIE ABY
TŁO (ZDJĘCIE) ODPOWIADA TEMU TEN KOD.:

.message-odd div.entry, .even {
background: url("TU LINK FOTKI"
}
.message-even div.entry, .odd {
background: url("TU LINK FOTKI"
}

PAMIĘTAJ.!!!- w miejscu gdzie wpisane jest "TU LINK FOTKI" oczywiście wklejamy link.!!!

Przydatne.?? POMOC NA BLOGA.:
~~Zuzaaa♥♥
Dodaj komentarz ›/ Pokaż wszystkie (2) ›
 

 
Dobra.. czcionka już zmieniona,- teraz czas zrobić coś z avatarem. Żeby nie był taki zwykły... kwadratowy... KOD NA ZAOKRĄGLENIE AVATARA MI POTRZEBNY. Wtedy znowu wchodzicie na mój blog.. poszukujecie wpisu o takiej nazwie.. eureka.. i już. Tylko teraz jak ten kod wygląda.:
Gotowy KOD NA ZAOKRĄGLENIE AWATARA.:

}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: none;
border-radius: 100px 100px 100px 100px;
}

Nic w nim nie trzeba zmieniać, jest GOTOWY.

Lecz jeśli chcemy aby oprócz okrągłego avatar był np.: w różowej ramce, potrzebny nam ten kod.:

}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #pink;
border-radius: 100px 100px 100px 100px;
}

(W kodzie powyżej możemy zmienić kolor. W miejscu gdzie wpisany jest kolor #pink,- możemy zmienić go na #red; #blue; #yellow; #green; - Jaki tylko chcemy.)

LECZ PAMIĘTAJ!- KOLOR MUSI BYĆ ZAPISANY PO ANGIELSKU.!

Pomocne.? POMOC NA BLOGA.:
~~Zuzaaa♥♥
 

 
Czasami zadajemy sobie pytanie.: "Czy nasz blog nie jest za nudny" - jeśli mamy takie wątpliwości warto czasami urozmaicić szatę graficzną. Co to znaczy.? Wejść na taki blog jak mój, i poduczyć się np.: JAK ZMIENIĆ RODZAJ CZCIONKI. Podstawową czcionką ustawianą przez system przy zalogowaniu się jest CALIBRI. Jeśli chcecie mieć taką jaką ja mam teraz, odpowiada temu TEN KOD.:

* {
font-family: courier
}

LECZ.. jeśli chcecie inną czcionkę np.: COMIC SANS MS, to w miejsce gdzie wpisany jest wyraz COURIER,- wpisujemy COMIC SANS MS (czy jaką czcionkę chcemy)

Dopuszczalne rodzaje czcionek (nazwy).:
-COURIER;
-COMIC SANS MS
-CAMBRIA
-ARIAL
-BATANG
-DejaVu Sans Light
-Franklin Gothic Book
-Times New Roman
-Lucida Fax
-Eras Demi ITC

(najpopularniejsza) ---> COURIER;

Pomocne.?? POMOC NA BLOGA:
~~Zuzaaa♥♥
 

 
Witam. Nazywam się Zuza. Jestem z bloga
http://violetta78.pinger.pl.pinger.pl/
Co ja tu robię.?? Będę pomagać Wam z kodami CSS
i jeśli będziecie chcieli - HTML (:
To tyle,- do usłyszenia *.*
~~Zuzaaa♥♥