Wpisy oznaczone tagiem "555555" (20)  

naglowki.avki.tla
 
.message-odd div.entry, .even {
box-shadow: inset 0 0 40px 30px grey
}
.message-even div.entry, .odd {
box-shadow: inset 0 0 40px 30px grey
}
.sidebox {
text-shadow: 3px 3px 5px grey;
box-shadow: inset 0 0 40px 30px grey
}
div.profil-info {
background: transparent
}
ul#navlist li {
background: grey
}
.sidebox {
background: grey
}
#right_content .sidebox-odd {
background: grey
}
.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
}
.message-odd .native, .message-odd .foreign {
background: transparent
}
.message-even .native, .message-even .foreign {
background: transparent
}
.message-odd div.entry, .even {
background: grey
}
.message-even div.entry, .odd {
background: grey
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #000000;
border-radius: 100px 100px 100px 100px
}
.sidebox {
border: 40px double #555555
}
.sidebox .column_info {
background: grey
}
.message-odd div.entry, .even {
font-family: georgia;
font-style: italic;
color: white
}
.message-even div.entry, .odd {
font-family: georgia;
font-style: italic;
color: white
}
div.profil-info h2 span {
color: white;
font-family: georgia;
font-size: 35px;
font-style: italic;
text-decoration: underline;
left: 10px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: white;
font-family: georgia
}
.message-odd div.entry, .even {
border: double black
}
.message-even div.entry, .odd {
border: double black
}
#main_news {
background: transparent;
clear: both;
display: block;
font-size: 11px;
margin: 0;
padding: 5px
}
#logo, #adult_logo { background: none; float: left; height: 90px; margin: 0; padding: 1px; width: 193px }
 

zuzuinikathebest
 
A teraz coś co jeszcze u nas nie było KOD CSS na  przezroczysty gotowy wygląd minibloga!!

