[ Вопрос ] Подкрутка шаблона

[WaReZ0k]

Здравствуйте!
Помогите мне немного настроить шаблон!
Вот собственно в чем проблема!
Смотрим главную страницу:

Видим что растояние между блоком и новостью есть растояние!

Теперь смотрим на полную новость (fullstory):

Видим что растояние намного меньше!

Как сделать так чтобы они были одинаковыми! Ну всмысле чтобы от блока к новости было одинаковое растояние!

Если нужно выложить какие-то файлы - говорите!

Заранее благодарен!

[WaReZ0k]

Вот еще что, определил что так отображается на Firefox а на IE все нормально! Как подогнать под Firefox?

[Злой]

Да уж, по картинкам чтоли определять какой атрибут какого стиля отвечает за этот отступ?

[jakal]

Доброго времени суток!
у мну тоже есть проблемка с шаблоном, вот такая

должно быть так :

а у меня так:

код вставлял в разные места и что то все равно не работает прокрутка картинок?(

Скачать шаблон можно здесь

p.s. от какой версии шаблон не знаю, но я его адаптировал по инструкции к версии DLE 9.2 так как у мну версия движка на сайте 9.2. Буду очень благодарен за помощь!)

[jakal]

Так что никто не поможет разобраться с .js или что всему этому виной?)

[Serberg]

Так что никто не поможет разобраться с .js или что всему этому виной?)

Сноси шапку к чертой бабушке и нижний пропеллер картинок - и все будет пучком. А если тебе этот пропелер нужен - так ищи его отдельно и приделывай к шаблону.

[Злой]

Сноси шапку к чертой бабушке

Жестко )))

Дау тебя видимо не правильно подрублен яваскрипт, ну или как вариант css, проверь работоспособность ссылок.

[jakal]

Сноси шапку к чертой бабушке и нижний пропеллер картинок - и все будет пучком. А если тебе этот пропелер нужен - так ищи его отдельно и приделывай к шаблону.

в том то и дело что пропеллеры хочу оставить нижний будет самое популярное отображать а верхний на баннеры (для друзей, знакомых) супер вещь!_)

Дау тебя видимо не правильно подрублен яваскрипт, ну или как вариант css, проверь работоспособность ссылок.

Ссылки подключения яваскипт правильны эт я в первую очередь просмотрел, думал глянуть в сам файлик яваскрипт, а там ничего не разобрать, а uncompresed файлика нету), вот и прошу помощи может кто знает каким образом работает эта хрень, насколько я понял это стянуто с Joomla, но какой именно модуль? а хоть и найду толку он веть устанавливается через панель, а не в Index.php (((

[Злой]

насколько я понял это стянуто с Joomla

Очнись, у тебя проблемы не с Джумлой, а с яваскриптом который крутит эту карусель или с css который задает ей стиль.
Если как ты говроришь ссылки на подключение верные, то видимо сами файлы не те.
Решение: найти верные и подрубить их.

Есть конечно вариант что там в шаблоне обозваны блоки как надо, но мы ведь тут на кофейной гуще гадаем ))) И легких путей не ищем.

А вообще в этом шабе есть вот что:

<!--Здесь находится .js на всякий случай
        http://home.meijifansub.com/modules/mod_rokintroscroller/rokintroscroller-mt1.2.js
        http://www.ilfusion.com/sites/all/modules/drokintroscroller/rokintroscroller-mt1.2.js 
-->
<script type="text/javascript" src="/{THEME}/css/rokintroscroller-mt1.2.js"></script

>

[jakal]

Очнись, у тебя проблемы не с Джумлой, а с яваскриптом который крутит эту карусель или с css который задает ей стиль.
Если как ты говроришь ссылки на подключение верные, то видимо сами файлы не те.
Решение: найти верные и подрубить их.

Есть конечно вариант что там в шаблоне обозваны блоки как надо, но мы ведь тут на кофейной гуще гадаем ))) И легких путей не ищем.

А вообще в этом шабе есть вот что:

