ошибка в 3 колоночном шаблоне
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
не работают как надо 3х колоночный шаблон
#1
5 декабря 2015 в 17:27
помогите исправить ошибку. При выборе siderbar левый получается ошибка, выводит контейнер выше maintop, но если вывести оба siderbar- левый и правый то все в порядке, хотелось бы сделать так: если выбираешь левый siderbar то maintop был с право как надо, если выбираешь siderbar правый то maintop был с лево в нормальном положении
#2
5 декабря 2015 в 18:49
Выложите под споллер код шаблона для начала или ссылку на сайт.
#3
5 декабря 2015 в 20:59
<?php
/******************************************************************************/
// //
// InstantCMS v1.10.6 //
// instantcms.ru/ //
// //
// written by InstantCMS Team, 2007-2015 //
// produced by InstantSoft, (www.instantsoft.ru) //
// //
// LICENSED BY GNU/GPL v2 //
// //
/******************************************************************************/
/*
* Доступны объекты $inCore $inUser $inPage($this) $inConf $inDB
*/
// Получаем количество модулей на нужные позиции
$mod_count['top'] = $this->countModules('top');
$mod_count['topmenu'] = $this->countModules('topmenu');
$mod_count['left-sidebar'] = $this->countModules('left-sidebar');
$mod_count['sidebar-right'] = $this->countModules('sidebar-right');
// подключаем jQuery и js ядра в самое начало
$this->prependHeadJS('core/js/common.js');
$this->prependHeadJS('includes/jquery/jquery.js');
// Подключаем стили шаблона
$this->addHeadCSS('templates/'.TEMPLATE.'/css/reset.css');
$this->addHeadCSS('templates/'.TEMPLATE.'/css/text.css');
$this->addHeadCSS('templates/'.TEMPLATE.'/css/960.css');
$this->addHeadCSS('templates/'.TEMPLATE.'/css/styles.css');
// Подключаем colorbox (просмотр фото)
$this->addHeadJS('includes/jquery/colorbox/jquery.colorbox.js');
$this->addHeadCSS('includes/jquery/colorbox/colorbox.css');
$this->addHeadJS('includes/jquery/colorbox/init_colorbox.js');
// LANG фразы для colorbox
$this->addHeadJsLang(array('CBOX_IMAGE','CBOX_FROM','CBOX_PREVIOUS','CBOX_NEXT','CBOX_CLOSE','CBOX_XHR_ERROR','CBOX_IMG_ERROR', 'CBOX_SLIDESHOWSTOP', 'CBOX_SLIDESHOWSTART'));
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" prefix="og: ogp.me/ns# video: ogp.me/ns/video# music: ogp.me/ns/music# ya: webmaster.yandex.ru/vocabularies/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<?php $this->printHead(); ?>
<?php if($inUser->is_admin){ ?>
<script src="/admin/js/modconfig.js" type="text/javascript"></script>
<link href="/templates/<?php echo TEMPLATE; ?>/css/modconfig.css" rel="stylesheet" type="text/css" />
<?php } ?>
</head>
<body>
<?php if ($inConf->siteoff && $inUser->is_admin) { ?>
<div style="margin:4px; padding:5px; border:solid 1px red; background:#FFF; position: fixed;opacity: 0.8; z-index:999"><?php echo $_LANG['SITE_IS_DISABLE']; ?></div>
<?php } ?>
<div id="wrapper">
<div id="header">
<div class="container_12">
<div class="grid_2">
<div id="sitename"><a href="/"></a></div>
</div>
<div class="grid_10">
<?php if ($inConf->is_change_lang){
$langs = cmsCore::getDirsList('/languages'); ?>
<div onclick="$('#langs-select').toggle().toggleClass('active_lang');$(this).toggleClass('active_lang'); return false;" title="<?php echo $_LANG['TEMPLATE_INTERFACE_LANG']; ?>" id="langs" style="background-image: url(/templates/<?php echo TEMPLATE; ?>/images/icons/langs/<?php echo $inConf->lang; ?>.png);">
<span>▼</span>
<ul id="langs-select">
<?php foreach ($langs as $lng) { ?>
<li onclick="setLang('<?php echo $lng; ?>'); return false;" style="background-image: url(/templates/<?php echo TEMPLATE; ?>/images/icons/langs/<?php echo $lng; ?>.png);"><?php echo $lng; ?></li>
<?php } ?>
</ul>
</div>
<?php } ?>
<?php $this->printModules('header'); ?>
</div>
</div>
</div>
<div id="page">
<?php if($mod_count['topmenu']) { ?>
<div class="container_12" id="topmenu">
<div class="grid_12">
<?php $this->printModules('topmenu'); ?>
</div>
</div>
<?php } ?>
<?php if ($mod_count['top']){ ?>
<div class="clear"></div>
<div id="topwide" class="container_12">
<div class="grid_12" id="topmod"><?php $this->printModules('top'); ?></div>
</div>
<?php } ?>
<div id="pathway" class="container_12">
<div class="grid_12"><?php $this->printPathway('→'); ?></div>
</div>
<div class="clear"></div>
<!-- ************************************ -->
<div id="mainbody" class="container_12">
<?php if ($mod_count['left-sidebar']) { ?>
<div class="grid_3" id="sidebar"><?php $this->printModules('left-sidebar'); ?></div>
<?php } ?>
<div id="main" class="<?php
if ($mod_count['left-sidebar']&&$mod_count['sidebar-right']) { ?>grid_6<?php }
elseif ($mod_count['sidebar']||$mod_count['leftbar']) { ?>grid_9<?php } else { ?>grid_12<?php } ?>">
<?php $this->printModules('maintop'); ?>
<?php $messages = cmsCore::getSessionMessages(); ?>
<?php if ($messages) { ?>
<div class="sess_messages" id="sess_messages">
<?php foreach($messages as $message){ ?>
<?php echo $message; ?>
<?php } ?>
</div>
<?php } ?>
<?php if($this->page_body){ ?>
<div class="component">
<?php $this->printBody(); ?>
</div>
<?php } ?>
<?php $this->printModules('mainbottom'); ?>
</div>
<?php if ($mod_count['sidebar-right']) { ?>
<div class="grid_3" id="sidebar"><?php $this->printModules('sidebar-right'); ?></div>
<?php } ?>
</div>
<!-- ************************************ -->
</div>
</div>
<div id="footer">
<div class="container_12">
<div class="grid_8">
<div id="copyright"><?php $this->printSitename(); ?> © <?php echo date('Y'); ?></div>
</div>
<div class="grid_4 foot_right">
<a href="http://instantcms.ru/" title="<?php echo $_LANG['POWERED_BY_INSTANTCMS']; ?>" target="_blank">
<img src="/templates/<?php echo TEMPLATE; ?>/images/b88x31.gif" border="0"/>
</a>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
$('#sess_messages').hide().fadeIn();
$('#topmenu .menu li, #usermenu li').hover(
function() {
$(this).find('ul:first').fadeIn('fast');
$(this).find('a:first').addClass("hover");
},
function() {
$(this).find('ul:first').hide();
$(this).find('a:first').removeClass("hover");
}
);
});
</script>
<?php if($inConf->debug && $inUser->is_admin){ cmsPage::includeTemplateFile('special/debug.php'); } ?>
</body>
</html>
/******************************************************************************/
// //
// InstantCMS v1.10.6 //
// instantcms.ru/ //
// //
// written by InstantCMS Team, 2007-2015 //
// produced by InstantSoft, (www.instantsoft.ru) //
// //
// LICENSED BY GNU/GPL v2 //
// //
/******************************************************************************/
/*
* Доступны объекты $inCore $inUser $inPage($this) $inConf $inDB
*/
// Получаем количество модулей на нужные позиции
$mod_count['top'] = $this->countModules('top');
$mod_count['topmenu'] = $this->countModules('topmenu');
$mod_count['left-sidebar'] = $this->countModules('left-sidebar');
$mod_count['sidebar-right'] = $this->countModules('sidebar-right');
// подключаем jQuery и js ядра в самое начало
$this->prependHeadJS('core/js/common.js');
$this->prependHeadJS('includes/jquery/jquery.js');
// Подключаем стили шаблона
$this->addHeadCSS('templates/'.TEMPLATE.'/css/reset.css');
$this->addHeadCSS('templates/'.TEMPLATE.'/css/text.css');
$this->addHeadCSS('templates/'.TEMPLATE.'/css/960.css');
$this->addHeadCSS('templates/'.TEMPLATE.'/css/styles.css');
// Подключаем colorbox (просмотр фото)
$this->addHeadJS('includes/jquery/colorbox/jquery.colorbox.js');
$this->addHeadCSS('includes/jquery/colorbox/colorbox.css');
$this->addHeadJS('includes/jquery/colorbox/init_colorbox.js');
// LANG фразы для colorbox
$this->addHeadJsLang(array('CBOX_IMAGE','CBOX_FROM','CBOX_PREVIOUS','CBOX_NEXT','CBOX_CLOSE','CBOX_XHR_ERROR','CBOX_IMG_ERROR', 'CBOX_SLIDESHOWSTOP', 'CBOX_SLIDESHOWSTART'));
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" prefix="og: ogp.me/ns# video: ogp.me/ns/video# music: ogp.me/ns/music# ya: webmaster.yandex.ru/vocabularies/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<?php $this->printHead(); ?>
<?php if($inUser->is_admin){ ?>
<script src="/admin/js/modconfig.js" type="text/javascript"></script>
<link href="/templates/<?php echo TEMPLATE; ?>/css/modconfig.css" rel="stylesheet" type="text/css" />
<?php } ?>
</head>
<body>
<?php if ($inConf->siteoff && $inUser->is_admin) { ?>
<div style="margin:4px; padding:5px; border:solid 1px red; background:#FFF; position: fixed;opacity: 0.8; z-index:999"><?php echo $_LANG['SITE_IS_DISABLE']; ?></div>
<?php } ?>
<div id="wrapper">
<div id="header">
<div class="container_12">
<div class="grid_2">
<div id="sitename"><a href="/"></a></div>
</div>
<div class="grid_10">
<?php if ($inConf->is_change_lang){
$langs = cmsCore::getDirsList('/languages'); ?>
<div onclick="$('#langs-select').toggle().toggleClass('active_lang');$(this).toggleClass('active_lang'); return false;" title="<?php echo $_LANG['TEMPLATE_INTERFACE_LANG']; ?>" id="langs" style="background-image: url(/templates/<?php echo TEMPLATE; ?>/images/icons/langs/<?php echo $inConf->lang; ?>.png);">
<span>▼</span>
<ul id="langs-select">
<?php foreach ($langs as $lng) { ?>
<li onclick="setLang('<?php echo $lng; ?>'); return false;" style="background-image: url(/templates/<?php echo TEMPLATE; ?>/images/icons/langs/<?php echo $lng; ?>.png);"><?php echo $lng; ?></li>
<?php } ?>
</ul>
</div>
<?php } ?>
<?php $this->printModules('header'); ?>
</div>
</div>
</div>
<div id="page">
<?php if($mod_count['topmenu']) { ?>
<div class="container_12" id="topmenu">
<div class="grid_12">
<?php $this->printModules('topmenu'); ?>
</div>
</div>
<?php } ?>
<?php if ($mod_count['top']){ ?>
<div class="clear"></div>
<div id="topwide" class="container_12">
<div class="grid_12" id="topmod"><?php $this->printModules('top'); ?></div>
</div>
<?php } ?>
<div id="pathway" class="container_12">
<div class="grid_12"><?php $this->printPathway('→'); ?></div>
</div>
<div class="clear"></div>
<!-- ************************************ -->
<div id="mainbody" class="container_12">
<?php if ($mod_count['left-sidebar']) { ?>
<div class="grid_3" id="sidebar"><?php $this->printModules('left-sidebar'); ?></div>
<?php } ?>
<div id="main" class="<?php
if ($mod_count['left-sidebar']&&$mod_count['sidebar-right']) { ?>grid_6<?php }
elseif ($mod_count['sidebar']||$mod_count['leftbar']) { ?>grid_9<?php } else { ?>grid_12<?php } ?>">
<?php $this->printModules('maintop'); ?>
<?php $messages = cmsCore::getSessionMessages(); ?>
<?php if ($messages) { ?>
<div class="sess_messages" id="sess_messages">
<?php foreach($messages as $message){ ?>
<?php echo $message; ?>
<?php } ?>
</div>
<?php } ?>
<?php if($this->page_body){ ?>
<div class="component">
<?php $this->printBody(); ?>
</div>
<?php } ?>
<?php $this->printModules('mainbottom'); ?>
</div>
<?php if ($mod_count['sidebar-right']) { ?>
<div class="grid_3" id="sidebar"><?php $this->printModules('sidebar-right'); ?></div>
<?php } ?>
</div>
<!-- ************************************ -->
</div>
</div>
<div id="footer">
<div class="container_12">
<div class="grid_8">
<div id="copyright"><?php $this->printSitename(); ?> © <?php echo date('Y'); ?></div>
</div>
<div class="grid_4 foot_right">
<a href="http://instantcms.ru/" title="<?php echo $_LANG['POWERED_BY_INSTANTCMS']; ?>" target="_blank">
<img src="/templates/<?php echo TEMPLATE; ?>/images/b88x31.gif" border="0"/>
</a>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
$('#sess_messages').hide().fadeIn();
$('#topmenu .menu li, #usermenu li').hover(
function() {
$(this).find('ul:first').fadeIn('fast');
$(this).find('a:first').addClass("hover");
},
function() {
$(this).find('ul:first').hide();
$(this).find('a:first').removeClass("hover");
}
);
});
</script>
<?php if($inConf->debug && $inUser->is_admin){ cmsPage::includeTemplateFile('special/debug.php'); } ?>
</body>
</html>
Сегодня в 01:26
#4
5 декабря 2015 в 22:13
alex,
Это содержимое template.php (кстати, убирайте такие длинные простыни под спойлер), как видно в нем стили не прописаны.
На первой картинке видно, что центральная часть просто не помещается на отведенное ей место, отчего съезжает вниз. Нужно просто уменьшить ширину центрального блока для случая, когда третья колонка не используется.
Вы где этот трехколоночный шаблон взяли?
Это содержимое template.php (кстати, убирайте такие длинные простыни под спойлер), как видно в нем стили не прописаны.
На первой картинке видно, что центральная часть просто не помещается на отведенное ей место, отчего съезжает вниз. Нужно просто уменьшить ширину центрального блока для случая, когда третья колонка не используется.
Вы где этот трехколоночный шаблон взяли?
#5
5 декабря 2015 в 23:08
HiAndy, тут на форуме взял instantcms.ru/blogs/lonelycat/drugie-kolonki-dlja-shablona.html
HiAndy, я делал меньше maintop, но тогда получается что все остальное в тех пораметрах, что я и делал maintop, это в своем профиле, новостях итд…
Вы говорите:
а, похоже, хотели сказать:
Олег Васильевич я, огромное спасибо!!! не заметил этого, для начинающего я думаю это можно
#9
5 декабря 2015 в 23:56
Да все мы начинающие, следовательно, — "могём"для начинающего я думаю это можно
#10
6 декабря 2015 в 00:27
alex, тут всех профи разогнали дано...:)
#11
7 декабря 2015 в 11:49
Олег Васильевич я, спасибо за помощь!