Kod:
h2.login_icon {
background: transparent;
color: #F778A1;
text-decoration: underline;
font-style: 30px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.sidebox {
font-weight: bold;
font-size: 15px;
color: #F778A1;
font-family: Arial, sans-serif
}
h2.user_info_header {
color: #F778A1;
font-style: italic;
margin: 9px 0 2px 6px;
font-weight: bold;
font-size: 19px
}
h2, .r-about-header {
color: #F778A1;
font-style: italic;
font-size: 15px;
padding: 0;
font-weight: bold
}
.valid2 {
color: #F778A1;
font-weight: bold
}
#right_content .sidebox-odd {
background: transparent
}
#right, .sidebox, #right-example- profile, .recomended {
background: transparent
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: transparent;
border: white dotted 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}
.time, div#main a.time, div#main a.comm {
color: #F778A1;
font-family: Arial, sans-serif;
text-decoration: non
}
select {
background: transparent;
font-size: 15px;
font-family: tahoma;
font-style: italic;
font-weight: bold;
color: white;
margin: 4px 4px 0 5px
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent;
color: #F778A1;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
.message-odd div.entry, .even {
background: transparent;
font-family: georgia;
font-style: italic;
font-weight: bold;
color: #F778A1
}
.message-even div.entry, .odd {
background: transparent;
font-family: georgia;
font-style: italic;
font-weight: bold;
color: #F778A1
}
.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
}
div.message div {
font-size: 18px;
font-weight: bold
}
#main_news {
background: transparen
}
.like {
background-color: transparent;
background-repeat: no-repeat;
border: medium none;
color: #F778A1;
font-size: 17px;
margin: 0 !important;
padding: 0 0 1px
}
.msg_foot, .comment-meta {
color: #F778A1
}
.img-wrap {
text-align: center
}
.textarea-big-bg {
background: transparent;
float: center;
height: 90px;
margin: 4px 4px;
padding: 1px;
width: 400px
}
textarea {
background: transparent
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: transparent;
clear: both;
display: none;
margin: 5px 5px 10px 3px;
overflow: hidden
}
.message-wrap .comment-message, #main .private-messages-by-thread .comment-message, #main #system-messages .comment-message {
clear: both;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #F778A1;
min-height: 10px;
overflow: hidden
}
.profile-stats ul {
background: transparent;
overflow: hidden;
padding: 4px
}
.profile-stats {
clear: both;
overflow: hidden
}
.message-odd div.entry, .even {
background: black;
font-family: arial;
font-style: italic;
color: #F778A1
}
.message-even div.entry, .odd {
background: black;
font-family: arial;
font-style: italic;
color: #F778A1
}
.sidebox {
width: 194px;
border: 3px double #555555;
overflow: hidden;
margin: 0 0 11px 0
}
div#news, div#news_edit {
background: #000000;
display: block;
margin: 0;
overflow: hidden;
padding: 0 0 0 10px;
width: 529px
}
textarea {
background: transparent
}
.message-wrap div.message {
text-align: center
}
#main_news {
background: transparent
}
div.profil-info {
background: transparent
}
.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
}
.message-odd div.entry, .even {
background: transparent
}
.message-even div.entry, .odd {
background: transparent
}
.comments-list-short ul.short-list {
background: transparent
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: tranparent
}
textarea {
background: transparent
}
ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}
ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: transparent
}
.last-files .last-files-outer {
background: transparent
}
.last-files .last-files-outer {
background: transparent
}
.profile-stats ul {
background: transparent
}
ul#navlist li {
background: transparent
}
ul.comments-list .comment-content {
border: none
}
ul#navlist li {
background: black
}
.profile-stats ul {
background: #F778A1
}
.last-files .last-files-outer {
background: transparent
}
#footer_menu, .choose-page {
background: transparent
}
#user-last-videos h2, #user-last-images h2 {
background: transparent
}
.last-files .more {
background: transparent
}
.sidebox .column_info {
background: transparent
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: transparent
}
body, a:hover {
cursor: url(cur.cursors-4u.net/nature/nat-10/nat982.cur), progress !important
}
.message a.imgs, :root x {
float: left;
padding-bottom: 10px;
background-image: url(i.pinger.pl/pgr331/6d113022001809594f9c2f46);
background-size: 100% 10px;
background-repeat: no-repeat;
background-position: center bottom
}
.message a.imgs img, :root x {
display: block
}
a.imgs img {
border: none
}
h2.login_icon {
background: transparent;
color: white;
font-size: 1px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.author-odd, .author-even, .authors-odd, .authors-even {
border-style: none
}
.like-list .avatar, .comment .avatar, .citation .avatar {
border-radius: 7px
}
div#login_profil img, :root x {
border-radius: 10px;
padding: O;
border: 2px solid rgba(0,0,0,0);
margin: 2px;
box-shadow: O 0 0 1px white
}
.author-odd img, .authors-odd img, .author-even img, .authors-even img, :root x {
border-radius: 14px;
border: none;
padding: O;
margin: 4px;
box-shadow: O 0 0 1px white
}
.author-even img, .authors-even img {
box-shadow: O 0 0 1px white
}
.last-news img, :root x {
border-radius: 10px;
padding: O;
margin: 2px;
box-shadow: O 0 0 1px white
}
.sidebox ul.list_of_users a.avatar img, ul.list_of_users a.avatar img, :root x {
border-radius: 8px;
padding: O;
margin: 1px;
box-shadow: O 0 0 1px white
}
.sidebox ul.list_of_users li img.mutual, :root x {
box-shadow: O 0 0 1px white;
border: none
}
.sidebox .main-avatar-link img, :root x {
border-radius: 16px;
padding: O;
border: none;
margin: 3px auto;
box-shadow: O 0 0 1px white
}
input#search, input#search-msg-submit, input#search-msg-by-tag-submit {
background-image: url(img145.imageshack.us/(…)cooltext811985932.png);…
margin-left: 119px;
background-position: right top;
width: 60px;
height: 40px
}
input#search:hover, input#search-msg-submit:hover, input#search-msg-by-tag-submit:hover {
background-image: url(img145.imageshack.us/(…)cooltext811985932.png…)
}
.like-icon {
background-image: none;
background-position: 0 0
}
.dont-like-icon {
background-image: none;
background-position: 0 2px;
padding-bottom: 2px
}
#logo, #adult_logo {
background: none no-repeat scroll 0 0 transparent;
float: left;
height: 10px;
margin: 0;
padding: 0px;
width: 0px
}
.author-odd, .author-even, .authors-odd, .authors-even {
border-style: none
}
div.profil-info h2 span {
color: transparent;
font-family: gothic;
left: 0px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: transparent;
font-family: gothic
}
.message a.imgs, :root x {
float: left;
padding-bottom: 10px;
background-image: url(i.pinger.pl/pgr331/6d113022001809594f9c2f46);
background-size: 100% 10px;
background-repeat: no-repeat;
background-position: center bottom
}
.message a.imgs img, :root x {
display: block
}
.last-files .last-files-outer {
background: TRANSPARENT
}
.profile-stats ul {
background: #F778A1
}
ul#navlist li {
background: transparent
}
ul.comments-list .comment-arrow {
background: transparent
}
div#news, div#news_edit {
background: transparent
}
.radius-main-top {
background: transparent
}
.half-radius-main-bottom {
background: transparent
}
div#left_content .news_content, .last-profile-entry {
background: transparent
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent
}
.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
}
.img-wrap {
text-align: center
}
.profile-stats {
margin-left: 2px
}
.img-wrap {
text-align: center
}
.message-wrap div.message {
text-align: center
}
.img-wrap {
text-align: center
}
div.bottom-menu-border-left, .login-menu-border-left, .menu-border-left-msgs {
background: none repeat scroll 0 0 transparent;
height: 23px;
width: 8px
}
div.bottom-menu-border-right, .login-menu-border-right, .menu-border-right-msgs {
background: none repeat scroll 0 0 transparent;
height: 23px;
width: 8px
}
ul#navlist li a, ul#navlist li .link {
color: #F778A1;
text-align: center;
text-decoration: underline
}
ul#navlist li.important a, #after-share li a.myprofile {
color: #F778A1
}
ul#navlist li span.item {
background: transparent;
font-style: italic;
font-family: arial;
font-weight: bold;
font-size: 13px
}
.profile-stats ul {
background: transparent;
overflow: hidden;
padding: 4px
}
.profile-stats {
clear: both;
overflow: hidden;
margin-left: 74px;
background: transparent;
margin-bottom: 12px
}
.profile-stats ul li {
border-right: 1px double transparent;
float: left;
padding: 0 10px;
text-align: center
}
.profile-stats ul li .stats-label {
color: #F778A1;
display: block;
font-size: 10px;
font-weight: bold;
font-style: italic;
font-family: arial;
text-transform: uppercase
}
.profile-stats ul li .stats-count {
color: #F778A1;
display: block;
font-size: 14px;
font-weight: bold;
font-family: Arial;
font-style: italic
}
.profile-stats ul li .stats-count .days {
color: #F778A1
}
a.msg-title, span.msg-title {
color: #F778A1;
font-weight: bold;
font-size: 16px;
font-family: arial, sans-serif
}
#left_content {
float: left;
width: 539px
}

#Nika:*
 

bff.marlena.sandra
 
Cześć! :)
Czytacie Mini Poradnik #2 :)

Dziś dowiemy się jak :

