wmaraci reklam
lidertakipci

tema arkaplanı

3 Mesajlar 598 Okunma
advertseo
wmaraci reklam

yuem yuem WM Aracı Kullanıcı
  • Üyelik 29.01.2013
  • Yaş/Cinsiyet 37 / E
  • Meslek ...
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 128
  • Beğeniler 31 / 4
  • Ticaret 1, (%100)
temanın arka plan rengi mavi.değiştirmek için hangi kısmın renk kodunu değiştirmem gerekecek?


/*


/*------------ Reset CSS -------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: top;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

@font-face {
font-family: 'neosansproregular';
src: url('font/neosansproregular.eot');
src: url('font/neosansproregular.eot?#iefix') format('embedded-opentype'),
url('font/neosansproregular.woff') format('woff'),
url('font/neosansproregular.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

body { background: #0066CC url(images/bg.gif) repeat-x; margin: 0; font-family:PT Sans; font-size: 12px; }


a { color:#20588C; text-decoration:none; }

a:hover { color:#FF6600; /*#FF8000;*/ }

h1 {font-size: 18px; color:#224477;}
h2 {font-size: 16px; color:#006699;}
h3 {font-size: 15px; color:#006699;}
h4 {font-size: 14px; color:#006699;}
h5 {font-size: 13px; color:#006699;}

h1,h2,h3,h4,h5 {margin:10px 0 5px 0; /*font-family:neosansproregular;*/ font-weight:bold;}

hr {background-color:#2DADDC; color:#2DADDC; height:1px; margin:10px 0; }

#wrap {
margin:15px auto;
width:980px;
background:#fff;
border-radius:5px;
/*box-shadow: 0 0 10px #fff;
-moz-box-shadow: 0 0 10px #fff;
-webkit-box-shadow: 0 0 10px #fff;*/
}

#main { padding:15px; color:#333444; }

#header { margin-bottom:15px;}

#logo { float:left; width:350px; /*height:105px;*/ }

#headright { float:right; width:600px; }

.toolbar { text-align:right; margin-top:-19px;}

/*.topbanner{ background: url(images/hdbanner.jpg) no-repeat; width:600px; text-align:left; height: 80px; margin-top:10px;} */
.topbanner{
background: #DDDDDD;
float: right;
height: 60px;
margin-top: 10px;
text-align: left;
width: 468px;
}


/* ------------ Ana Menu ------------- */

#menu {
height:40px;
line-height:40px;
/*padding:0 10px;*/
border-radius:5px;
background-color: #019AD2;
background-image: -moz-linear-gradient(top, #007DD5, #004275); /*#2daddc, #0271bf*/
background-image: -o-linear-gradient(top, #007DD5, #004275);
background-image: -webkit-linear-gradient(top, #007DD5, #004275);
background-image: linear-gradient(top, #007DD5, #004275);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);

}

.anamenu {width:78%; float:left;}

.anamenu ul {
margin:0;
padding:0;
list-style-type: none;
}
.anamenu ul li {
float: left;
position: relative;
height: 40px;
padding:0 10px;

}
.anamenu ul li a {
color: #f5f5f5;
font-family: neosansproregular;
font-size: 9pt;
font-weight:bold;
line-height: 40px;
display: block;
height: 40px;
text-shadow:0 -1px #111;
}

.anamenu ul li a:hover { color:#FFF;}

.anamenu ul li a:active { color:#2daddc; }

.anamenu ul li:hover ul { display: block; z-index: 999; }

.anamenu ul li ul {
/*display: none;
position: absolute;
top: 40px;
border-radius:0 0 3px 3px;
background-color: #019AD2;
background-image: -moz-linear-gradient(top, #007DD5, #004275); /*#2daddc, #0271bf*/
/*background-image: -o-linear-gradient(top, #007DD5, #004275);
background-image: -webkit-linear-gradient(top, #007DD5, #004275);
background-image: linear-gradient(top, #007DD5, #004275);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);*/
background: #004275;
border-radius: 0 0 3px 3px;
display: none;
padding: 0 8px 10px;
position: absolute;
top: 40px;
}
.anamenu ul li ul li {
/*min-width:150px;
height: 25px; /*30px;*/
/*border-top:1px dotted #ddd;
transition:all 0.7s linear 0s;*/
border-bottom: 1px dotted #20588C;
height: 25px;
min-width: 150px;
padding: 0 5px;
transition: all 0.7s linear 0s;
}
.anamenu ul li ul li:hover { background-color: #0271bf; }

.anamenu ul li ul li a {
line-height: 25px; /*30px;*/
height: 25px; /*30px;*/
font-size: 12px; /*9pt;*/
font-weight: normal;
font-family: PT Sans;
}

.anamenu ul li ul li a:hover { }

/*------------- Sub Menu footer --------------*/

#submenu {
height:20px;
line-height:20px;
padding:0;
float:right;
width:50%;

}

#submenu ul {
margin:0;
padding:0;
float: right;
list-style-type: none;
}
#submenu li {float:left; padding:0 5px;}
/*------------ Arama Formu ------------*/

.srcform {float:right; background: url(images/sfrm.png) scroll 0 6px no-repeat; }

.sftextbox { background: none; padding:5px; border:none; font-size:12px; color:#777; text-shadow:0 1px #FFF; font-style:italic; text-indent:20px;}

.sfbutton {
background: none; /* url(images/srcbutton.png) no-repeat;*/
width:50px;
height:30px;
border:none;
cursor: pointer;
}

/*------------- İçerik -------------*/

#content {
min-height:350px;
margin-top:10px;
/*border-radius:5px;*/
overflow:auto;
}


#content-post {
float:left;
/*padding:10px;*/
width: 660px;
min-height:590px;
margin-right:15px;
/*background:#f8f8f8;*/
border-radius:5px;
}

#content-post-full {
padding: 0;
/*margin-right:15px;*/
/*background:#f8f8f8;*/
/*border-radius:5px;*/
}

.content-title {
padding:5px 10px;
margin-bottom:10px;
font-family:neosansproregular;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-shadow:0 -1px #111;
border-radius:5px 5px 0 0;
background-color: #019AD2;
background-image: -moz-linear-gradient(top, #007DD5, #004275); /*#2daddc, #0271bf*/
background-image: -o-linear-gradient(top, #007DD5, #004275);
background-image: -webkit-linear-gradient(top, #007DD5, #004275);
background-image: linear-gradient(top, #007DD5, #004275);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);
}

.post-title {
padding:5px 10px;
font-family:PT Sans; /*neosansproregular;*/
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-shadow:0 -1px #111;
border-radius:5px 5px 0 0;
background-color: #019AD2;
background-image: -moz-linear-gradient(top, #007DD5, #004275); /*#2daddc, #0271bf*/
background-image: -o-linear-gradient(top, #007DD5, #004275);
background-image: -webkit-linear-gradient(top, #007DD5, #004275);
background-image: linear-gradient(top, #007DD5, #004275);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);
}

.post-title-full {
padding:25px 20px;
font-family: "Trebuchet MS", Arial, Tahoma; /*neosansproregular;*/
font-size:22px;
font-weight:bold;
color:#FFFFFF;
text-shadow:0 -1px #111;
border-radius:5px 5px 0 0;
background: url(images/pgtab.jpg) no-repeat;

}
.post-title-full a { color:#FFF;}

.kbaslik {
padding:10px;
background: url(images/pgtab.jpg) no-repeat; /* #DDD; /* #FFCF4F; */
/*color: #6F4400;*/
font-family: "PT Sans", Trebuchet MS, Arial, Tahoma; /*neosansproregular;*/
font-size: 20px;
font-weight: bold;
/*text-shadow: 0 1px #FFF; /* 1px 1px 0 #FFE59F; */
line-height: 50px; /*30px; /* 23px; */
border-radius:5px 5px 5px 5px;
margin-bottom: 5px; /*18px;*/
margin-top: 0;
color:#FFF;

}

.kbaslik a { color: #6F4400; text-transform: uppercase; }

.kbaslik a:hover { color: #214974; }

#icerik {

}

#icerik ul { list-style-type: none; margin: 10px; padding: 0; }

#icerik li { background: url(images/licon.png) 3px 3px no-repeat; padding: 3px 10px 3px 25px; }

#content-frame { background:#FFF; /*margin-bottom:10px;*/ padding-bottom:10px; }

.post-title a { color:#FFF; }

.content-meta { background:#DDD; /*#FDAA24;*/ min-height: 15px; font-size:12px; font-weight:bold; /*color: #6F4400;*/ text-shadow: 0 1px #FFF; /*0 1px #FFE59F;*/ padding:2px 10px; border-radius: 0 0 2px 2px; margin:1px 0; }

.content-meta-full { background:#DDD; /*#FDAA24;*/ min-height: 10px; padding:2px 10px; border-radius: 0 0 5px 5px; margin:1px 0; }

.content-meta a { /*color:#FFF; text-shadow: 0 -1px #111;*/ }

/*.content-img { float:left; width:170px; height:170px; padding:10px 5px 0 0; overflow: hidden; }*/

.content-img {
background: url("images/imgsha.png") no-repeat scroll center bottom #DDDDDD;
float: left;
height: 150px;
margin: 15px 5px 5px;
overflow: hidden;
padding: 7px 7px 27px;
width: 150px;

}

/*.content-img img { width:150px; height:150px; border:8px solid #eee; }*/

.content-yazi {
text-align:justify;
color: #515E6C; /*#666666;*/
font-size: 13px;
line-height: 1.3em;
overflow: hidden;
padding: 10px 5px 5px;
}

.dvm-oku{ width: 100%; height:30px; }

.oku { float:right; margin-right:5px; line-height:12px; padding:8px; border-radius:5px;
background-color: #019AD2;
background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
background-image: -o-linear-gradient(top, #2daddc, #0271bf);
background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
background-image: linear-gradient(top, #2daddc, #0271bf);
background-image: -ms-linear-gradient(top, #2daddc 0%, #0271bf 100%);
}

.oku:hover {
background-color: #2daddc;
background-image: -moz-linear-gradient(top, #007DD5, #004275);
background-image: -o-linear-gradient(top, #007DD5, #004275);
background-image: -webkit-linear-gradient(top, #007DD5, #004275);
background-image: linear-gradient(top, #007DD5, #004275);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);
}

.oku a { color:#FFF; font-size:12px; font-weight:bold; text-shadow:0 -1px #111; display:block; }

.seperator {background: #FFF url(images/texturedark.png) repeat; margin:5px 0; height:10px; width:100%;}

/*.pagenav {background: #FFF url(images/texturedark.png) repeat; padding:5px; width:100%;}*/

/*#navigation {background: url("images/texturelight.png") repeat #FFFFFF; font-size: 13px; padding: 3px;}*/

#yazialt {
background: url("images/texturedark.png") repeat #FFF;
padding:5px;
width: 650px;
overflow: hidden;
}

.yazialtbg {
background: url("images/texturelight.png") repeat #FFF;
margin: 0;
padding: 5px 0 5px 5px;
overflow: hidden;
}
.tags {float:left; color:#515E6C; width: 520px }

.doku{ height:30px; float:right; }

/*--------- New pagination-------- */

#pagination {
background: url("images/texturedark.png") repeat #FFF;
padding:5px;
float: left;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
width: 650px;
}

#pagination ul {
background: url("images/texturelight.png") repeat #FFF;
margin: 0;
padding: 5px;
height:20px;
}

#pagination ul li {
background: none;
border-bottom: 2px solid #888;
float: left;
margin: 0 1px;
padding: 0 0 5px;
text-align: center;
width: 23px;
}

#pagination ul li:hover{ border-bottom:2px solid #20588C; /*#333444*/}
#pagination ul li a{ color:#888}
#pagination ul li:hover a{ color:#20588C; /*#333444*/}
#pagination ul li.previous{ border-bottom:2px solid #888; color:#8888; width:60px}
#pagination ul li.previous:hover{ border-bottom:2px solid #20588C; /*#333444*/}
#pagination ul li.previous:hover a{ color:#20588C; /*#333444*/}
#pagination ul li.previous a{ color:#888}
#pagination ul li.next{ border-bottom:2px solid #888; color:#8888; width:60px}
#pagination ul li.next a{ color:#888}
#pagination ul li.next:hover{ border-bottom:2px solid #20588C; /*#333444*/}
#pagination ul li.next:hover a{ color:#20588C; /*#333444*/}

/*--------- Comments ----------*/

#comments { width:645px; padding:10px; }

/*------------ Sidebar -------*/

#sidebar {
float:right;
width:270px;
border-radius:5px;
background:#f8f8f8;
padding-bottom: 15px;

}

/*#sidebar ul { list-style-type: none; margin: 0; padding: 0; }

#sidebar li { background: url(images/licon.png) 3px 5px no-repeat; padding: 5px 10px 5px 25px; border-bottom: 1px dotted #ccc; } */

.bloginf {
background: url(images/statsbg.jpg) ; /*#DDD; /* #FFCF4F; */
/*color: #6F4400;*/
/*font-family: neosansproregular;*/
font-size: 12px;
font-weight: bold;
margin: 0 0 10px;
padding: 5px 15px; /*5px 20px;*/
text-shadow:0 1px #FFF; /* 0 1px #FFE59F;*/
border-radius: 5px 5px 0 0;

}

.sidebaradbox {
margin: 0;
padding: 5px;
text-align: center;
}
.ad125 {
margin: 6px;
}

.sidebar-content { padding:10px; /*margin-bottom:15px;*/ }

.sidebar-content ul { list-style-type: none; margin: 2px 0; padding: 0; }

.sidebar-content ul li {
background: url(images/sdbrlibg.jpg) no-repeat; /*#FFF url(images/licon.png) 8px 5px no-repeat;*/
padding: 4px 10px 4px 30px;
border: 1px solid #e3e3e3;
border-radius: 3px;
margin: 2px 0;
text-shadow: 0 1px #FFF;
}

.sidebar-content ul li:hover{ /*background: #D1DCE2 url(images/licon.png) 8px 5px no-repeat;*/ border: 1px solid #CCC;}
.sidebar-content ul li a:hover{ color: #20588C;}

.sidebar-title {
padding: 5px 10px;
font-family: PT Sans; /*neosansproregular;*/
font-size: 14px;
font-weight: bold;
text-shadow: 0 -1px #111;
color: #FFF;
border-radius: 5px 5px 0 0;
background-color: #019AD2;
background-image: -moz-linear-gradient(top, #007DD5, #004275); /*#2daddc, #0271bf*/
background-image: -o-linear-gradient(top, #007DD5, #004275);
background-image: -webkit-linear-gradient(top, #007DD5, #004275);
background-image: linear-gradient(top, #007DD5, #004275);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);
}

.tagcloud{ padding: 5px; }


#footer {
background-color: #DDE8F5;
min-height: 35px;
padding: 10px; /*10px 15px;*/
border-radius: 0 0 5px 5px;
font-size: 11px;
color: #334455;
border-top: 1px solid #006699;
}

/*------------------Footer Sidebar--------------------*/

#sidebar-footer {
/*background-color:#f8f8f8;*/
background: url(images/bg-footer.jpg) repeat-x;
padding: 5px 10px; /*10px 10px;*/
border-top:1px solid #eee;
color: #eee;
}

#sidebar-footer a {color:#FFF; text-shadow: 0 -1px #111;}
#sidebar-footer a:hover {text-decoration: underline;}

.footer-mod { width: 240px; float:left; }

.footer-content { padding:5px; }

.footer-content ul { list-style-type: none; margin: 0; padding: 0; }

.footer-content li:before { content: "» "; }

.footer-content li {
/*background: url(images/licon1.png) 3px 3px no-repeat;*/
padding:3px 5px 3px 3px; /*3px 10px 3px 20px;*/
/*border-bottom: 1px dotted #ccc;*/
}

.footer-title {
padding: 2px 5px; /*5px 10px;*/
font-family: "PT Sans", neosansproregular;
font-size:14px;
font-weight:bold;
text-shadow:0 -1px #111;
color:#FFF;
/*border-radius:5px 5px 0 0;
background-color: #019AD2;
background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
background-image: -o-linear-gradient(top, #2daddc, #0271bf);
background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
background-image: linear-gradient(top, #2daddc, #0271bf);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);*/
border-bottom: 1px solid #DDD;
}

.yukari {position:absolute; left:50%; margin-left: 455px; margin-top:-25px; }

/*------------------ Contcact Form --------------------------*/

.ctextbox {
border: 1 solid #C2C6CF;
color: #555;
font-family:Lucida Console;
font-size: 9pt;
}
.ctextarea {
border: 1 solid #C2C6CF;
color: #555;
font-family:Lucida Console;
font-size: 9pt;
}
.clistbox {
width:100px;
font-family:Lucida Console;
color: #555;
font-size: 9pt
}
.cbutton {
font-family:Tahoma;
font-weight:bold;
color:#FFF;
font-size:9pt;
border: 0;
background:#0080BB;
padding:5px;
border-radius:3px;
cursor: pointer;
}
.cbutton:hover {
background:#035;
}

/*----------------- CSS Slider Document ----------------------*/

#slider {
width: 640px; /* important to be same as image width */
height: 270px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin-bottom: 20px; /*ozel eklendi */
border: 8px solid #EEEEEE; /*ozel eklendi */
}
#sliderContent {
width: 640px; /* important to be same as image width or wider */
position: absolute;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
/*font: 12px/14px neosansproregular;*/
/*font-weight: bold;*/
padding: 5px 10px;
width: 620px;
/*background-color: #FFCF4F; /* #2DADDC; */
background: url(images/sldescbg.png) repeat;
/*filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;*/
color: #FFF; /*#025;*/
display: none;
text-shadow:0 -1px #111; /*0 1px #eee;*/
}

.clear { clear: both; }

.sliderImage span strong { font-size: 14px; }

.sltop { top: 0; left: 0; }

.slbottom { bottom: 0; left: 0; }

ul { list-style-type: none; margin:0; }

/*------------- Search page Codes ------------*/
.srchead { width:100%; padding:5px; }

.srchbtn {
background-color: #2daddc;
background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
background-image: -o-linear-gradient(top, #2daddc, #0271bf);
background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
background-image: linear-gradient(top, #2daddc, #0271bf);
background-image: -ms-linear-gradient(top, #2daddc 0%, #0271bf 100%);
border: 0 none;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
font-family: PT Sans;
font-size: 12px;
font-weight: bold;
line-height: 12px;
padding: 5px 10px;
text-shadow: 0 -1px #111111;
cursor:pointer;
}

.srchtbox {
color: #777777;
font-size: 12px;
padding: 5px;
text-shadow: 0 1px #FFFFFF;
width: 560px;
}
/*---------- Shortcode --------------*/

.mavi,.sari,.turuncu{display: inline-block; padding: 5px 20px; border-radius:15px; color:#FFF; font-weight:bold; text-shadow:0 -1px #111;}
.sari{background-color: yellow;}
.turuncu{background-color: orange;}
.mavi {
background-color: #2daddc;
background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
background-image: -o-linear-gradient(top, #2daddc, #0271bf);
background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
background-image: linear-gradient(top, #2daddc, #0271bf);
background-image: -ms-linear-gradient(top, #2daddc 0%, #0271bf 100%);
}
.mavi:hover { color:#FFF;
background-color: #2daddc;
background-image: -moz-linear-gradient(top, #007DD5, #004275);
background-image: -o-linear-gradient(top, #007DD5, #004275);
background-image: -webkit-linear-gradient(top, #007DD5, #004275);
background-image: linear-gradient(top, #007DD5, #004275);
background-image: -ms-linear-gradient(top, #007DD5 0%, #004275 100%);

}

/*.iki_sutun {width: 100%; overflow: hidden; margin-bottom:20px;}*/
.cift_sutun_bir,.cift_sutun_iki{width: 48%; float: left;}
.cift_sutun_bir{margin: 1% 2% 1% 0;}
.cift_sutun_iki{margin: 1% 0% 1% 2%;}
/*-------------------------------*/
.uc_sutun_bir,.uc_sutun_iki,.uc_sutun_uc {width: 33%; float: left;}
.uc_sutun_bir {margin: 1% 0% 1% 2%;}
.uc_sutun_iki {margin: 1% 0% 1% 2%;}
.uc_sutun_uc {margin: 1% 0% 1% 2%;}
 

 

wmaraci
reklam

barisay barisay WM Aracı Kullanıcı
  • Üyelik 14.02.2013
  • Yaş/Cinsiyet 33 / E
  • Meslek Seo, Wordpress, Security
  • Konum Konya
  • Ad Soyad B** A**
  • Mesajlar 1386
  • Beğeniler 146 / 428
  • Ticaret 65, (%100)
body { background: #0066CC url(images/bg.gif) repeat-x;

resim ve renk kodunu değiştirirseniz istediğiniz renk olur.
yuem

kişi bu mesajı beğendi.

skype: baris.ay.

yuem yuem WM Aracı Kullanıcı
  • Üyelik 29.01.2013
  • Yaş/Cinsiyet 37 / E
  • Meslek ...
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 128
  • Beğeniler 31 / 4
  • Ticaret 1, (%100)

barisay adlı üyeden alıntı

resim ve renk kodunu değiştirirseniz istediğiniz renk olur.


işime yaradı teşekkürler

Ek Olarak:

barisay adlı üyeden alıntı

resim ve renk kodunu değiştirirseniz istediğiniz renk olur.


burda images/bg.gif değiştiriyorum ama sadece sitenin üst tarafı istediğim gibi oluyor aşağıları yine eskisi gibi yardımcı olurmusun?
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al