Тема: Вопрос Подкрутка шаблона
Показать сообщение отдельно
Старый 18.06.2011, 14:52 Вверх   #13
Местный житель
 
Аватар для Max2011
Max2011 вне форума
Доп. информация
По умолчанию

У меня другая тема! шаблон к примеру NewLifeCinema
Может кто знает как увеличить размер (ширину без потери качества) шаблона, чтобы он был фиксированным к разным размерам экрана? он очень узкий 990px, тоесть тупо прописать 1200 это не вариант просто ломается конструкция шаблона
вот styles.css
Нажми для просмотра
* { font-size: 1em; font-family: Arial, Helvetica, Tahoma, sans-serif; }
h1, h2, h3, h4, h5 { line-height: normal; font-weight: normal; }
form, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
h1 { font-size: 1.4em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.0em; }
a { color: #1797b2; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }
input, textarea, select { outline: none; }
body { color: #000; background-color: #FFFFFF; font-size: 0.70em; line-height: 1.4em; margin: 0; padding: 0; }
.pagebg { text-align: center; background: #05151c url("../images/pagebg.jpg") no-repeat 50% 0; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img { border: 0 none; }
.parag { text-indent: 30px; }
.small { font-size: 0.9em; color: #717170; }
hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { padding-left: 16px; list-style-position:outside; list-style-image:none; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }
h1 span {font-size: 80%; font-weight: bold; color: #84c2d9; padding-right: 15px;}
.wrapper { padding-top: 19px; width: 990px; text-align: left; margin: 0 auto; }

/*HEAD*/
.lcolomn { float: left; display: inline; }
.rcolomn { float: right; display: inline; }
.blue { color: #359cc4; }

/*buttons*/
.fbutton, .btn_reglog, .vresult, .loginbox .submit input { background: none; border: 0 none; cursor: pointer; }
.fbutton { font-weight: bold; background: url("../images/fbuttons.png") no-repeat 0 0; width: 98px; height: 31px; color: #3c5876; padding-bottom: 3px; }
.fbutton:hover { background-position: 0 -31px; color: #368fa1; }
.vresult { font-weight: normal; color: #3c5876; }

/*tophead*/
.thead { padding: 0 27px; height: 106px; overflow: hidden; background: #fff url("../images/thead.png") no-repeat 100% 0; }
.thead h1 { display: inline; }
.thead h1 a { margin-top: 16px; background-image: url("../images/newlifecinema.png"); float: left; width: 247px; height: 55px; overflow: hidden; line-height: 330px; white-space: nowrap; }

.loginform, .loginbox .submit { display: inline; }
.loginbox, .loginenter { float: right; }
.loginbox { margin-top: 30px; width: 305px; }
.loginbox .lfield { overflow: hidden; background: url("../images/loginform.png") no-repeat 0 0; float: left; margin: 0 4px 0 0; width: 121px; height: 21px; border: 1px solid #b4b4b4; }
.loginbox .lfpass { background-position: 0 -21px; }
.loginbox .lfield input { float: left; margin: 4px 0 0 18px; width: 100px; color: #5f5f5f; }

.loginbox .submit { float: left; }
.loginbox .submit, .loginbox .submit input { width: 51px; height: 23px; }
.loginbox .submit input { padding-bottom: 1px; color: #fff; font-weight: bold; background: #70bcd3 url("../images/loginform.png") no-repeat 0 -42px; }
.loginbox .submit input:hover { background-position: 0 -65px; }

.lreg { overflow: hidden; }
.lreg ul { float: left; line-height: normal; margin: 5px 0 0 -9px; }
.lreg ul li { float: left; margin-left: 4px; padding-left: 4px; border-left: 1px solid #c6c6c6; }

.loginenter { width: 385px; margin-top: 7px; }
.loginenter .toplogin { margin-bottom: 4px; line-height: 22px; height: 29px; background: url("../images/dotted.png") repeat-x 0 100%; }
.loginenter .toplogin span, .loginenter .toplogin span b { float: left; }
.loginenter .toplogin span b { margin-right: 4px; }

.lname a { color: #000; }
.rname a { padding-left: 50px; }

.loginenter .logincont { padding-left: 65px; }
.loginenter .lcolomn { margin: 0 0 0 -65px; width: 65px; }
.loginenter .lcolomn img { width: 46px; height: 46px; padding: 3px; display: block; background: #e5e5e5 url("../images/loginavatarbg.png") no-repeat; }
.loginenter .rcolomn { margin-top: 3px; }
.loginenter .rcolomn { width: 100%; }
.loginenter .rcolomn ul { float: left; width: 49.9%; line-height: normal; }

.ballance, .ballance div { display: inline; }
.ballance div, .ballance div b { float: right; height: 22px; }
.ballance div { padding-left: 9px; background: url("../images/ballance.png") no-repeat 0 -22px; }
.ballance div b { padding-right: 22px; float: left; line-height: 21px; background: url("../images/ballance.png") no-repeat 100% 0; }
.ballance a { font-size: 14px; text-decoration: none !important; color: #747474; }
.ballance a:hover {color: #1797b2; }

/*present*/
.presentbox { overflow: hidden; padding: 0 10px; height: 281px; background: #1c272c url("../images/presentbox.png") no-repeat 0 0; }
.presentbox .presimg { overflow: hidden; width: 970px; height: 252px; }

/*СТРУКТУРА БЛОКОВ*/
.wdmid { width: 100%; background: #edece8 url("../images/wdmid.png") repeat-x 0 0; }

.container, .leftside, .rightside, .mainside { overflow: hidden; }
.container { padding: 1px 6px 0 267px; }

.leftside { float: left; margin: 0 0 0 -267px; display: inline; width: 261px; padding-left: 6px; }
.mainside, table.conts { width: 100%; }
.mainside { float: right; width: 717px; }
table.conts { border: 0 none; }


.searchbox { overflow: hidden; padding-left: 17px; margin: 0 0 6px 0; height: 56px; background: #fff url("../images/searchbox.png"); }
.searchform { margin-top: 16px; width: 684px; height: 21px; position: relative; background-color: #fff; border: 1px solid #b4b4b4; }
.searchform .lfield { width: 621px; padding: 0 0 0 7px; overflow: hidden; }
.searchform .lfield input, .searchform .submit input, .loginbox .lfield input { background: none; border: 0 none; }
.searchform .lfield input { width: 621px; margin-top: 3px; }
.searchform .submit { position: absolute; right: -1px; top: -1px; }
.searchform .submit input, .searchform .submit { width: 53px; height: 23px; }
.searchform .submit input { cursor: pointer; background: url("../images/search.png") no-repeat 0 0; }
.searchform .submit input:hover { background-position: 0 -23px; }

/*blocks*/
.leftside .block { width: 252px; margin: 0 0 6px 0; border: 1px solid #c5c5c5; background-color: #f8f8f8; }
.block .dcont { margin: 0 15px 5px 15px; width: 222px; overflow: hidden; }
.block .dtitle, .block .dbtm { overflow: hidden; position: relative; z-index: 1; height: 48px; width: 254px; margin: -1px -1px 10px -1px; background: url("../images/block_bg.png") no-repeat 0 0; }
.block .dbtm { margin: 0 -1px -1px -1px; height: 9px; background-position: -254px 100%; font-size: 1px; line-height: 1px; }

.block .dtitle h3 { text-indent: 18px; margin: 16px 35px 0 0; font-weight: bold; font-size: 1.22em; color: #59a8cc; }
.block .dtitle img { width: 19px; height: 21px; position: absolute; top: 15px; right: 12px; }

.bservices ul li { background: url("../images/dotted.png") repeat-x 0 100%; }
.bservices ul li a { color: #393939; text-decoration: none; width: 100%; text-indent: 15px; padding: 3px 0 6px 0; display: block; background: url("../images/bserv-lnk.png") no-repeat 0 7px; }
.bservices ul li a:hover { color: #2681a3; background-position: -300px 7px; }

.techsupport { padding: 0 15px; height: 44px; overflow: hidden; background: url("../images/contactbg.png") repeat-x; }
.techsupport span { color: #6f7176; display: block; margin-top: 8px; }
.techsupport h2 { font-weight: bold; }
.techsupport h2 img { vertical-align: middle; margin: -3px 5px 0 0; }

.last { background: none !important; }

.bnavi .dcont { margin: 0 13px 5px 13px; width: 226px; }
.bnavi ul, .bnavi ul li { display: inline; }
.bnavi ul b a, .bnavi ul b span { background: url("../images/sublinks.png") no-repeat 0 -23px; text-indent: 8px; display: block; height: 23px; line-height: 22px; margin-bottom: 1px; text-decoration: none; color: #393939; cursor: pointer; }
.bnavi ul b a:hover, .bnavi ul b span:hover, .bnavi ul b a.active { background-position: 0 -46px; color: #2681a3; }
.bnavi ul b a.active { background-position: 0 0; }

.bnavi ul b span.closed { background-position: 0 -69px; }
.bnavi ul b span.closed:hover { background-position: 0 -92px; }

.bnavi ul b span.opened { background-position: 0 -115px; margin: 0; }

.bnavi .submenu, .bnavi .submenu div { overflow: hidden; width: 226px; }
.bnavi .submenu { margin-bottom: 1px; background: #e7e7e7 url("../images/submenu.png") no-repeat -226px 100%; }
.bnavi .submenu div { background: url("../images/submenu.png") no-repeat 0 0; }
.bnavi .submenu ul { display: block; margin-left: 8px; padding: 8px 0; width: 209px; }
.bnavi .submenu a { color: #2b7fa1; text-decoration: none; display: block; height: 19px; line-height: 18px; text-indent: 17px; background: url("../images/submenu.png") no-repeat -452px 0; }
.bnavi .submenu a:hover { background: #f8f8f8 url("../images/submenu.png") no-repeat -452px -19px; }

a.films { background: #377493 url("../images/afilms.jpg"); display: block; width: 226px; font-weight: bold; font-size: 1.35em; text-decoration: none; color: #fff; text-indent: 9px; height: 41px; line-height: 40px; }
a.films:hover { background-position: 0 -41px; }

a.bjoin img { margin: 0 0 6px 0; display: block; width: 254px; height: 53px; background: #338db0 url("../images/bjoin.png") no-repeat; }
a.bjoin:hover img { background-position: 0 -53px; }

.blockad { width: 254px; margin: 0 0 6px 0; overflow: hidden; background: #37526e url("../images/blockad.png") repeat-y -508px 0; }
.blockad .dtop { padding-top: 7px; background: url("../images/blockad.png") no-repeat 0 0; }
.blockad .dbtm { padding-bottom: 7px; background: url("../images/blockad.png") no-repeat -254px 100%; }
.blockad .dcont { padding-left: 7px; width: 240px; overflow: hidden; }
.blockad .dcont img { display: block; }

.bvote .vtitle { margin-bottom: 8px; padding-top: 6px; background: #59a8cc url("../images/vtitle.png") no-repeat 0 0; }
.bvote .vtitle b { line-height: normal; color: #fff; display: block; padding: 0 8px 6px 8px; background: url("../images/vtitle.png") no-repeat -222px 100%; }

/*footer*/
.footer { position: relative; padding: 0 0 0 214px; height: 82px; margin-bottom: 15px; overflow: hidden; background: #f8fbfd url("../images/footer.png") no-repeat; }

.copyright { margin-top: 33px; float: left; color: #263142; line-height: normal; }
.copyright a { color: #263142; }

.counts { display: inline; }
.counts ul { position: absolute; right: 19px; margin-top: 31px; }
.counts ul li { float: left; width: 88px; margin-left: 4px; }

.ftir { padding-left: 25px; position: relative; height: 36px; overflow: hidden; }

.centroarts { position: absolute; display: block; top: 0; right: 25px; width: 100px; height: 22px; overflow: hidden; line-height: 100px; background: url("../images/centroarts.png") no-repeat; white-space: nowrap; }

a.uppage { text-decoration: none; height: 20px; line-height: 19px; color: #35444c; float: left; padding-left: 28px; background: url("../images/uppage.png") no-repeat; }
a.uppage:hover { color: #4d6876; }

.myarts { text-decoration: none; color: #999; float: none; }
a.myarts { text-decoration: none; color: #CCC; float: none; }
a.myarts:hover { color: #35444c; }

a.user-header {text-decoration: none; border-bottom: 1px dashed #298ad5; font: 1.3em Arial, Sans-serif; display: block; margin-top: 10px;}
a.user-header:hover {background: #e7e7e7;}

/*Ссылки к новостям*/
#news_address {width:auto; height:100%; text-align:center; padding:10px; background:#e7e7e7; border: 1px dashed #298ad5;}
#news_address2 {width:auto; height:100%; text-align:center; padding:10px; background:#FFF; border: 1px dashed #298ad5;}
.na_inp {width:600px; padding:4px; margin:10px 0 20px 0;}

.pmmk_player {

width: 700px;
height: 338px;
border: 1px solid #c0bbb3;
margin-bottom: 10px;
}


Последний раз редактировалось Max2011; 18.06.2011 в 14:57..
  Ответить с цитированием
 
Время генерации страницы 0.08556 секунды с 10 запросами