<!--Здесь находится .js на всякий случай
        http://home.meijifansub.com/modules/mod_rokintroscroller/rokintroscroller-mt1.2.js
        http://www.ilfusion.com/sites/all/modules/drokintroscroller/rokintroscroller-mt1.2.js 
-->
<script type="text/javascript" src="/{THEME}/css/rokintroscroller-mt1.2.js"></script

>

дело в том что это я эти две ссылки сюда вписал на всякий случай

<!--Здесь находится .js на всякий случай
        http://home.meijifansub.com/modules/...oller-mt1.2.js
        http://www.ilfusion.com/sites/all/mo...oller-mt1.2.js 
-->

я искал этот файл чтоб заменить на оригинальный и в итоге получилось что они одинаковые, и скрипт пробовал подключать по ссылкам высше а не из директории движка, все равно не работает карусель(

Я и не писал что у меня проблемы с Джумлой, я писал что эта карусель стянута с джумлы, и думаю раз в шаблоне это все есть (блоки, ссылки) то как бы кто то, кто подключал довел эту карусель до рабочего состояния, а вот чего она у меня не хочет работать, этого не знаю, к сожалению!(

[jakal]

Я так понял, что пока у меня не будет столько знаний чтоб самому в этом разобраться, никто мне и не поможет!(

[jakal]

а может кто за определенную цену сделает? если кто разбирается в этом, то напишите сколько хотите за данную работу?)

[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]

Вроде мне удалось подогнать весь шаблон (шапку, левый блок, футер) под разные разрешения экрана, только вот остался на месте "Центральный блок" (текст) так как его код находится не в "styles.css" а в "main.css " и конечно я не знаю что и где к нему нужно прописать....
вот пример экран 1152х864 - все блоки стоят ровно
http://s42.radikal.ru/i098/1106/00/3949c0b29d6a.jpg
пример экран 1280х1024 - центр. блок остался на месте
http://s47.radikal.ru/i118/1106/30/270335e2b8c1.jpg
вот "main.css "

Нажми для просмотра

.midblock { border: 1px solid #e4e3df; width: 715px; margin: 0 0 6px 0; background-color: #fff; }
.midblock .dtop, .midblock .dbtm { position: relative; z-index: 34; margin: -1px -1px 0 -1px; width: 717px; height: 9px; line-height: 1px; font-size: 1px; overflow: hidden; background: url("../images/midblock.png") no-repeat 0 0; }
.midblock .dbtm { margin: 0 -1px -1px -1px; height: 11px; background-position: 0 -9px; }
.fullstory .dbtm { background: #f5f5f5 url("../images/fullstorybtm.png") no-repeat 0 100%; }

.midblock .btags { margin-left: 14px; width: 440px; }
.midblock .btags h3 { font-size: 1.35em; font-weight: bold; color: #263142; }
.midblock .adwt { width: 240px; padding-right: 11px; }

.midblock .btoplinks { margin-left: 9px; width: 340px; }
.midblock .bnewlinks { padding-right: 9px; width: 340px; }

.midblock .btoplinks h3, .midblock .bnewlinks h3 { font-size: 1.1em; font-weight: bold; color: #263142; height: 29px; padding-left: 30px; line-height: 28px; background: url("../images/topnewlinks.png") no-repeat; margin: 0 0 5px 0; }
.midblock .btoplinks h3 { background-position: 0 -29px; }
.midblock .btoplinks .dcont, .midblock .bnewlinks .dcont { padding-left: 8px; }

.midblock .vsep { width: 100%; background: url("../images/vseptop.png") no-repeat 50% 0; }
.midblock .vsep .vsep { background: url("../images/vsepbtm.png") no-repeat 50% 100%; }

.midbanner { margin: 0 0 6px 1px; padding-bottom: 9px; width: 715px; background: #cecece url("../images/midbanner_btm.png") no-repeat 0 100%; }
.midbanner .dtop { text-align: center; padding-top: 9px; background: #cecece url("../images/midbanner_top.png") no-repeat 0 0; }