* dodać obramowanie prawego bloku
* zmienić czcionkę w prawym bloku

Przypominam, gdzie wstawiamy KOD CSS!

Ustawienia ---> Wygląd Mini bloga ---> KOD CSS

Cel :

Dowiem się, jak dodać obramowanie do prawego bloku :)

To najpierw wchodzimy w stronkę testowo.pinger.pl/m/4667982 i szukamy naszego celu. Tym razem jest to obramowanie bloku. :)
Macie tu link, jeśli komuś nie chce się szukać :D
testowo.pinger.pl/(…)9-prawy-blok-obramowanie-bloku…

Przyda nam się też stronka z obramowaniami :)

testowo.pinger.pl/m/3883816/obramowania

A wiec za obramowanie odpowiada "BORDER"

border-top oznacza górne obramowanie,
border-bottom oznacza dolne obramowanie,
border-right oznacza prawe obramowanie,
border-left oznacza lewe obramowanie...

Oprócz tego rozróżniamy rodzaje obramowań:

none -oznacza brak obramowania,
dashed -oznacza obramowanie kreskowane,
dotted -oznacza obramowanie kropkowane,
solid -oznacza grube obramowanie,
double -oznacza podwójne obramowanie,
groove -oznacza obramowanie trójwymiarowe

yuuuyu.png



Przykład.
Jeśli chcecie zrobić podwójne obramowanie, o kolorze czarnym, co musicie zrobić?

Szukamy kodu na obramowanie prawego bloku :

.sidebox{
border: 3px double #555555;
}

Macie akurat szczęście, bo jest już podany w lekcji.
Musicie tylko zmienić kolor na czarny. Jak to zrobić?
TO PROSTE! Wystarczy w miejsce "#555555" wpisać po prostu black. :)

Wskazówka :

Jeśli nie wychodzi Ci podwójna ramka, to zmień z 3px na 4px :)

No dobra. Podwójne obramowanie mamy za sobą. Co, jeśli ktoś chce pojedyncze?

Kopiujemy kod ...

.sidebox{
border: 3px double #555555;
}

Tam, gdzie jest napisane "double" wpisujemy "solid". Czemu? Solid jest odpowiednikiem pojedynczej ramki :)
Oczywiście, jesli ktoś chce, to zmienia kolor ;)

Mam nadzieję, że będziecie umieli się posługiwać tym kodem. Na początku może to Wam sprawiać trudność, ponieważ do końca nie znacie tych słówek, ale potem to będzie bułka z masłem! ;)

Przejdźmy do kolejnego celu tej lekcji :

JAK ZMIENIĆ CZCIONKĘ W PRAWYM BLOKU?

I znowu! Wchodzimy w stronkę testowo.pinger.pl/m/4667982 i tam wyszukujemy linku z treścią, jaką chcemy.

testowo.pinger.pl/(…)2-prawy-blok-zmiana-koloru-cze…

Podam Wam na przykładzie tego, że chcemy zmienić czcionkę w naszym profilu, opisie linków i "komentarze od..."

Za to odpowiedzialny jest ten kod :

.sidebox {
color: red;
font-family:Arial, sans-serif;
font-size: 15px}

Chcecie mieć czcionkę taką jak ja mam?
Mianowicie kolor czarny, czcionka gothic?

To proste!

W miejsce "red" wpisujemy ten kolor, jaki chcemy. Powiedzmy czarny. Wpisujemy go po angielsku, czyli "black"
Kolor mamy już z głowy.

Teraz musimy zmienić rodzaj czcionki.
Każdy kto jaką chce!
Teraz może "gothic", jak ja.
To w miejsce "Arial, sans-serif" wpisujemy "gothic" lub jakąś inną. To zależy od gustu.
Okej. Kolor i rodzaj załatwione, teraz tylko został rozmiar!

Tam, gdzie macie 15px, wpisujecie np. 14px, lub 13px.

(1px - bardzo mało ---> 20px bardzo duża)

Gotowy kod :

.sidebox {
color: black;
font-family: gothic;
font-size: 13px}

Man nadzieję, że poradziliście sobie z tym kodem! ;)
Podzielcie się w tym komentarzu, a jak macie jakiś problem, to napiszcie mi na priv. :)

Doszła jeszcze taka prośba, by dać kod, na zmienienie czcionki na całym blogu.

Za to odpowiedzialny jest ten kod :

* {
font-family: times;
}

Chodzi tylko o rodzaj, więc jak nie chcecie "times" to wpiszcie inny :)

W następnej lekcji dowiemy się, jak :

* zmienić tło w górnym bloku

* zmienić nicka w górnym bloku

Sandra. <3
  • awatar king of the north.: Ten kod na obramowanie może mi się kiedyś przyda, bo od dawna szukałam tego kody na obramowanie kreskowe ^^
  • awatar king of the north.: @Miód malina ! <3: *kodu.
  • awatar Princess Mérida DunBroch: hej! nie żebym była upierdliwa, ale konkurs skończył się już dawno, a nagród wciąż nie rozdałaś! nie możesz robić tak, że zmuszasz ludzi do promowania się, by głosowali (w ten sam sposób promując sobie bloga i zwiększając ilość wyświetleń, bo doskonale wiem jak to działa), a później nawet nie rozdać nagród! zamierzasz je w ogóle jeszcze rozdać?
Pokaż wszystkie (17) ›
 

xblog
 
Wpis tylko dla właściciela minibloga

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

 

gotowe.wyglady
 
Wpis tylko dla właściciela minibloga

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

 

gotowe.wyglady
 
Wpis tylko dla właściciela minibloga

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

 

gotowe.wyglady
 
