Wpisy oznaczone tagiem "888888" (14)  

kodycssnawszystko
 
Kod to:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: #888888;
}

Aby zmienic kolor tla w BACKGROUND wpisujemy wybrany przez nas kolor,np.
background: red; lub background: #fff999;


Mojego kodu nie pokaże :P Nie ściągniecie :P

Do każdego wpisu będę dodawała jakieś zdjęcie, dzisiaj trafiło się na Indile :)
 

wygladylenaizzie
 
Cześć miśki <33 Tutaj ~~Diego <33 , przepraszam że taaaak długo mnie nie było , ale wiecie... no szkoła kur*a ;C Nauki mam dość , i dobrze że jest piątek ;D

*WYNAGRODZĘ WAM ZA TĄ NIEOBECNOŚĆ SZARYM WYGLĄDEM ;)

*EFEKT*Z MOJEGO BLOGA (2)*
wyg.png


.sidebox .column_info {
background: white
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: #ffccee
}
div.profil-info {
background: white
}
#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
}
.message-odd .native, .message-odd .foreign {
background: transparent
}
.message-even .native, .message-even .foreign {
background: transparent
}
.comments-list-short ul.short-list {
background: white
}
.message-wrap .likes-wrap, .message-wrap .ajax-comment, .similar-list, .message-wrap .wikis-wrap, .comments-list-short .comments-list {
background: white
}
textarea {
background: white
}
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
}
.message-odd div.entry, .even {
border: 2px solid #888888
}
.message-even div.entry, .odd {
border: 2px solid #888888
}
* {
font-family: courier
}
body {
opacity: 0.9
}
.message-odd div.entry, .even {
background: white
}
.message-even div.entry, .odd {
background: white
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #888888;
border-radius: 100px 100px 100px 100px
}
#logo, #adult_logo {
background: none;
float: left;
height: 90px;
margin: 0;
padding: 1px;
width: 193px
}
.message-wrap div.message {
text-align: center
}
button.button-add {
background: lightwhite;
/* kolor tła */
color: #888888;
/* kolor tekstu */
border: 1px solid #888888;
/* ramka */
border-radius: 5px;
/* narożniki */
}
button.button-add:hover {
background: lightwhite;
/* kolor tła */
color: white;
/* kolor tekstu */
}
div.profil-info h2 span {
color: white
}
div.profil-info h2 a {
color: #888888
}
h2, .r-about-header {
color: #888888;
font-size: 12px;
padding: 0;
font-weight: bold
}
.sidebox {
border: 3px double #888888
}
.profile-stats ul {
background: white;
overflow: hidden;
padding: 4px
}
.profile-stats ul li {
border-right: 1px dotted #888888;
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: #888888;
display: block;
font-size: 14px;
font-weight: bold
}
.profile-stats ul li .stats-count .days {
color: #888888
}
ul#navlist li a, ul#navlist li .link {
color: #888888;
text-align: center;
text-decoration: underline
}
ul#navlist li.important a, #after-share li a.myprofile {
color: #888888
}
ul#tab_content li, ul.my -profile li, ul.user-profile li {
background: white
}
ul#tab_content li a, ul.my -profile li a, ul.user-profile li a {
color: #888888
}
input.add-comment {
background: #888888;
/* kolor tła */
color: white;
/* kolor tekstu */
border: 1px solid white;
/* ramka */
border-radius: 5px;
/* narożniki */
margin-left: 50px;
/* korekcja położenia */
}
input.add-comment:hover {
background: white;
/* kolor tła */
color: #888888;
/* kolor tekstu */
}
ul.comments-list .comment-meta .comment-reply {
background: #888888;
/* kolor tła */
color: white;
/* kolor tekstu */
font-weight: bold;
/* pogrubienie tekstu */
padding: 2px 5px;
/* wielkość przycisku */
border-radius: 3px;
/* narożniki przycisku */
}
ul.comments-list .comment-meta .comment-reply:hover {
background: #888888;
color: white
}
ul.comments-list .comment-meta .comment-reply span {
visibility: visible
}
.time, div#main a.time, div#main a.comm {
color: #888888;
font-family: Courier New;
text-decoration: none;
text-weight: bold
}
.sidebox .list-of-tags, .sidebox .list-of-tags a {
color: #888888;
font-family: Courier New;
font-size: 16;
font-weight: bold
}
.valid2 {
color: #888888;
font-weight: bold
}
.sidebox {
color: black;
font-family: Courier New;
font-size: 12px
}
h2.login_icon {
color: #888888;
font-size: 16px;
font-weight: bold;
font-family: Courier New
}
.author-odd, .author-even, .authors-odd, .authors-even {
background: transparent;
border: black 2px double
}
#user-last-videos h2, #user-last-images h2 {
font-family: Courier New;
margin: 0;
text-align: center;
font-size: 20px;
color: #888888
}
.last-files .more {
font-family: Courier New;
font-weight: bold
}
p.more a {
color: #888888
}
#user-last-images, .last-files {
background-color: #888888;
margin: 0 2px;
overflow: hidden;
padding: 3px
}
.sidebox {
border: 3px solid #888888
}
.sidebox {
background: white
}
#right_content .sidebox-odd {
background: white
}
.sidebox .column_info {
background: #888888
}
.like-list .avatar, .comment .avatar, .citation .avatar {
background: none repeat scroll 0 0 transparent;
border: 3px double #888888;
border-radius: 100px 100px 100px 100px
}
.author-odd, .author-even, .authors-odd, .authors-even {
background: none repeat scroll 0 0 transparent;
border: 3px double #888888;
border-radius: 100px 100px 100px 100px
}
.like {
background-color: transparent;
background-repeat: no-repeat;
border: medium none;
color: #888888;
font-size: 11px;
margin: 0 !important;
padding: 0 0 1px
}
.msg_foot, .comment-meta {
color: #888888
}
#footer_menu, .choose-page {
background: white
}
ul#sites li a {
color: #888888;
display: block;
margin: 2px;
padding: 1px 6px;
font-family: Courier New
}
div#footer_menu a.prev_next {
color: #ffccee;
display: block;
float: left;
font-weight: bold;
height: 16px;
margin: 0;
padding: 0;
text-decoration: none
}
div#footer_menu p {
color: white;
float: left;
margin: 4px 0 0;
padding: 1px
}
ul#sites li a#current_page {
background: white;
color: #888888;
text-decoration: none
}
ul#sites li a {
background: none repeat scroll 0 0 transparent;
border: 3px double #888888;
border-radius: 100px 100px 100px 100px
}
ul#sites li {
color: #888888
}
.last-files .last-files-outer {
background-image: none;
background-color: white
}
.last-files .more {
background-color: white;
background-image: none;
margin: 0;
padding: 0 7px 7px
}
.user-localizations .loc .loc-inner .loc-top, #user-last-videos h2, #user-last-images h2 {
background-color: white;
background-image: none
}
.message-wrap .news-tags .tags-wrapper {
background: transparent
}
.news-tags a {
color: #888888
}
div.profil-info {
background: white
}
a {
color: #888888;
text-decoration: none
}
#main {
color: #888888;
text-decoration: none
}
.link {
color: #888888;
text-decorarion: none
}
a.imgs img {
border: medium none;
border-radius: 8px
}
a.msg-title, span.msg-title {
color: #888888;
font-weight: bold;
font-size: 20px;
font-family: Courier New
}
.profile-stats ul li .stats-count {
text-shadow: 0 0 0.2em #ffccee, 0 0 0.2em #888888, 0 0 0.4em white
}
div.profil-info {
text-shadow: 0 0 0.2em #ffccee, 0 0 0.2em #888888, 0 0 0.4em white
}
a.msg-title, span.msg-title {
text-shadow: 0 0 0.2em #ffccee, 0 0 0.2em #888888, 0 0 0.4em white
}
#user-last-videos h2, #user-last-images h2 {
text-shadow: 0 0 0.2em #ffccee, 0 0 0.2em #888888, 0 0 0.4em white
}
h2.login_icon {
text-shadow: 0 0 0.2em #ffccee, 0 0 0.2em #888888, 0 0 0.4em white
}

