macam mana nak edit background color WP?

[persada]

Uploaded with ImageShack.us


sallam & gud morning to all (cewahhh sepiking london lak pepagi ni..)

ok straight to the ampang point la senang..
macam mana nak edit backgorund color WP ni?
ceq nak tukaq color tu p color lain... biru ke, hijau ke, ungu ke, kelabu asap ke
macam mana eh?

harap ada sudi bantu step by step, ceq tak reti sangat bab-bab macam ni...

*mod kalau dah ada mintak maaf yer

 

[mazri_myie]

main kat CSS dia kot..hehe

 

[persada]

any yang blh bantu?

:-? (

 

[mesir]

any yang blh bantu?

:-? (

bro try tepek file css template tuh kat sini.

 

[persada]

ni ke? banyaknya?

Georgia/*
Theme Name: Cubismo
Theme URI: http://www.colorlightstudio.com/2007/11/20/cubismo/
Description: Free WP Theme by Igor Penjivrag.
Version: 1.3
Author: Igor Penjivrag
Author URI: http://www.colorlightstudio.com/
Tags: cubismo, clean, simple, elegant, two column, fixed width,
*/


html, body {
background: url(img/bg.gif);
font-family: Georgia;
border: 0;
}

body, p, h1, h2, h3, h4, ul, ol, li, form, blockquote {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #559AD3;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

/* Header */

#header {
width: 100%;
height: 6.25em;
padding-top: 10px;
}

#header h2 {
font-size: 30px;
color: #fff;
padding-top: 25px;
font-weight: normal;
}

#header h2 a {
color: #fff;
}

#header h2 a:hover {
color: #ADE166;
text-decoration: none;
}

#header p {
padding-top: 1px;
color: #fff;
font-size: 13px;
color: #8F8F8F;
}

* html #header {
padding-bottom: 20px;
}

/* Wrap */

#wrap {
width: 781px;
margin: 0 auto;
}

#menu {
width: 100%;
font-size: 14px;
position: relative;
}

#menu ul {
width: 100%;
}

#menu li {
display: block;
line-height: 2.5em;
float: left;
margin-right: 10px;
background: url(img/menu_left_bg.gif) no-repeat left;
font-weight: bolder;
}

#menu li a {
line-height: 2.5em;
display: block;
background: url(img/menu_bg_right.jpg) repeat-x right;
margin-left: 1px;
color: #fff;
padding-left: 19px;
padding-right: 20px;
}

#menu li.current_page_item, #menu li.current_page_item a {
background: #fff;
color: #559AD3;
}

#menu li.current_page_item a:hover {
text-decoration: none;
}

/* Login (menu) */

#login {
/* float: right; */
position: absolute;
right: 0px;
top: 15px;
font-size: 11px;
color: #8F8F8F;
/* padding-top: 15px; */
}

/* Page Description */

#page_desc {
width: 100%;
height: 3.1em;
font-size: 14px;
padding-bottom: 10px;
background: #EEEEEE;
}

#page_desc #text {
padding-left: 20px;
height: 3.1em;
float: left;
width: 499px;
background: #fff;
}

#page_desc p {
padding: 12px 0px;
}

/* Search */

#search_top {
float: right;
width: 262px;
height: 3.1em;
background: #fff;
}

#search_top form {
margin-top: 0.65em;
position: relative;
}

#search_top input.sfield {
background: #fff;
border: #B8C7DA 1px solid;
width: 159px;
height: 21px;
font-size: 13px;
padding: 3px 2px 0 3px;
}

#search_top input.sbutton {
position: absolute;
top: 0;
left: 180px;
}

/* Content */

#content_wrap {
background: #EEEEEE url(img/content_wrap_bg.gif) repeat-y;
padding: 0 16px;
width: 749px;
}

#content {
width: 486px;
float: left;
}

#content h2 {
font-size: 15px;
}

#content p {
font-size: 13px;
line-height: 20px;
padding: 10px 0;
}

#content ul, #content ol {
padding: 0.5em 2.5em;
font-size: 13px;
}

#content ul li {
background: url(img/bullet.gif) no-repeat 0 0.6em;
line-height: 20px;
padding-left: 25px;
list-style: none;
}