h2.login_icon {
background: transparent;
color: #F778A1;
text-decoration: underline;
font-style: 30px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.sidebox {
font-weight: bold;
font-size: 15px;
color: #F778A1;
font-family: Arial, sans-serif
}
h2.user_info_header {
color: #F778A1;
font-style: italic;
margin: 9px 0 2px 6px;
font-weight: bold;
font-size: 19px
}
h2, .r-about-header {
color: #F778A1;
font-style: italic;
font-size: 15px;
padding: 0;
font-weight: bold
}
.valid2 {
color: #F778A1;
font-weight: bold
}
#right_content .sidebox-odd {
background: transparent
}
#right, .sidebox, #right-example- profile, .recomended {
background: transparent
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: transparent;
border: white dotted 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}
.time, div#main a.time, div#main a.comm {
color: #F778A1;
font-family: Arial, sans-serif;
text-decoration: non
}
select {
background: transparent;
font-size: 15px;
font-family: tahoma;
font-style: italic;
font-weight: bold;
color: white;
margin: 4px 4px 0 5px
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent;
color: #F778A1;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
.message-odd div.entry, .even {
background: transparent;
font-family: georgia;
font-style: italic;
font-weight: bold;
color: #F778A1
}
.message-even div.entry, .odd {
background: transparent;
font-family: georgia;
font-style: italic;
font-weight: bold;
color: #F778A1
}
.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
}
div.message div {
font-size: 18px;
font-weight: bold
}
#main_news {
background: transparen
}
.like {
background-color: transparent;
background-repeat: no-repeat;
border: medium none;
color: #F778A1;
font-size: 17px;
margin: 0 !important;
padding: 0 0 1px
}
.msg_foot, .comment-meta {
color: #F778A1
}
.img-wrap {
text-align: center
}
.textarea-big-bg {
background: transparent;
float: center;
height: 90px;
margin: 4px 4px;
padding: 1px;
width: 400px
}
textarea {
background: transparent
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: transparent;
clear: both;
display: none;
margin: 5px 5px 10px 3px;
overflow: hidden
}
.message-wrap .comment-message, #main .private-messages-by-thread .comment-message, #main #system-messages .comment-message {
clear: both;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #F778A1;
min-height: 10px;
overflow: hidden
}
.profile-stats ul {
background: transparent;
overflow: hidden;
padding: 4px
}
.profile-stats {
clear: both;
overflow: hidden
}
.message-odd div.entry, .even {
background: black;
font-family: arial;
font-style: italic;
color: #F778A1
}
.message-even div.entry, .odd {
background: black;
font-family: arial;
font-style: italic;
color: #F778A1
}
.sidebox {
width: 194px;
border: 3px double #555555;
overflow: hidden;
margin: 0 0 11px 0
}
div#news, div#news_edit {
background: #000000;
display: block;
margin: 0;
overflow: hidden;
padding: 0 0 0 10px;
width: 529px
}
textarea {
background: transparent
}
.message-wrap div.message {
text-align: center
}
#main_news {
background: transparent
}
div.profil-info {
background: transparent
}
.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
}
.message-odd div.entry, .even {
background: transparent
}
.message-even div.entry, .odd {
background: transparent
}
.comments-list-short ul.short-list {
background: transparent
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: tranparent
}
textarea {
background: transparent
}
ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}
ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: transparent
}
.last-files .last-files-outer {
background: transparent
}
.last-files .last-files-outer {
background: transparent
}
.profile-stats ul {
background: transparent
}
ul#navlist li {
background: transparent
}
ul.comments-list .comment-content {
border: none
}
ul#navlist li {
background: black
}
.profile-stats ul {
background: #F778A1
}
.last-files .last-files-outer {
background: transparent
}
#footer_menu, .choose-page {
background: transparent
}
#user-last-videos h2, #user-last-images h2 {
background: transparent
}
.last-files .more {
background: transparent
}
.sidebox .column_info {
background: transparent
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: transparent
}
body, a:hover {
cursor: url(cur.cursors-4u.net/nature/nat-10/nat982.cur), progress !important
}
.message a.imgs, :root x {
float: left;
padding-bottom: 10px;
background-image: url(i.pinger.pl/pgr331/6d113022001809594f9c2f46);
background-size: 100% 10px;
background-repeat: no-repeat;
background-position: center bottom
}
.message a.imgs img, :root x {
display: block
}
a.imgs img {
border: none
}
h2.login_icon {
background: transparent;
color: white;
font-size: 1px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.author-odd, .author-even, .authors-odd, .authors-even {
border-style: none
}
.like-list .avatar, .comment .avatar, .citation .avatar {
border-radius: 7px
}
div#login_profil img, :root x {
border-radius: 10px;
padding: O;
border: 2px solid rgba(0,0,0,0);
margin: 2px;
box-shadow: O 0 0 1px white
}
.author-odd img, .authors-odd img, .author-even img, .authors-even img, :root x {
border-radius: 14px;
border: none;
padding: O;
margin: 4px;
box-shadow: O 0 0 1px white
}
.author-even img, .authors-even img {
box-shadow: O 0 0 1px white
}
.last-news img, :root x {
border-radius: 10px;
padding: O;
margin: 2px;
box-shadow: O 0 0 1px white
}
.sidebox ul.list_of_users a.avatar img, ul.list_of_users a.avatar img, :root x {
border-radius: 8px;
padding: O;
margin: 1px;
box-shadow: O 0 0 1px white
}
.sidebox ul.list_of_users li img.mutual, :root x {
box-shadow: O 0 0 1px white;
border: none
}
.sidebox .main-avatar-link img, :root x {
border-radius: 16px;
padding: O;
border: none;
margin: 3px auto;
box-shadow: O 0 0 1px white
}
input#search, input#search-msg-submit, input#search-msg-by-tag-submit {
background-image: url(img145.imageshack.us/(…)cooltext811985932.png);…
margin-left: 119px;
background-position: right top;
width: 60px;
height: 40px
}
input#search:hover, input#search-msg-submit:hover, input#search-msg-by-tag-submit:hover {
background-image: url(img145.imageshack.us/(…)cooltext811985932.png…)
}
.like-icon {
background-image: none;
background-position: 0 0
}
.dont-like-icon {
background-image: none;
background-position: 0 2px;
padding-bottom: 2px
}
#logo, #adult_logo {
background: none no-repeat scroll 0 0 transparent;
float: left;
height: 10px;
margin: 0;
padding: 0px;
width: 0px
}
.author-odd, .author-even, .authors-odd, .authors-even {
border-style: none
}
div.profil-info h2 span {
color: transparent;
font-family: gothic;
left: 0px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: transparent;
font-family: gothic
}
.message a.imgs, :root x {
float: left;
padding-bottom: 10px;
background-image: url(i.pinger.pl/pgr331/6d113022001809594f9c2f46);
background-size: 100% 10px;
background-repeat: no-repeat;
background-position: center bottom
}
.message a.imgs img, :root x {
display: block
}
.last-files .last-files-outer {
background: TRANSPARENT
}
.profile-stats ul {
background: #F778A1
}
ul#navlist li {
background: transparent
}
ul.comments-list .comment-arrow {
background: transparent
}
div#news, div#news_edit {
background: transparent
}
.radius-main-top {
background: transparent
}
.half-radius-main-bottom {
background: transparent
}
div#left_content .news_content, .last-profile-entry {
background: transparent
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent
}
.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
}
.img-wrap {
text-align: center
}
.profile-stats {
margin-left: 2px
}
.img-wrap {
text-align: center
}
.message-wrap div.message {
text-align: center
}
.img-wrap {
text-align: center
}
div.bottom-menu-border-left, .login-menu-border-left, .menu-border-left-msgs {
background: none repeat scroll 0 0 transparent;
height: 23px;
width: 8px
}
div.bottom-menu-border-right, .login-menu-border-right, .menu-border-right-msgs {
background: none repeat scroll 0 0 transparent;
height: 23px;
width: 8px
}
ul#navlist li a, ul#navlist li .link {
color: #F778A1;
text-align: center;
text-decoration: underline
}
ul#navlist li.important a, #after-share li a.myprofile {
color: #F778A1
}
ul#navlist li span.item {
background: transparent;
font-style: italic;
font-family: arial;
font-weight: bold;
font-size: 13px
}
.profile-stats ul {
background: transparent;
overflow: hidden;
padding: 4px
}
.profile-stats {
clear: both;
overflow: hidden;
margin-left: 74px;
background: transparent;
margin-bottom: 12px
}
.profile-stats ul li {
border-right: 1px double transparent;
float: left;
padding: 0 10px;
text-align: center
}
.profile-stats ul li .stats-label {
color: #F778A1;
display: block;
font-size: 10px;
font-weight: bold;
font-style: italic;
font-family: arial;
text-transform: uppercase
}
.profile-stats ul li .stats-count {
color: #F778A1;
display: block;
font-size: 14px;
font-weight: bold;
font-family: Arial;
font-style: italic
}
.profile-stats ul li .stats-count .days {
color: #F778A1
}
a.msg-title, span.msg-title {
color: #F778A1;
font-weight: bold;
font-size: 16px;
font-family: arial, sans-serif
}
#left_content {
float: left;
width: 539px
}
 

