baya genişmiş ya :D sağolun ayarlıyabilirsem şimdi ayarlıcam :)
edit:
@charset "UTF-8";
body {
background-image: url(images/site-bg.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4;
width: 100%;
}
ul, ol, dl, h1, h2, h3, h4, h5, h6, p {
padding: 0;
margin: 0;
}
a img {
border: none;
}
#content {
font-size: 12px;
color: #3b3c3c;
text-decoration: none;
width: 1054px;
margin: 0 auto;
}
#twitter {
font-size: 12px;
color: #80a7ce;
text-decoration: none;
height: 20px;
background-image: url(images/twitter-ico.png);
background-repeat: no-repeat;
padding: 4px 0 0 35px;
}
#twitter a {
color: #fff;
text-decoration: none;
}
#twitter a:hover {
color: #ddd;
text-decoration: none;
}
#header {
width: 1054px;
margin: 0 auto;
}
#logo {
float: left;
width: 500xp;
height: 127px;
}
#menu {
float: left;
width: 1054px;
height: 44px;
background: url(images/menu-bg.png) repeat-x;
}
#menu li {
display: inline;
}
#menu a {
float: left;
text-decoration: none;
font-weight: normal;
color: #484848;
font-size: 13px;
height: 32px;
padding: 12px 15px 0 15px;
background: url(images/menu-ayrac.png) no-repeat;
}
#menu a:hover {
background: #4BC9F1;
color: #c93300;
}
#menu .active a {
color: #c93300;
}
#ust {
width: 1054px;
height: 205px;
}
#hakkimda {
background-image: url(images/hakkimda-bg.png);
background-repeat: no-repeat;
height: 205px;
width: 608px;
display: block;
float: left;
}
#hakkimda p {
margin-left: 238px;
padding-top: 75px;
width: 303px;
height: 80px;
font-size: 11px;
}
#tavsiyeler {
width: 434px;
height: 205px;
float: right;
text-align: center;
}
#tavsiyeler h1 {
font-size: 14px;
color: #3a4766;
text-decoration: none;
background-image: url(images/tavsiye-bg.png);
background-repeat: no-repeat;
height: 27px;
width: 434px;
padding: 4px 10px;
margin-top: 35px;
text-align: left;
}
#tavsiyeler a {
padding: 0 1px;
}
.slider {
width: 712px;
border: 2px solid #93a8a9;
border-radius: 5px;
margin-bottom: 25px;
}
.slider-img a img {
border: 5px solid #bebebe;
border-radius: 2px;
margin-right: 30px;
float: left;
}
.slider-img a img:hover {
border: 5px solid #d4d4d4;
}
.slider h1 a {
font-size: 19px;
color: #627282;
text-decoration: none;
}
.slider h1 a:hover {
color: #445e77;
}
.slider p {
font-size: 11px;
padding: 10px 0;
}
.icerik {
float: left;
margin: 20px 5px 20px 30px;
width: 622px;
}
.icerik .devami {
text-decoration: none;
color: #627282;
font-size: 11px;
float: right;
padding: 10px 30px 0 0;
}
.icerik .devami:hover {
color: #4e6174;
}
.icerik-detay {
margin: -10px 0 10px 20px;
color: #627282;
font-size: 11px;
}
.icerik-detay b {
padding-right: 15px;
}
#icons {
float: right;
text-decoration: none;
padding: 20px 5px 0 0;
width: 50px;
}
#icons ul {
list-style: none;
list-style-type: none;
list-style-icon: none;
}
#icons ul li a {
float: right;
text-decoration: none;
list-style: none;
list-style-type: none;
list-style-icon: none;
padding: 2px 0 0 6px;
margin-bottom: 5px;
background: url(images/slider-icon-bg.png) no-repeat;
height: 19px;
width: 21px;
color: #3b3b3c;
}
#icons ul li a:hover {
background: url(images/slider-icon-bg-active.png) no-repeat;
}
#icerik {
float: left;
width: 720px;
}
#sidebar {
float: right;
padding: 0 40px;
}
.social-icons {
float: right;
text-decoration: none;
padding: 5px 5px 0 0;
width: 45px;
}
.social-icons ul {
list-style: none;
list-style-type: none;
list-style-icon: none;
}
#sayfalar {
margin: 0 auto;
text-align: center;
}
.sayfa {
background: url(images/sayfa-bg.png) no-repeat;
text-decoration: none;
height: 21px;
width: 38px;
display: inline-block;
padding-top: 2px;
color: #FFF;
font-size: 12px;
font-weight: bold;
}
.sayfa:hover {
background: url(images/sayfa-bg-aktif.png) no-repeat;
}
.sayfa-aktif {
background: url(images/sayfa-bg-aktif.png) no-repeat;
text-decoration: none;
height: 21px;
width: 38px;
display: inline-block;
padding-top: 2px;
color: #FFF;
font-size: 12px;
font-weight: bold;
}
.blog {
width: 253px;
display: block;
padding-bottom: 20px;
}
.blog h1 {
background-image: url(images/kategori-baslik-bg.png);
background-repeat: no-repeat;
height: 26px;
width: 253px;
color: #3a4766;
font-size: 14px;
padding: 8px 0 0 10px;
}
#arama {
background-image: url(images/arama-bg.png);
background-repeat: no-repeat;
height: 39px;
width: 240px;
padding: 9px 12px;
margin: 6px;
}
.arama-input {
background-image: url(images/arama-input.png);
background-repeat: no-repeat;
text-decoration: none;
height: 22px;
width: 164px;
border: none;
padding-left: 25px;
}
.arama-button {
background-image: url(images/arama-button.png);
background-repeat: no-repeat;
height: 24px;
width: 24px;
border: none;
}
.arama-button {
background-image: url(images/arama-button.png);
background-repeat: no-repeat;
height: 24px;
width: 24px;
border: none;
}
.arama-button:hover {
background-image: url(images/arama-button-hover.png);
}
.arama-button:active {
background-image: url(images/arama-button-click.png);
}
#sosyal-aglar {
width: 240px;
padding: 9px 12px;
margin: 6px;
}
#sosyal-aglar img {
padding: 6px;
opacity: 0.5;
filter: alpha(opacity=50);
}
#sosyal-aglar img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
#kategoriler {
height: auto;
width: 240px;
padding: 9px 12px;
margin: 6px;
display: block;
}
#kategoriler a {
color: #383939;
font-size: 14px;
text-decoration: none;
}
#kategoriler a:hover {
color: #3a4766;
text-decoration: underline;
}
#kategoriler ul {
width: 120px;
text-decoration: none;
list-style: none;
}
#kategoriler li {
padding: 5px 10px;
}
#video {
width: 240px;
padding: 10px 0;
text-decoration: none;
text-align: center;
margin: 0 auto;
}
#video img {
opacity: 0.5;
filter: alpha(opacity=50);
}
#video img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
#alt {
width: 1054px;
display: block;
}
.alt_bolum {
width: 351px;
float: left;
}
.alt_bolum h1 {
color: #627282;
font-size: 20px;
border-bottom: 7px solid #e6e6e6;
margin-right: 50px;
padding-top: 60px;
text-align: center;
}
.alt_icerik img {
border: 5px solid #bebebe;
float: left;
margin: 8px;
}
.alt_icerik img:hover {
border: 5px solid #d4d4d4;
opacity: 0.8;
filter: alpha(opacity=80);
}
.alt_icerik h2, .alt_icerik h2 a {
font-size: 12px;
padding: 10px 0 8px 0;
text-decoration: none;
color: #627282;
}
.alt_icerik h3, .alt_icerik h3 a {
font-size: 10px;
text-decoration: none;
color: #627282;
}
.alt_icerik h2 a:hover, .alt_icerik h3 a:hover {
color: #2d4154;
}
#footer {
border: 1px solid #e5e0cc;
width: 1054px;
background-color: #f4f4f4;
display: block;
padding: 10px 35px;
margin-top: 50px;
color: #535353;
font-size: 9px;
}
.SonYorumlar {
width: 250px;
padding-right: 50px;
}
.SonYorumlar a {
color: #535353;
text-decoration: none;
}
.SonYorumlar h1 {
text-align: center;
color: #627282;
font-size: 18px;
}
.SonYorumlar h2 {
padding-top: 9px;
font-size: 12px;
}
.SonYorumlar h2 a {
font-size: 12px;
}
.SonYorumlar h3, .SonYorumlar h3 a {
padding: 5px;
font-size: 10px;
}
.SonYorumlar img {
border: 3px solid #e7e7e7;
float: left;
margin: 6px;
}
.SonYorumlar img:hover {
border: 3px solid #aeaeae;
}
#iletisim {
width: 450px;
text-align: center;
}
#iletisim h1 {
text-align: center;
color: #627282;
font-size: 18px;
}
#iletisim input {
border: none;
background-image: url(images/iletisim-input-bg.png);
background-repeat: no-repeat;
height: 26px;
width: 270px;
padding: 3px 10px;
background-color: #f4f4f4;
}
#iletisim input:hover {
background-image: url(images/iletisim-input-aktif-bg.png);
background-repeat: no-repeat;
}
#iletisim textarea {
border: none;
background-image: url(images/iletisim-text-bg.png);
background-repeat: no-repeat;
height: 95px;
width: 271px;
text-decoration: none;
padding: 10px;
background-color: #f4f4f4;
display: inline-block;
}
#iletisim textarea:hover {
background-image: url(images/iletisim-text-aktif-bg.png);
background-repeat: no-repeat;
}
#iletisim .iletisim-button {
background-image: url(images/iletisim-button.png);
background-repeat: no-repeat;
height: 23px;
width: 114px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#iletisim .iletisim-button:hover {
background-image: url(images/iletisim-button-aktif.png);
}
#iletisim .iletisim-button:active {
background-image: url(images/iletisim-button-active.png);
}
#copyright {
padding: 20px 5px;
color: #404345;
font-size: 10px;
}
css üzerinde hangi kodu değiştirmem gerek:o bütün width lerimi düzeltmeliyim :)