*AVEK*

Lodovica_Comello_Photoshoot_2014.jpg


*TŁO*

tlo.jpg


PS : WYGLĄ ROBIONY TYDZIEŃ TEMU ;)

I jak ?
Piszcie propozycje w komentarzach :*

~~Diego <33
Pokaż wszystkie (3) ›
 

majka735735
 
Kody CSS:

Zmieniamy tło wyszukiwarek po lewej stronie
za to odpowiedzialny jest ten kod:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: #888888;
}

Aby zmienic kolor tla w BACKGROUND wpisujemy wybrany przez nas kolor,np.

background: red; lub background: white; lub background: #fff999;

Zmieniamy górne tło nad licznikiem:
Za to odpowiedzialny jest ten kod:

div.profil-info {
background: blue;
}

Zmieniamy tło okna wpisów:

Za to odpowiedzialny jest ten kod:

div#news_editor textarea, div#news_edit_editor textarea {
background: #fff000;
}


Tapety na waszego bloga:



vvv.jpg


jhhnj.jpg


indeksa.jpg


indeks.jpg


images.jpg


f.jpg


dfdf.jpg


c.jpg


afefa.jpg


Mam nadzieję , że tapety się podobają , a kody się przydadzą ;)
 

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

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

 

gotowe.wyglady
 
Nowy wygląd do skopiowania:
capture-20140806-143344.png

#left_content {
font-family: Arial, Sans-Serif;
text-align: justify
}
.sidebox {
border: 1px solid #EFEFEF;
font-size: 11px;
margin: 0 0 11px;
overflow: hidden;
width: 194px
}
.time, div#main a.time, div#main a.comm {
color: #424242;
font-family: "Century Gothic", arial;
text-decoration: none
}
a, .link, #main .private-messages-by-thread a {
color: #4F4F4F;
font-family: "Georgia", arial;
text-decoration: none
}
div#news_editor textarea, div#news_edit_editor textarea {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
div.news-attachment {
border: 1px solid #F4F4F4;
clear: both;
display: block;
margin: 4px 8px 4px 0;
overflow: hidden;
padding: 2px
}
div#news_edit_editor {
-moz-border-radius: 4px 4px 4px 4px;
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #F1F1F1;
margin: 0 8px 0 0;
width: 521px
}
div#login_profil img {
border: 2px solid #DDDDDD;
float: left;
padding: 2px;
width: 64px
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CFCFCF;
margin: auto;
padding: 2px
}
.sidebox {
border: 1px solid #EFEFEF;
font-size: 11px;
margin: 0 0 11px;
overflow: hidden;
width: 194px
}
.sidebox .column_info {
background-color: transparent;
margin-bottom: 3px;
overflow: hidden;
padding: 2px 0 2px 16px;
text-align: left
}
ul#news_menu, ul#news_edit_menu {
background: none repeat scroll 0 0 transparent
}
.message-odd .native .radius-entry-bottom {
background: none repeat scroll 0 0 transparent
}
.message-odd .native .radius-entry-bottom {
background: none repeat scroll 0 0 transparent
}
.message-even .native .radius-entry-top {
background: none repeat scroll 0 0 transparent
}
.message-even .native .radius-entry-bottom {
background: none repeat scroll 0 0 transparent
}
.author-odd img, .authors-odd img, .author-even img, .authors-even img {
border: 2px solid #CFCFCF;
padding: 2px;
width: 64px
}
.author-odd img, .authors-odd img, .author-even img, .authors-even img {
border: 2px solid #CFCFCF;
padding: 2px;
width: 64px
}
a, .link, #main .private-messages-by-thread a {
color: #D91818;
font-family: "Century Gothic", arial;
text-decoration: none
}
div#news_editor textarea, div#news_edit_editor textarea {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
font-size: 16px;
height: 160px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
div.news-attachment {
border: 1px solid #F4F4F4;
clear: both;
display: block;
margin: 4px 8px 4px 0;
overflow: hidden;
padding: 2px
}
div#news_edit_editor {
-moz-border-radius: 4px 4px 4px 4px;
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #F1F1F1;
margin: 0 8px 0 0;
width: 521px
}
.time, div#main a.time, div#main a.comm {
color: #424242;
font-family: "Century Gothic", arial;
text-decoration: none
}
.sidebox {
border: 1px solid #EFEFEF;
font-size: 11px;
margin: 0 0 11px;
overflow: hidden;
width: 194px
}
div#news_editor, div#news_edit_editor {
-moz-border-radius: 4px 4px 4px 4px;
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #F4F4F4;
margin: 0 8px 0 0;
width: 521px
}
div.profil-info {
float: left;
margin-left: 2px;
min-height: 69px;
overflow: hidden;
width: 463px
}
div.profil-info {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CFCFCF
}
#right_content .sidebox-odd {
background-color: #CFCFCF
}
.sidebox img, .recomended img {
background: none repeat scroll 0 0 #444444;
border: 1px solid #CFCFCF;
margin: auto;
padding: 2px
}
h2, .r-about-header {
color: #777777;
font-size: 12px;
font-weight: bold;
padding: 0
}
.message-odd .native .radius-entry-top {
background: none repeat scroll 0 0 transparent
}
.message-odd .native, .message-odd .foreign {
background: none repeat scroll 0 0 transparent
}
.message-even .native, .message-even .foreign {
background: none repeat scroll 0 0 transparent
}
a.imgs img {
-moz-box-shadow: 1px 1px 8px #CFCFCF;
border: 1px solid #FFFFFF
}
.message-even div.entry, .odd {
-moz-box-shadow: 0 3px 15px -5px #888888;
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #CCCCCC
}
.message-odd div.entry, .even {
-moz-box-shadow: 0 3px 15px -5px #888888;
background: none repeat scroll 0 0 transparent;
border: 2px solid #CCCCCC
}
#right_content .sidebox-odd {
background-color: #f4f4f4;
background-image: none
}
a.msg-title, span.msg-title {
color: #D91818;
font: 25px "Georgia", bold;
text-decoration: none
}
#left_content {
font-family: "Century Gothic", Sans-Serif;
text-align: justify
}
.sidebox ul.list_of_users a.avatar img, ul.list_of_users a.avatar img {
border: medium none;
margin: 0;
overflow: hidden;
padding: 1px;
width: 30px
}
.profile-stats ul li .stats-count {
color: #303030;
display: block;
font-size: 13px;
font-weight: bold
}
.message-wrap .news-tags .tags-wrapper {
background-color: #FFFFFF;
opacity: 0.3;
padding: 2px
}
.like-list .avatar, .comment .avatar, .citation .avatar {
border: medium none;
color: #EDEDED;
margin-right: 0;
width: 31px
}
.message-wrap .message p {
margin-left: 0;
margin-right: 5px;
margin-top: 0;
padding: 0;
text-align: center
}
div#news_editor textarea, div#news_edit_editor textarea {
background: none repeat scroll 0 0 #EDEDED;
border: medium none;
font-size: 16px;
height: 360px;
line-height: 1.2em;
overflow-y: scroll;
top: 0;
width: 520px
}
.message-wrap div.message {
text-align: center
}
 

szablonikdlaciebie
 
1.JPG



body {
opacity: 0.6
}
.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
}
#logo, #adult_logo {
background: none;
float: left;
height: 90px;
margin: 0;
padding: 1px;
width: 193px
}
div#login_profil img {
border: none;
float: left;
padding: 0;
width: 0
}
div.profil-info {
width: 536px
}
.profile-stats {
margin-left: 2px
}
.message-odd div.entry, .even {
background: transparent
}
.message-even div.entry, .odd {
background: transparent
}
#main_news {
background: transparent
}
div#left_content .news_content, .last-profile-entry {
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 .native, .message-odd .foreign {
background: transparent
}
.message-even .native, .message-even .foreign {
background: transparent
}
div.message div {
font-size: 27px
}
.message-odd div.entry, .even {
font-family: Georgia;
font-style: italic
}
.message-odd div.entry, .even {
color: white
}
.message-even div.entry, .odd {
font-family: Georgia;
font-style: italic
}
.message-even div.entry, .odd {
color: white
}
.like {
background-color: transparent;
background-repeat: no-repeat;
border: medium none;
color: red;
font-size: 20px;
margin: 0 !important;
padding: 0 0 1px
}
.msg_foot, .comment-meta {
color: green
}
.message-wrap div.message embed {
margin-left: 80px
}
a.msg-title, span.msg-title {
color: RED;
font-weight: bold;
font-size: 16px;
font-family: Georgia, sans-serif
}
div.profil-info {
background: transparent
}
.author-odd, .author-even, .authors-odd, .authors-even {
background: green;
border: 2px groove red
}
.sidebox img, .recomended img {
background: black;
border-left: 1px dotted red;
border-right: 1px dotted red;
border-top: none;
border-bottom: none
}
ul#navlist li span.item {
background: transparent;
font-style: italic;
font-family: Georgia;
font-weight: bold;
font-size: 12px
}
.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 .stats-count .days {
color: yellow
}
.profile-stats ul li .stats-label {
color: yellow;
display: block;
font-size: 11px;
text-transform: uppercase
}
.profile-stats ul li .stats-count {
color: yellow;
display: block;
font-size: 12px;
font-weight: bold;
font-family: Arial
}
div.profil-info h2 span {
color: red;
font-family: gothic;
left: 10px;
position: absolute;
top: 7px;
z-index: -1
}
div.profil-info h2 a {
color: transparent;
font-family: gothic
}
h2.login_icon {
background: transparent;
color: white;
font-size: 24px;
font-weight: bold;
margin-bottom: 3px;
padding: 1px 0 0 20px
}
#right_content .sidebox-odd {
background: transparent
}
#right, .sidebox, #right-example- profile, .recomended {
background: transparent
}
#right, .sidebox, #right-example- profile, .recomended {
box-shadow: inset 0 0 20px 10px purple
}
.sidebox {
color: white;
font-family: gothic, sans-serif;
font-size: 15px
}
h2.user_info_header {
color: pink;
margin: 9px 0 2px 6px;
font-weight: bold;
font-family: gothic;
font-style: italic;
text-align: underline;
font-size: 19px
}
.time, div#main a.time, div#main a.comm {
color: green;
font-family: Arial, sans-serif;
text-decoration: none
}
input#search-username, input#search-msg, input#search-msg-by-tag {
background: #888888;
border: #222222 solid 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}
p.gg_right {
height: 16px;
font-size: 13px;
text-align: left;
backround: FFFF66
}
.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: 14px;
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
}
.textarea-big-bg {
background: transparent;
float: center;
height: 90px;
margin: 4px 4px;
padding: 1px;
width: 400px
}
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: red;
font-weight: bold;
font-size: 12px;
font-family: Courier;
font-style: italic
}
ul#navlist li {
background: #00CCFF
}
ul#navlist li a, ul#navlist li .link {
color: #330066;
text-align: center
}
ul#navlist li.important a, #after-share li a.myprofile {
color: #FFFFFF
}
#main_news {
box-shadow: inset 0 0 20px 10px purple
}
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
}

zdjęcie z tła :


308237.jpg
 

lubiedrinyjakmaliny
 

Wpis tylko dla użytkowników pinger.pl

 

testowo
 
Zmienimy teraz tło wyszukiwarek...

Przed zmianami wygląda to tak:

Kliknij żeby powiększyć:
Ashampoo_Snap_2013.09.07_13h16m39s_005_.png


Za to odpowiedzialny jest ten kod:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: #888888;
}

Aby zmienic kolor tla w BACKGROUND wpisujemy wybrany przez nas kolor,np.

background: red; lub background: white; lub background: #fff999;

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.07_13h20m53s_006_.png


Gotowy kod do wklejenia:

input#search-username, input#search-msg, input#search-msg-by-tag {
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...
 

damianowa
 
Wpis tylko dla właściciela minibloga

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

 

damianowa
 
Wpis tylko dla właściciela minibloga

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

 

damianowa
 
Wpis tylko dla właściciela minibloga

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

 

damianowa
 
Wpis tylko dla właściciela minibloga

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

 

redhair
 
samotnia
 
Wpis tylko dla właściciela minibloga
Akage-chan 赤毛 > Codziennie niepoznana....:

Wpis tylko dla Codziennie niepoznana....

 

testowo
 
Zmienimy teraz tlo,obramowanie oraz czcionke wyszukiwarek SZUKAJ BLOGOW,SZUKAJ WPISOW PO TAGU,SZUKAJ W TRESCI-ktore znajduja sie na dole prawego bloku...
Za to odpowiedzialny jest ten kod:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: #888888;
border: #222222 solid 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}

1.Zmieniamy tlo...

-Aby zmienic kolor tla w BACKGROUND wpisujemy wybrany przez nas kolor,np.

background: red; lub background: white; lub background: #fff999;

-Aby zmienic tlo na graficzne w BACKGROUND wstawiamy adres do naszego obrazka,np.

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

PAMIETAJ- zeby za url(" a przed jakisserwer.pl wpisac http://

-Aby zmienic tlo na przezroczyste w BACKGROUND wpisujemy TRANSPARENT:

background: transparent;

2.Zmieniamy obramowanie...

-Aby zmienic obramowanie w BORDER wpisujemy nasz kolor,grubosc oraz rodzaj obramowania...np.

border: red dotted 1px;  -jest to obramowanie kropkowane w kolorze czerwonym o grubosci 1px...

O rodzajach obramowan pisalem w poprzedniej lekcji...

3.Zmieniamy czcionke...

-Aby zmienic czcionke,mozemy wpisac kod na dwa sposoby...

Przyklad 1.

color: red; -kolor czcionki,
font-weight: bold; -czcionka pogrubiona,
font-family: arial; -rodzaj czcionki,
font-size: 15px; -wielkosc czcionki,
font-style: italic; -czcionka pochylona,
text-decoration: underline; -podkreslenie tekstu...

Przyklad 2.

font: red bold arial italic 15px;
text-decoration: underline;

W obu przypadkach kody wprowadzaja te same wartosci...

Podstawowy kod gotowy do wklejenia:

input#search-username, input#search-msg, input#search-msg-by-tag {
background: black;
border: red dotted 1px;
font: 10px gothic;
height: 19px;
margin: 0 0 0 6px;
padding: 2px 0 0 2px;
width: 173px
}

Mozemy rowniez zmienic szerokosc i wysokosc pol wpisu...

height:19px; -odpowiada za wysokosc pola wpisu...

width: 173px; -odpowiada za szerokosc pola wpisu...

Wystarczy ze wstawimy nasze wielkosci tych pol i po problemie...
wyszukiwarki.JPG
  • awatar KASZMIRKA: ooo co my tu mamy?... testowy blog... się zainteresuje;)
  • awatar my pink sugar: dziękuje twoje rady okazały się bardzo pomocne:)
  • awatar Tala †: niestety ta lekcja u mnie nie działa.
Pokaż wszystkie (8) ›
 

 

Kategorie blogów