Question

Здравствуйте, поскажите как на сайте http://plyk.ru/ увеличить поле для контента и изменить размер шапки сделать ее шире. А то по бокам куча свободного места, хотелось бы его использовать.

Comments

вам виднее конечно. но не стоит портить шаблон

---

А если не оставлять? Что ни кто не знает?

Answer 1

Для шапки перерисуйте картинку и измените ширину width

#templatemo_header {
background: url("http://plyk.ru/images/templatemo_header.jpg") no-repeat transparent;
clear: both;
height: 300px;
margin: 0px auto;
padding: 0px 10px;
width: 980px;
}

Для контента код ширины здесь, он общий

#templatemo_content_wrapper {
margin: 0px auto;
padding: 30px;
width: 920px;
}

Далее для левого блока
#templatemo_sidebar {
float: left;
width: 270px;
}
Для контента
#templatemo_content {
float: right;
width: 590px;
}
Это всё правим в ксс.

Comments

Спасибо, попробовал, ни чего не получилосm почему - то :(, весь шаблон исказился, вот мой CSS

 

body {
 margin: 0;
 padding: 0;
 line-height: 1.9em;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 14px;
 color: #000000;
 background: #C0C0C0;
}

 
a:link, a:visited { color: #0051a3; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #008400; text-decoration: underline; }

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.float_l {
 float: left;
}

.float_r {
 float: right;
}

.divider {
 background: url(/images/divider.jpg) repeat-x bottom;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.button_01 a {
 display: block;
 width: 70px;
 height: 22px;
 padding: 5px 2px 0 30px;
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(/images/templatemo_button_01.png) no-repeat;
}

.button_01 a:hover {
 color: #ffffff;
 background: url(/images/templatemo_button_01_hover.png) no-repeat;
}

 

#templatemo_wrapper {
 width: 980px;
 margin: 0 auto;
}

/* header */

#templatemo_header_wrapper {
 width: 100%;
 background: #fff;
}

#templatemo_header {
 clear: both;
 width: 980px;
 height: 300px;
 margin: 0 auto;
 padding: 0 10px;
 background: url(/images/templatemo_header.jpg) no-repeat;
}

#templatemo_header p {
 clear: both;
 padding-left: 50px;
 width: 500px;
 font-size: 18px;
 font-style: italic;
 line-height: 26px;
}

#templatemo_header #site_title {
 float: left;
 padding-top: 10px;
 margin-left: 50px;
 margin-bottom: 10px; 
 width: 280px;
 height: 100px;
 text-align: center; 
 overflow: hidden; 
}

#site_title h1 {
 margin: 0px;
 padding: 15px 0 0 0; 
}

#site_title h1 a {
 font-size: 30px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

#site_title h1 a:hover {
 font-weight: bold; 
 text-decoration: none;
}

#site_title h1 a span {
 display: block;
 margin-top: 10px;
 margin-left: 5px;
 font-size: 14px;
 color: #999;
 font-weight: normal;
 letter-spacing: 2px;
}

/* end of header */

/* menu */

#templatemo_menu_wrapper {
 width: 100%;
 height: 90px;
 margin: 0 auto;
 background: url(/images/templatemo_menu.jpg) repeat-x;
}

#templatemo_menu {
 width: 920px;
 height: 90px;
 margin: 0 auto;
 padding: 0 30px;
 
}

#templatemo_menu ul {
 float: left;
 margin: 0px;
 padding: 0px;
 list-style: none;
}

#templatemo_menu ul li {
 padding: 0px;
 margin: 0px;
 display: inline;
}

#templatemo_menu ul li a {
 position: relative;
 float: left;
 width: 152px;
 display: block;
 height: 40px;
 padding: 50px 0 0 0;
 text-align: center;
 font-size: 14px;
 text-decoration: none;
 color: #333333; 
 font-weight: bold;
 outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
 color: #008400;
 background: url(/images/templatemo_menu_hover.jpg) bottom no-repeat;
}

/* end of menu */

/* content */

#templatemo_content_wrapper {
 width: 920px;
 padding: 30px;
 margin: 0 auto;
}

#templatemo_sidebar {
 float: left;
 width: 270px;
}

.sidebar_box {
 padding: 20px 30px;
 background: #fff;
}

.sidebar_box_bottom {
 width: 270px;
 height: 15px;
 margin-bottom: 30px;
 background: url()
}

.news_box {
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-bottom: 1px dashed #8a9ba8; 
 color: #ffffff;
}

.news_box .post_info {
 font-size: 11px;
 color: #666666;
}

.news_box .post_info a {
 color: #157ad2;
 font-weight: normal;
}

.news_box a{
 color: #000000;
 font-weight: normal;
}

.news_box span {
 color: #157ad2;
}

.sidebar_box label {
 display: block;
 margin-bottom: 10px;
}

.sidebar_box #input_field {
 height: 20px;
 width: 200px;
 padding: 0 5px;
 margin-bottom: 10px;
 color: #000000;
 font-size: 12px;
 font-variant: normal;
 line-height: normal;
}

.sidebar_box #submit_btn {
 float: right;
 height: 30px;
 width: 80px;
 margin: 0px;
 padding: 3px 0 15px 0;
 cursor: pointer;
 font-size: 12px;
 text-align: center;
 vertical-align: bottom;
 white-space: pre;
 outline: none;
}

#templatemo_content {
 float:right;
 width: 590px;
}

.content_box {
 clear: left;
 width: 530px;
 padding: 20px 30px;
 background: #fff;
}

.content_box_bottom {
 width: 590px;
 height: 36px;
 margin-bottom: 20px;
 background: url() no-repeat;
}

.content_box .image_fl {
 float: left;
 margin: 3px 15px 0 0;
}

.content_box .section_w250 {
 width: 250px;
}

.list_01 {
 margin: 0 0 0 20px;
 padding: 0;
 list-style: decimal-leading-zero;
}

.list_01 li {
 color: #008400;
 margin-bottom: 7px;
}

/* end of content */

/* footer */

#templatemo_footer_wrapper {
 width: 100%;
 margin: 0 auto;
 background: #fff url(/images/templatemo_footer_top.jpg) top repeat-x; 
}

#templatemo_footer {
 width: 920px;
 margin: 0 auto;
 padding: 30px;
 text-align: center;
 color: #7c7471;
}

#templatemo_footer a {
 color: #333333;
}

#templatemo_footer .footer_menu {
 margin: 0 0 10px 0;
 padding: 0px;
 list-style: none;
}

.footer_menu li {
 margin: 0px;
 padding: 0 20px;
 display: inline;
 border-right: 1px solid #333333;
}

.footer_menu .last_menu {
 border: none;
}