• Wpisów:982
  • Średnio co: 1 dzień
  • Ostatni wpis:290 dni temu
  • Licznik odwiedzin:10 725 / 1448 dni
Jesteś niezalogowany. Niektóre wpisy dostępne są tylko dla znajomych.
 
KOD CSS NA ZAOKRĄGLONE ZDJĘCIA W WPISACH

kod:
img {
border-radius: 10px
}
img {
border-radius: 10ex
}
 

 
KOD NA WYŚRODKOWANIE GÓRNEGO MENU

kod:
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
}

 

 
KOD CSS NA BŁYSZCZĄCĄ CZCIONKĘ

kod:
.message-odd div.entry, .even {
text-shadow: 0 0 0.2em pink, 0 0 0.2em pink, 0 0 0.4em pink
}
.message-even div.entry, .odd {
text-shadow: 0 0 0.2em pink, 0 0 0.2em pink, 0 0 0.4em pink
}
 

 
Zwiększamy tekst i liczby pola "licznik odwiedzin"

kod:

#visits {
font-size: 20px;
letter-spacing: 3px
}

PRZED:



PO:

 

 
kody:
#right_content .sidebox-odd {
background: #CC66CC
}
#right, .sidebox, #right-example- profile, .recomended {
background: #CC66CC
}
.sidebox {
border: 3px SOLID #990099
}
h2.login_icon {
background: #CC66CC;
color: black;
font-size: 15px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.sidebox {
color: black;
font-family: brush script std;
font-size: 15px
}
h2.user_info_header {
color: black;
margin: 9px 0 2px 6px;
font-weight: bold;
font-size: 14px
}
h2, .r-about-header {
color: black;
font-size: 13px;
padding: 0;
font-weight: bold
}
.valid2 {
color: black;
font-weight: bold
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: white;
border: #990099 solid 2px;
font: 10px brush script sdt;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}
.time, div#main a.time, div#main a.comm {
color: black;
font-family: brush script sdt;
text-decoration: none
}
.sidebox .column_info {
background-color: #990099;
text-align: left
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px solid #990099;
border-radius: 10px 40px 10px 40px
}
div.profil-info {
background: transparent
}
a:hover {
letter-spacing: 1px
}
.message-odd div.entry, .even {
border: 3px solid #990099
}
.message-even div.entry, .odd {
border: 3px solid #990099
}
.message-odd div.entry, .even {
background: #000000
}
.message-even div.entry, .odd {
background: #000000
}
.message-odd div.entry, .even {
background: white;
font-family: courier ew;
font-style: italic;
color: black
}
.message-even div.entry, .odd {
background: white;
font-family: courier new;
font-style: italic;
color: black
}
.message-odd .native, .message-odd .foreign {
background: transparent
}
.message-even .native, .message-even .foreign {
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
}
main_news {
background: transparent;
clear: both;
display: block;
font-size: 11px;
margin: 0;
padding: 5px
}
a.msg-title, span.msg-title {
color: black;
font-weight: bold;
font-size: 15px;
font-family: brush sript sdt
}
.profile-stats {
border: 2px solid #990099
}
.message-wrap div.message {
text-align: center
}
img {
border-radius: 5px
}
img {
border-radius: 5ex
}
a {
color: #990099;
text-decoration: none
}
.message-odd div.entry, .even {
background: #CC66CC
}
.message-even div.entry, .odd {
background: #CC66CC
}
img:hover {
opacity: 0.6;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
border-radius: 5px;
box-shadow: 5px 5px 5px #000044
}
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;
margin-bottom: 5px;
color: #990099;
min-height: 10px;
overflow: hidden
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: #CC66CC;
clear: both;
display: none;
margin: 5px 5px 10px 3px;
overflow: hidden
}
.textarea-big-bg {
background: transparent;
float: center;
height: 90px;
margin: 4px 4px;
padding: 1px;
width: 400px
}
.profile-stats ul {
background: #cc66cc;
overflow: hidden;
padding: 4px
}
.profile-stats ul li {
border-right: 1px solid #990099;
float: left;
padding: 0 10px;
text-align: center
}
.profile-stats ul li .stats-label {
color: #990099;
display: block;
font-size: 10px;
text-transform: uppercase
}
.profile-stats ul li .stats-count {
color: #990099;
display: block;
font-size: 11px;
font-weight: bold;
font-family: courier new
}
ul#navlist li a, ul#navlist li .link {
color: #990099;
text-align: courier new;
text-decoration: underline
}
ul#navlist li.important a, #after-share li a.myprofile {
color: #990099
}
div#main_news, div#news {
background-color: transparent;
background-color: rgba(255,255,255,0.6);
-ms-filter: "progid: DXImageTransform.Microsoft.Gradient( StartColorStr='#99FFFFFF', EndColorStr='#99FFFFFF' )"
}
:root div#main_news, div#news {
-ms-filter: "none"
}
.radius-main-top, .radius-main-bottom, .half-radius-main-bottom {
opacity: 0.6;
-ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=60)"
}
ul.user-profile li, ul.my-profile li {
background-image: none;
background-color: transparent;
background-color: rgba(255,255,255,0.6);
-ms-filter: "progidXImageTransform.Microsoft.Gradient( StartColorStr='#99FFFFFF', EndColorStr='#99FFFFFF' )"
}
:root ul.user-profile li, ul.my-profile li {
-ms-filter: "none"
}
ul.user-profile li a.current, ul.my-profile li a.current {
background-color: transparent
}
div#left_content .news_content, .last-profile-entry {
background-image: none
}
.author-odd, .author-even, .authors-odd, .authors-even {
border-style: none
}
ul#navlist li {
background-image: none;
background-color: white;
border-radius: 4px;
box-shadow: inset 0 -20px 12px -12px white, 1px 1px 3px black
}
ul#navlist li .arrow, ul#navlist li .arrow:hover {
background-image: none;
padding-right: 0
}
.message a.imgs img {
box-shadow: 0 13px 3px -8px black
}
.message a.imgs {
padding-bottom: 8px
}
.message-wrap div.message {
text-align: center
}
#logo, #adult_logo {
background: none;
float: left;
height: 90px;
margin: 0;
padding: 1px;
width: 193px
}
ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: transparent
}
ul#tab_content li a, ul.my-profile li a, ul.user-profile li a {
color: #990099
}
div.profil-info h2 span {
color: transparent;
font-family: gothic;
left: 10px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: transparent;
font-family: gothic
}
* {
font-family: courier new
}
body, a:hover {
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur273.ani), url(http://cur.cursors-4u.net/cursors/cur-9/cur273.png), progress !important
}



 

 
KOD NA ZAOKRĄGLONE MENU