gotowe.wyglady
 
Nowy wygląd do skopiowania:
capture-20140721-195227.png

capture-20140721-195307.png

capture-20140721-195356.png

Kody do wyglądu:

h2.login_icon {
background: transparent;
color: #F778A1;
text-decoration: underline;
font-style: 30px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.sidebox {
font-weight: bold;
font-size: 15px;
color: #F778A1;
font-family: Arial, sans-serif
}
h2.user_info_header {
color: #F778A1;
font-style: italic;
margin: 9px 0 2px 6px;
font-weight: bold;
font-size: 19px
}
h2, .r-about-header {
color: #F778A1;
font-style: italic;
font-size: 15px;
padding: 0;
font-weight: bold
}
.valid2 {
color: #F778A1;
font-weight: bold
}
#right_content .sidebox-odd {
background: transparent
}
#right, .sidebox, #right-example- profile, .recomended {
background: transparent
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: transparent;
border: white dotted 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}
.time, div#main a.time, div#main a.comm {
color: #F778A1;
font-family: Arial, sans-serif;
text-decoration: non
}
select {
background: transparent;
font-size: 15px;
font-family: tahoma;
font-style: italic;
font-weight: bold;
color: white;
margin: 4px 4px 0 5px
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent;
color: #F778A1;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
.message-odd div.entry, .even {
background: transparent;
font-family: georgia;
font-style: italic;
font-weight: bold;
color: #F778A1
}
.message-even div.entry, .odd {
background: transparent;
font-family: georgia;
font-style: italic;
font-weight: bold;
color: #F778A1
}
.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
}
div.message div {
font-size: 18px;
font-weight: bold
}
#main_news {
background: transparen
}
.like {
background-color: transparent;
background-repeat: no-repeat;
border: medium none;
color: #F778A1;
font-size: 17px;
margin: 0 !important;
padding: 0 0 1px
}
.msg_foot, .comment-meta {
color: #F778A1
}
.img-wrap {
text-align: center
}
.textarea-big-bg {
background: transparent;
float: center;
height: 90px;
margin: 4px 4px;
padding: 1px;
width: 400px
}
textarea {
background: transparent
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: transparent;
clear: both;
display: none;
margin: 5px 5px 10px 3px;
overflow: hidden
}
.message-wrap .comment-message, #main .private-messages-by-thread .comment-message, #main #system-messages .comment-message {
clear: both;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #F778A1;
min-height: 10px;
overflow: hidden
}
.profile-stats ul {
background: transparent;
overflow: hidden;
padding: 4px
}
.profile-stats {
clear: both;
overflow: hidden
}
.message-odd div.entry, .even {
background: black;
font-family: arial;
font-style: italic;
color: #F778A1
}
.message-even div.entry, .odd {
background: black;
font-family: arial;
font-style: italic;
color: #F778A1
}
.sidebox {
width: 194px;
border: 3px double #555555;
overflow: hidden;
margin: 0 0 11px 0
}
div#news, div#news_edit {
background: #000000;
display: block;
margin: 0;
overflow: hidden;
padding: 0 0 0 10px;
width: 529px
}
textarea {
background: transparent
}
.message-wrap div.message {
text-align: center
}
#main_news {
background: transparent
}
div.profil-info {
background: transparent
}
.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
}
.message-odd div.entry, .even {
background: transparent
}
.message-even div.entry, .odd {
background: transparent
}
.comments-list-short ul.short-list {
background: transparent
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: tranparent
}
textarea {
background: transparent
}
ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}
ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: transparent
}
.last-files .last-files-outer {
background: transparent
}
.last-files .last-files-outer {
background: transparent
}
.profile-stats ul {
background: transparent
}
ul#navlist li {
background: transparent
}
ul.comments-list .comment-content {
border: none
}
ul#navlist li {
background: black
}
.profile-stats ul {
background: #F778A1
}
.last-files .last-files-outer {
background: transparent
}
#footer_menu, .choose-page {
background: transparent
}
#user-last-videos h2, #user-last-images h2 {
background: transparent
}
.last-files .more {
background: transparent
}
.sidebox .column_info {
background: transparent
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: transparent
}
body, a:hover {
cursor: url(cur.cursors-4u.net/nature/nat-10/nat982.cur), progress !important
}
.message a.imgs, :root x {
float: left;
padding-bottom: 10px;
background-image: url(i.pinger.pl/pgr331/6d113022001809594f9c2f46);
background-size: 100% 10px;
background-repeat: no-repeat;
background-position: center bottom
}
.message a.imgs img, :root x {
display: block
}
a.imgs img {
border: none
}
h2.login_icon {
background: transparent;
color: white;
font-size: 1px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.author-odd, .author-even, .authors-odd, .authors-even {
border-style: none
}
.like-list .avatar, .comment .avatar, .citation .avatar {
border-radius: 7px
}
div#login_profil img, :root x {
border-radius: 10px;
padding: O;
border: 2px solid rgba(0,0,0,0);
margin: 2px;
box-shadow: O 0 0 1px white
}
.author-odd img, .authors-odd img, .author-even img, .authors-even img, :root x {
border-radius: 14px;
border: none;
padding: O;
margin: 4px;
box-shadow: O 0 0 1px white
}
.author-even img, .authors-even img {
box-shadow: O 0 0 1px white
}
.last-news img, :root x {
border-radius: 10px;
padding: O;
margin: 2px;
box-shadow: O 0 0 1px white
}
.sidebox ul.list_of_users a.avatar img, ul.list_of_users a.avatar img, :root x {
border-radius: 8px;
padding: O;
margin: 1px;
box-shadow: O 0 0 1px white
}
.sidebox ul.list_of_users li img.mutual, :root x {
box-shadow: O 0 0 1px white;
border: none
}
.sidebox .main-avatar-link img, :root x {
border-radius: 16px;
padding: O;
border: none;
margin: 3px auto;
box-shadow: O 0 0 1px white
}
input#search, input#search-msg-submit, input#search-msg-by-tag-submit {
background-image: url(img145.imageshack.us/(…)cooltext811985932.png);…
margin-left: 119px;
background-position: right top;
width: 60px;
height: 40px
}
input#search:hover, input#search-msg-submit:hover, input#search-msg-by-tag-submit:hover {
background-image: url(img145.imageshack.us/(…)cooltext811985932.png…)
}
.like-icon {
background-image: none;
background-position: 0 0
}
.dont-like-icon {
background-image: none;
background-position: 0 2px;
padding-bottom: 2px
}
#logo, #adult_logo {
background: none no-repeat scroll 0 0 transparent;
float: left;
height: 10px;
margin: 0;
padding: 0px;
width: 0px
}
.author-odd, .author-even, .authors-odd, .authors-even {
border-style: none
}
div.profil-info h2 span {
color: transparent;
font-family: gothic;
left: 0px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: transparent;
font-family: gothic
}
.message a.imgs, :root x {
float: left;
padding-bottom: 10px;
background-image: url(i.pinger.pl/pgr331/6d113022001809594f9c2f46);
background-size: 100% 10px;
background-repeat: no-repeat;
background-position: center bottom
}
.message a.imgs img, :root x {
display: block
}
.last-files .last-files-outer {
background: TRANSPARENT
}
.profile-stats ul {
background: #F778A1
}
ul#navlist li {
background: transparent
}
ul.comments-list .comment-arrow {
background: transparent
}
div#news, div#news_edit {
background: transparent
}
.radius-main-top {
background: transparent
}
.half-radius-main-bottom {
background: transparent
}
div#left_content .news_content, .last-profile-entry {
background: transparent
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent
}
div#news_editor textarea, div#news_edit_editor textarea {
background: transparent
}
.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
}
.img-wrap {
text-align: center
}
.profile-stats {
margin-left: 2px
}
.img-wrap {
text-align: center
}
.message-wrap div.message {
text-align: center
}
.img-wrap {
text-align: center
}
div.bottom-menu-border-left, .login-menu-border-left, .menu-border-left-msgs {
background: none repeat scroll 0 0 transparent;
height: 23px;
width: 8px
}
div.bottom-menu-border-right, .login-menu-border-right, .menu-border-right-msgs {
background: none repeat scroll 0 0 transparent;
height: 23px;
width: 8px
}
ul#navlist li a, ul#navlist li .link {
color: #F778A1;
text-align: center;
text-decoration: underline
}
ul#navlist li.important a, #after-share li a.myprofile {
color: #F778A1
}
ul#navlist li span.item {
background: transparent;
font-style: italic;
font-family: arial;
font-weight: bold;
font-size: 13px
}
.profile-stats ul {
background: transparent;
overflow: hidden;
padding: 4px
}
.profile-stats {
clear: both;
overflow: hidden;
margin-left: 74px;
background: transparent;
margin-bottom: 12px
}
.profile-stats ul li {
border-right: 1px double transparent;
float: left;
padding: 0 10px;
text-align: center
}
.profile-stats ul li .stats-label {
color: #F778A1;
display: block;
font-size: 10px;
font-weight: bold;
font-style: italic;
font-family: arial;
text-transform: uppercase
}
.profile-stats ul li .stats-count {
color: #F778A1;
display: block;
font-size: 14px;
font-weight: bold;
font-family: Arial;
font-style: italic
}
.profile-stats ul li .stats-count .days {
color: #F778A1
}
a.msg-title, span.msg-title {
color: #F778A1;
font-weight: bold;
font-size: 16px;
font-family: arial, sans-serif
}
#left_content {
float: left;
width: 539px
}

+ tło
blog_yu_5108314_7943088_tr_tlo11.jpg


*JAK NIE BĘDZIE DZIAŁAĆ , PISAĆ NA PRIV**
zapraszam---> bffweronikahania.pinger.pl oraz na nowy rozdzial --> violetta.story.pinger.pl
Weronika <3
 

szablonikdlaciebie
 
3.JPG


#logo, #adult_logo {
background: url("fotozrzut.pl/zdjecia/e828cc6a12.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 250px;
margin: 0;
padding: 1px;
width: 620px
}
div#login_profil img {
border: none;
float: left;
padding: 0;
width: 0
}
div.profil-info {
width: 536px
}
.profile-stats {
margin-left: 2px
}
.user-style-set .textarea-bg {
margin: 0;
padding: 1px;
width: 500px
}
.user-style-set .textarea-bg {
height: 500px
}
textarea#user-style-content {
height: 498px
}
textarea#user-style-content {
width: 498px
}
.user-style-set .textarea-bg {
background: none no-repeat scroll 0 0 transparent;
border: 1px solid #478BD3
}
ul#navlist li span.item {
background: transparent;
font-style: italic;
font-family: arial;
font-weight: bold;
font-size: 13px
}
div.profil-info {
background: transparent
}
div.profil-info h2 span {
color: red;
font-family: gothic;
left: 150px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: yellow;
font-family: gothic;
left: 140px;
position: absolute;
top: 7px;
z-index: -1
}
.profile-stats ul {
background-color: #FAF5E0;
background-image: url("fotozrzut.pl/zdjecia/2181df1ccc.jpg");
background-position: 0 0;
background-repeat: repeat-x;
opacity: 0.6
}
div#left_content .news_content, .last-profile-entry {
background: transparent
}
.profile-stats ul li .stats-label {
color: black;
display: block;
font-size: 12px;
font-weight: bold;
font-style: italic;
font-family: arial;
text-transform: uppercase
}
.profile-stats ul li .stats-count {
color: black;
display: block;
font-size: 13px;
font-weight: bold;
font-family: Arial;
font-style: italic
}
#right_content .sidebox-odd {
background: green
}
#right_content .sidebox-odd {
box-shadow: inset 0 0 20px 10px yellow
}
.sidebox {
color: black;
font-family: Courier, sans-serif;
font-size: 15px
}
h2.user_info_header {
color: black;
margin: 9px 0 2px 6px;
font-weight: bold;
font-family: arial;
font-style: italic;
text-align: underline;
font-size: 15px
}
.valid2 {
color: black;
font-weight: bold
}
.time, div#main a.time, div#main a.comm {
color: black;
font-family: Courier, sans-serif;
text-decoration: none
}
.time, div#main a.time, div#main a.comm {
color: black;
font-family: Arial, sans-serif;
text-decoration: none
}
#right, .sidebox, #right-example- profile, .recomended {
background: green
}
#right, .sidebox, #right-example- profile, .recomended {
box-shadow: inset 0 0 20px 10px yellow
}
.sidebox {
border: 3px double #555555
}
.sidebox .list-of-tags, .sidebox .list-of-tags a {
color: white;
font-family: Courier;
font-size: 15;
font-style: italic;
font-weight: bold;
font-style: italic
}
div#news, div#news_edit {
background: transparent;
display: block;
margin: 0;
overflow: hidden;
padding: 0 0 0 10px;
width: 529px
}
.radius-main-top {
background: transparent;
height: 10px;
width: 539px
}
.half-radius-main-bottom {
background: transparent;
height: 8px;
width: 539px
}
.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
}
div.message div {
font-size: 18px
}
.message-odd .native, .message-odd .foreign {
background: transparent
}
.message-even .native, .message-even .foreign {
background: transparent
}
.message-odd div.entry, .even {
font-family: Courier
}
.message-even div.entry, .odd {
font-family: Courier
}
#main_news {
background: blue;
clear: both;
display: block;
font-size: 11px;
margin: 0;
padding: 5px
}
#main_news {
border: 3px double #CCFFFF
}
.message-odd div.entry, .even {
background: none
}
.message-even div.entry, .odd {
background: none
}
.message-odd div.entry, .even {
color: white
}
.message-even div.entry, .odd {
color: white
}
.like {
background-color: transparent;
background-repeat: no-repeat;
border: medium none;
color: #FFFFFF;
font-size: 13px;
margin: 0 !important;
padding: 0 0 1px
}
a.msg-title, span.msg-title {
color: WHITE;
font-weight: bold;
font-size: 16px;
font-family: arial, sans-serif
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: pink;
clear: both;
display: none;
margin: 5px 5px 10px 3px;
overflow: hidden
}
ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}
ul.comments-list .comment-arrow {
background: transparent
}
.message-wrap .comment-message, #main .private-messages-by-thread .comment-message, #main #system-messages .comment-message {
clear: both;
font-size: 14px;
font-weight: bold;
font-family: verdana;
font-style: italic;
margin-bottom: 5px;
color: #ffffff;
min-height: 10px;
overflow: hidden
}
.author-odd, .author-even, .authors-odd, .authors-even {
background: green;
border: none
}
.sidebox img, .recomended img {
background: yellow;
border: 1px dotted red
}
ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: green
}
ul#tab_content li, ul.my-profile li, ul.user-profile li {
border: 1px dotted yellow
}
ul#tab_content li a, ul.my-profile li a, ul.user-profile li a {
color: #fff000;
font-weight: bold;
font-size: 12px;
font-family: Courier
}

zdjęcie z tła

pilka_nozna__soccer_1920x1200_014.jpg
 

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) ›
 

abbey098
 
Wpis tylko dla właściciela minibloga
Lizzie♥:

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

 

catia1997
 
Wpis tylko dla właściciela minibloga

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

 

melei
 
Wpis tylko dla właściciela minibloga
My-lei:

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

 

madlen1313
 
Wpis tylko dla właściciela minibloga
Wszystko ma swoje wady, zalety ♥:

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

 

shotgunblues
 
Wpis tylko dla właściciela minibloga
Black Leather:

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

 

testowo
 
Gdzie wklejamy kod:

Aby dokonać zmian na blogu,klikamy kolejno:
USTAWIENIA -> WYGLĄD MINIBLOGA i na dole poniżej
WŁASNE STYLE wpisujemy kod...

Teraz zajmiemy sie zmiana wygladu tla bloku wpisow-czyli tego bloku,w ktory wlasnie wpisuje ten tekst...

A wiec prosze wygodnie usiasc a panienki w spodniczkach,niech zaloza nozke na nozke-niech tez cos z tego mam...:D

Za tlo bloku odpowiada ten oto kod:

div#news_editor textarea, div#news_edit_editor textarea {
background: green;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}

1.Aby zmienic kolor tla w BACKGROUND wpisujemy nasz kolor,np.

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

2.Aby zmienic tlo na graficzne musimy najpierw nasz obrazek wrzucic na jakis darmowy serwer a nastepnie w BACKGROUND wpisac jego adres,np.

background: url("jakisserwer.pl/naszplik.jpg");

UWAGA...!!!
Pamietaj aby po url(" a przed jakisserwer.pl wpisac http://

1.Gotowy kod z kolorowym tlem:

div#news_editor textarea, div#news_edit_editor textarea {
background: green;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}

2.Gotowy kod z tlem graficznym:

div#news_editor textarea, div#news_edit_editor textarea {
background: url("klikaj.wen.ru/waz.jpg") repeat-x scroll 0 0 green;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}


...
blokwpisow.JPG
  • awatar ahha: Wpisuję gotowy kod z kolorowym tłem i mi nie działa. Chciałam, żeby blok wpisów był czarny, jednak jak wpisuję ten kod całe uporządkowanie się psuje.
  • awatar minikurs: @ahha: to znaczy jak się psuje...?
  • awatar ahha: Cały układ graficzny się zmienia, strona nie jest podzielona na bloki.
Pokaż wszystkie (24) ›
 

testowo
 
Teraz pokaze jak wstawic obramowanie wokol prawego bloku...
Za to odpowiedzialny jest ten oto kod:

.sidebox{
border: 3px double #555555;
}

Zeby wstawic wlasne obramowanie w BORDER wpisujemy nasze wartosci,np.

border: 2px dotted green; -ten przyklad sprawia iz nasza ramka bedzie grubosci 2px,kropkowana o kolorze zielonym...

Jak juz pisalem w lekcji OBRAMOWANIA,mozemy zmieniac obramowanie na kropkowane,kreskowane,trojwymiarowe itp...

Oprocz tego mozemy wstawic obramowanie tylko lewego boku,badz dowolnych dwoch,trzech lub czterech...

Wiecej o obramowaniach znajdziecie pod tym adresem:

testowo.pinger.pl/m/3883816/obramowania
prawyblokramki.JPG
Pokaż wszystkie (21) ›
 

tukasia
 
tryagain
 
Wpis tylko dla właściciela minibloga
*@* > Ennnnnnd:

Wpis tylko dla Ennnnnnd

 

tukasia
 
Wpis tylko dla właściciela minibloga
*@*:

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

 

confuzed
 
samotnia
 
Wpis tylko dla właściciela minibloga
confuzed > Codziennie niepoznana....:

Wpis tylko dla Codziennie niepoznana....

 

 

Kategorie blogów