#content ol {
margin-left: 1.4em;
}

#content ol li {
background: none;
padding-left: 7px;
line-height: 20px;
}

#content blockquote {
background: #F9F9F9;
border-bottom: #EEEEEE 1px solid;
border-left: 1px solid #EEEEEE;
font-size: 13px;
color: #737373;
padding: 0 10px;
width: 87%;
margin: 10px auto;
line-height: 20px;
}

/* Content (img align) */

#content img {
border: #BBBBBB 1px solid;
padding: 2px;
}

.aligncenter {
margin: 10px auto 20px auto;
display: block;
}

.alignleft {
margin: 10px 10px 8px 0;
float: left;
}

.alignright {
margin: 10px 0px 8px 10px;
float: right;
}


/* Caption */

#caption {
width: 100%;
height: 1.9em;
background: #fff;
}

#caption h2 {
width: 250px;
float: left;
line-height: 1.9em;
padding-left: 18px;
}

#m_post {
width: 200px;
float: right;
height: 31px;
position: relative;
background: url(img/caption_m_posts.gif) no-repeat 130px 8px;
}

#m_post span {
display: none;
}

#m_post .o_entries a {
position: absolute;
right: 53px;
top: 8px;
display: block;
width: 17px;
height: 15px;
background: url(img/caption_o_entries.gif) no-repeat;
}

#m_post .r_entries a {
position: absolute;
right: 21px;
top: 8px;
display: block;
width: 17px;
height: 15px;
background: url(img/caption_r_entries.gif) no-repeat;
}

#m_post a:hover {
background-position: 0 -15px;
text-decoration: none;
}

#m_post a:hover span {
display: block;
font-size: 11px;
color: #2E2E2E;
position: absolute;
top: 0;
}

#m_post .o_entries a:hover span {
left: -100px;
}

#m_post .r_entries a:hover span {
left: -130px;
}

/* Post */

.post {
background: #fff;
margin-top: 15px;
padding: 5px 15px 15px 15px;
height: 1%;
}

#page_post {
margin-top: 0px;
}

#page_post h2 {
color: #A52A2A;
}

.post h2 {
padding: 10px 0;
}

.post h2 a {
color: #A52A2A;
}

.post p a {
text-decoration: underline;
}

.post p a:hover {
text-decoration: none;
}

.post p.tags {
padding: 0 0 10px 1px !important;
font-size: 11px !important;
margin-top: -8px;
color: #636363;
}

.post p.tags b {
padding-right: 5px;
}

.post p.tags a {
color: Black;
text-decoration: none;
}

.post p.tags a:hover {
text-decoration: underline;
}

.post_details {
padding: 0 15px;
background: #fff;
clear: both;
}

.post_details p {
padding: 5px 0;
margin-top: 1px;
font-size: 12px !important;
}

.post_details p a {
text-decoration: none;
}

.post_details p a:hover {
text-decoration: underline;
}


/* More Posts */

#more_posts {
background: #fff;
padding: 10px 15px;
margin-top: 15px;
font-size: 12px;
}

/* Comments */

.comments_caption {
width: 100%;
background: #fff;
margin-top: 15px;
}

.comments_caption h2 {
padding-left: 15px;
line-height: 2em;
}

.comment_wrap {
background: #fff;
margin-top: 15px;
position: relative;
}

.comment_wrap p {
font-size: 13px !important;
}

.comment_wrap_head {
padding: 0 15px;
}

.comment_wrap img.gravatar {
float: right;
margin-top: 5px;
margin-right: -8px;
border: 0 !important;
position: relative;
}

.comment_wrap_head p {
padding: 7px 0 !important;
font-size: 12px !important;
}

.comment_wrap_head b {
font-size: 13px;
}

.comment_wrap_head span {
color: #898989;
font-size: 11px;
}

.comment_wrap_post {
padding: 5px 0;
border-top: #EEEEEE 1px solid;
clear: both;
}

.comment_wrap_post p {
padding: 10px 15px !important;
}

#leave_a_comment_wrap {
width: 100%;
margin-top: 15px;
}

.leave_a_comment {
background: #fff;
width: 170px;
text-align: center;
float: left;
}