kod:
.profile-stats ul li .stats-label {
color: #BBBBBB;
display: block;
font-size: 10px;
text-transform: uppercase
}
div.profil-info h2 a {
color: #CC6699;
font-family: courier
}
div.profil-info {
background: white
}
ul#navlist li {
border-radius: 8px
}

efekt:


 

 
KOD NA TŁO GRAFICZNE W NAZWIE BLOGA

kod:

div.profil-info {
background: url(http://67.media.tumblr.com/97379c4b4dcbf65db466ec9a9889ce76/tumblr_nn5w43PcRe1rg3d60o1_400.jpg) repeat-x scroll 0 0 #D8F8F7
}

EFEKT:

 

 
KOD NA OBRAMOWANIE WPISÓW

Ramka podwójna
kod:
.message-odd div.entry, .even {
border: double black
}
.message-even div.entry, .odd {
border: double black
}

efekt:

 

 
KODY:
#right_content .sidebox-odd {
background: #00ffcc
}
#right, .sidebox, #right-example- profile, .recomended {
background: #00ffcc
}
h2.login_icon {
background: #00ffcc;
color: black;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.sidebox {
color: black;
font-family: ghotic;
font-size: 13px
}
h2.user_info_header {
color: black;
margin: 9px 0 2px 6px;
font-weight: bold;
font-size: 13px
}
h2, .r-about-header {
color: black;
font-size: 13px;
padding: 0;
font-weight: bold
}
.valid2 {
color: black;
font-weight: bold
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: white;
border: 3px double black;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}
.sidebox .list-of-tags, .sidebox .list-of-tags a {
color: black
}
.time, div#main a.time, div#main a.comm {
color: black;
font-family: ghotic;
text-decoration: none
}
.sidebox .column_info {
background-color: #00ffcc;
text-align: left
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: none;
border-radius: 10px 10px 10px 10px
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #000000;
border-radius: 10px 10px 10px 10px
}
div.profil-info h2 span {
color: transparent;
font-family: gothic;
left: 10px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: transparent;
font-family: gothic
}
div.profil-info {
background: transparent
}
div#news_editor textarea, div#news_edit_editor textarea {
background: white;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
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-odd div.entry, .even {
background: white
}
.message-even div.entry, .odd {
background: white
}
.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: 13px
}
a.msg-title, span.msg-title {
color: black;
font-weight: bold;
font-size: 17px;
font-family: ghotic
}
.message-odd .native, .message-odd .foreign {
background: transparent
}
.message-even .native, .message-even .foreign {
background: transparent
}
.msg_foot, .comment-meta {
color: black
}
.message-wrap div.message {
text-align: center
}
.img-wrap {
text-align: center
}
.message-wrap div.message embed {
margin-left: 140px
}
.textarea-big-bg {
background: transparent;
float: center;
height: 90px;
margin: 4px 4px;
padding: 1px;
width: 400px
}
textarea {
background: white
}
.message-wrap .comment-message, #main .private-messages-by-thread .comment-message, #main #system-messages .comment-message {
clear: both;
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
color: black;
min-height: 10px;
overflow: hidden
}
ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}
ul.comments-list .comment-arrow {
background: transparent
}
#main_news {
background: transparent;
clear: both;
display: block;
font-size: 11px;
margin: 0;
padding: 5px
}
.like-list AVATAR, .comment .avatar, .citation .avatar {
background: transparent;
border: 3px double black
}
.author-odd, .author-even, .authors-odd, .authors-even {
background: transparent;
border: 3px double black
}
div#login_profil img {
background: transparent;
border: 3px double black
}
#logo, #adult_logo {
background: none;
float: left;
height: 90px;
margin: 0;
padding: 1px;
width: 193px
}
ul#tab_content li, ul.my-profile li, ul.user-profile li {
background: #00ffcc
}
ul#tab_content li a, ul.my-profile li a, ul.user-profile li a {
color: black
}
#right_content .sidebox-odd {
background: #dddddd;
background-color: rgba(255,255,255,0.6);
border-radius: 25px;
border-right: 2px SOLID #FFFFFF;
border-left: 2px solid #FFFFFF
}
#right, .sidebox, #right-example- profile, .recomended {
background: #dddddd;
background-color: rgba(255,255,255,0.5);
border-radius: 25px
}
ul#navlist li {
border-radius: 14px 2px
}
ul#navlist li a, ul#navlist li .link {
color: black;
text-align: center;
text-decoration: underline
}
ul#navlist li.important a, #after-share li a.myprofile {
color: black
}
@font-face {
font-family: "Lobster";
font-style: normal;
font-weight: 400;
src: url(http://themes.googleusercontent.com/static/fonts/lobster/v5/vCLp8V-w9blvRLUVAEogtA.eot?#iefix), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/79Dll_5Rjz0WK-TN_-xljw.ttf)
}
div.profil-info h2 {
font-family: "Lobster", cursive;
font-weight: gothic
}
a.msg-title {
font-family: "Lobster", cursive;
font-weight: gothic;
font-size: 20px
}
h2.login_icon {
font-family: "Lobster", cursive;
font-weight: normal;
font-size: 17px;
background-position: left center
}
h2.user_info_header {
font-family: "Lobster", cursive;
font-weight: gothic;
font-size: 16px
}
.profile-stats ul li .stats-count {
font-family: "Lobster", cursive;
font-weight: gothic;
font-size: 16px
}
.sidebox .column_info {
background-color: transparent;
text-align: left
}
h2.login_icon {
background: transparent;
color: black;
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
.radius-entry-top, .radius-entry-bottom, .pair-radius-entry-top, .pair-radius-entry-bottom {
display: none
}
.message-wrap div.entry {
padding: 6px 5px 4px;
margin: 0;
background-color: white;
/* przezroczysty kolor wpisu */
}
.message-wrap .native, .message-wrap .foreign {
background-image: none;
border-radius: 7px;
/* zaokrąglone narożniki */
border: 1px solid rgba(0,0,250,0.2);
/* ramka wokół wpisu */
box-shadow: 0 0 6px 1px rgb(182,221,220);
/* efekt 'glow' */
}
.message-wrap .native {
width: 436px;
margin: 4px 0 0 13px;
padding: 0
}
.message-wrap .foreign {
width: 346px;
margin: 4px 0 0 5px;
padding: 0
}
.profile-stats ul {
border-radius: 100px 100px 100px 100px
}
.profile-stats {
border: 3px double black
}
.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 solid black;
float: left;
padding: 0 10px;
text-align: center
}
.profile-stats ul li .stats-label {
color: black;
display: block;
font-size: 10px;
text-transform: uppercase
}
.profile-stats ul li .stats-count {
color: black;
display: block;
font-size: 13px;
font-weight: bold;
font-family: ghotic
}
.profile-stats ul li .stats-count .days {
color: black
}
img {
border-radius: 2px
}
img {
border-radius: 2ex
}
a {
color: black;
text-decoration: none
}
button.button-add {
background: white;
/* kolor TŁA */
color: black;
/* kolor tekstu */
border: 3px double black;
/* ramka */
border-radius: 5px;
/* narożniki */
}
button.button-add:hover {
background: lightblue;
/* kolor tła */
color: white;
/* kolor tekstu */
}
.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
}
.sidebox {
text-shadow: 1px 1px 1px black;
box-shadow: inset 0 0 3px 1px black
}
.message-odd div.entry, .even {
border: double black
}
.message-even div.entry, .odd {
border: 3px double black
}
#logo, #adult_logo {
background: url(http://2.bp.blogspot.com/-GpvcM6RRkR0/UpiKhUd2qqI/AAAAAAAABxY/7MwvRCTgY2s/s640/tlo%2Bw%25C5%2582a%25C5%259Bciwe%2521%2521%2521.png) no-repeat scroll 0 0 transparent;
float: left;
height: 300px;
margin: 0;
padding: 1px;
width: 900px
}
body, a:hover {
cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1022.cur), progress !important
}
body, a:hover {
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur273.ani), url(http://cur.cursors-4u.net/cursors/cur-9/cur273.png), progress !important
}





 

 
Jak wam się podoba ? :)








Chcecie abym wstawiła kody na ten wygląd ?
 

 
kody:
div#news, div#news_edit {
background: TRANSPARENT repeat-x scroll 0 0 #000000;
display: block;
margin: 0;
overflow: hidden;
padding: 0 0 0 10px;
width: 529px
}
.message-odd div.entry, .even {
background: TRANSPARENT
}
.message-even div.entry, .odd {
background: TRANSPARENT
}
.sidebox {
background: TRANSPARENT
}
#right_content .sidebox-odd {
background: TRANSPARENT
}
div.profil-info {
background: TRANSPARENT
}
#main_news {
background: TRANSPARENT
}
#main_news {
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
}
.profile-stats ul li .stats-label {
color: white;
display: block;
font-size: 10px;
text-transform: uppercase;
font-weight: bold
}
.message-odd div.entry, .even {
background: TRANSPARENT;
font-family: arial;
font-style: italic;
color: white
}
.message-even div.entry, .odd {
background: TRANSPARENT;
font-family: arial;
font-style: italic;
color: white
}
a.msg-title, span.msg-title {
color: white;
font-weight: bold;
font-size: 20px;
font-family: arial, sans-serif
}
.message-odd .native, .message-odd .foreign {
background: TRANSPARENT
}
.message-even .native, .message-even .foreign {
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: TRANSPARENT
}
textarea {
background: TRANSPARENT
}
ul.comments-list .comment-top {
background: transparent
}
ul.comments-list .comment-bottom {
background: transparent
}
ul.comments-list .comment-content {
border: none
}
ul.comments-list .comment-arrow {
background: transparent
}
div.profil-info h2 span {
color: white;
font-family: ekres;
left: 10px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: white;
font-family: ekres
}
div#news_editor textarea, div#news_edit_editor textarea {
background: white;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #FFFFFF
}
ul#navlist li a, ul#navlist li .link {
color: black;
text-align: center;
text-decoration: underline
}
#inner-wrapper, #left-column {
float: right
}
.profile-stats ul li .stats-count {
color: black;
display: block;
font-size: 14px;
font-weight: bold;
font-family: Arial
}
#logo {
background: transparent;
filter: none;
height: 90px
}