.leave_a_comment h2 {
line-height: 30px;
}

.trackback_rss {
float: right;
padding-right: 15px;
padding-top: 8px;
width: 210px;
position: relative;
}

.trackback_rss p {
padding: 0 !important;
font-size: 11px !important;
}

#comment_form {
background: #fff;
padding: 11px 0;
clear: both;
}

#content form {
background: #FAFAFA;
width: 445px;
border: #EDEDED 1px solid;
padding: 15px 0 15px 15px;
margin: 0 auto;
}

#content form p {
padding: 0px 0 5px 0;
line-height: 20px;
}

#content input {
border: #EEEEEE 1px solid;
background: #fff;
padding: 5px;
font-size: 15px;
font-family: Georgia;
}

#content input.data {
width: 184px;
}

#content textarea {
border: #EEEEEE 1px solid;
width: 415px;
height: 170px;
padding: 3px;
font-size: 15px;
font-family: Georgia;
}

#content input.sbutton {
margin-top: 3px;
}

/* Sidebar */


#sidebar {
width: 216px;
float: right;
padding: 15px;
}

#sidebar h2 {
font-size: 13px;
color: #75A546;
padding: 10px 0;
line-height: 18px;
}

#sidebar p, #sidebar li {
font-size: 12px;
}

#sidebar p {
padding: 10px 0;
line-height: 20px;
}

#sidebar ul {
list-style: none;
}

#sidebar ul ul {
padding: 10px 0;
list-style: none;
}

#sidebar ul ul ul {
padding: 0;
}

#sidebar ul li ul li {
background: url(img/bullet.gif) no-repeat 0 9px;
padding-left: 23px;
line-height: 23px;
}

/* Widgets */

.textwidget {
line-height: 20px;
padding: 10px 0;
}

#wp-calendar {
padding: 10px 0 10px 10px;
}

#wp-calendar caption {
margin: 10px 0px;
border-bottom: 0;
}

#wp-calendar td {
margin: 0;
padding: 3px 5px;
}

#wp-calendar td#today {
background: #EEEEEE;
}

/* Footer */

#footer {
background: #fff;
height: 2.7em;
border-top: #EEEEEE 15px solid;
border-bottom: #EEEEEE 15px solid;
clear: both;
}

#footer ul {
width: 490px;
float: left;
padding: 10px 0px 0 10px;
}

#footer li {
display: inline;
list-style: none;
}

#footer li a {
display: block;
float: left;
line-height: 24px;
font-size: 12px;
padding: 0 6px;
margin-right: 19px;
color: #2E2E2E;
}

#footer li.current_page_item a {
color: #fff;
background: #5EA3DB;
}

#footer p {
width: 100px;
float: right;
font-size: 11px;
line-height: 3.5em;
}

#footer p a {
color: #A52A2A;
}

/* Copyright */

#copyright {
width: 781px;
margin: 0 auto;
text-align: center;
font-size: 11px;
padding: 15px 0 25px 0;
color: #8F8F8F;
}

#copyright p {
line-height: 19px;
}


/* Fix */

#menu:after,
#menu ul:after,
#content_wrap:after,
#footer:after,
#leave_a_comment_wrap:after,
.post:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

 

[persada]

help...help...

 

[ez008]

cuba tgk dlm folder img file bg.gif (img/bg.gif)

buat file bg.gif baru yg color bro suka..
buat backup bg.gif than edit or buat baru file tu..

lepas tu letak new file td dekat folder img.. dan tgk la hasilnya

kena try n error le..

 

[amirul28]

Bro ni pakai WordPress version 3.0 ke atas tak?

Kalau pakai version ni sebenar tak susah nak tukar background tu.

Cuba bro refer video ni :

http://www.wonderhowto.com/how-to-change-background-wordpress-3-0-blog-409045/

Kalau tak dapat jugak PM saya, saya akan bantu,

 

[ez008]

kalau guna firefox install addon color zilla..
senang detect color code di web than cek kat css file..
tuk tujuan edit.. dan apa2 la pasal color..

 

[persada]

dah cuba, dapat tukar tapi...
nampak pelik je... (