efekt:

  • awatar klarusiae: Śliczne, niestety kodów nie ogarniam nawet jeśli mam je podane :( Zapraszam do mnie
Dodaj komentarz ›/ Pokaż wszystkie (1) ›
 

 
KOD NA PODŚWIETLONE ZDJĘCIA W WPISACH

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



+tabela kolorów
 

 
KOD NA ROZJEŻDŻAJĄCE SIĘ LITERY PO NAJECHANIU NA LINK LUB TYTUŁ WPISU

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

+tło

 

 
ZMIANA WYGLĄDU PRZYCISKU "ODPOWIEDZ" i "DODAJ KOMENTARZ"

-ZMIANA WYGLĄDU PRZYCISKU "ODPOWIEDZ"
kod:
/* przycisk bez wskaźnika myszy */
ul.comments-list .comment-meta .comment-reply{
background: #7DB6F5; /* kolor tła */
color: white; /* kolor tekstu */
font-weight: bold; /* pogrubienie tekstu */
padding: 2px 5px; /* wielkość przycisku */
border-radius: 3px; /* narożniki przycisku */
}

/* przycisk i wskaźnik myszy */
ul.comments-list .comment-meta .comment-reply:hover{
background: white;
color: #478DB3;
}

/* wyświetlenie etykiety */
ul.comments-list .comment-meta .comment-reply span {
visibility: visible;
}

efekt:



-ZMIANA WYGLĄDU PRZYCISKU "DODAJ KOMENTARZ"
Kod:
input.add-comment{
background: #7CB2DE; /* kolor tła */
color: white; /* kolor tekstu */
border: 1px solid gray; /* ramka */
border-radius: 5px; /* narożniki */
margin-left: 50px; /* korekcja położenia */
}

input.add-comment:hover{
background: white; /* kolor tła */
color: #33BBEE; /* kolor tekstu */
}

efekt: