Bootstrap шаблон

Решение проблем с внедрением bootstrap

1
2
3
4
...
14
Следующая
Показаны 1-15 из 209

#1 7 ноября 2012 в 02:14

Здравствуйте, уважаемые форумчане!
Решил познать азы шаблоностроения, но вот вопросов, больше чем решений пока :(
Знаний моих очень маловато, так что надеюсь, эта тема будет полезна не только мне, но и другим новичкам.
Итак, к делу...
Значит, дефолтный шаблон скопировал, переименовал с заменой дефолтного названия на новое по всем файлам. Далее скачал бутстрап с сайта и все скрипты. Пытаюсь прикрутить его к шаблону, а потом уже ваять позиции и все такое прочее.
Файл template пока такой

<?php
/******************************************************************************/
//                                                                            //
//                             InstantCMS v1.10                               //
//                        http://instantcms.ru/                           //
//                            Шаблон от AndroS                                //
//                                                                            //
/******************************************************************************/
 
   // Предотвращаем прямой доступ к файлу
   if(!defined('VALID_CMS')) die('Forbidden');
   // Подключаем классы
   $inUser   = cmsUser::getInstance();
   $inPage   = cmsPage::getInstance();
 
   // Здесь же определяем переменную для системных сообщений
 
 
   $mod_count['top']     = $inPage->countModules('top');
   $mod_count['right'] = $inPage->countModules('right');
 
?>
<!DOCTYPE html>
 
<html lang="ru">
 
  <head>
    <meta charset="utf-8">
	   <!-- Подключаем jQuery и <meta> с описанием сайта и т.д. -->
   <?php $inPage->printHead(); ?>
    <link href="/css/bootstrap.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="/css/bootstrap-responsive.css" rel="stylesheet">
    <!--[if lt IE 9]-->
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 
 
		   <!-- Подключаем скрипты для админа -->
    <?php if($inUser->is_admin){ ?>
      <script src="/admin/js/modconfig.js" type="text/javascript"></script>
      <script src="/templates/bimall/js/nyromodal.js" type="text/javascript"></script>
      <link href="/templates/bimall/css/modconfig.css" rel="stylesheet" type="text/css" />
      <link href="/templates/bimall/css/nyromodal.css" rel="stylesheet" type="text/css" />
   <?php } ?>
  </head>
 
  <body>
 
		<?php if (cmsConfig::getConfig('siteoff') && $inUser->is_admin) { ?>
<div style="margin:4px; padding:5px; border:solid 1px red; background:#FFF; position: fixed;opacity: 0.8; z-index:999"><strong style="color:red">Сайт отключен.</strong> Только администраторы видят его содержимое.</div>
<?php } ?>
 
<div id="topmenu">
<?php $inPage->printModules('topmenu'); ?>
</div>
 
<div id="usermenu">
					    <?php if (!$inUser->id){ ?>
                            <span class="register"><a href="/registration">Регистрация</a></span>
                            <span class="login"><a href="/login">Вход</a></span>
 
                    <?php } else { ?>
                        <?php $inPage->printModules('usermenu'); ?>
                    <?php } ?>
						</div>
 
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Project name</a>
        </div>
      </div>
    </div>
 
    <div class="container">
 
      <h1>Bootstrap starter template</h1>
      <p>Use this document as a way to quick start any new project.<br> All you get is this message and a barebones HTML document.</p>
 
    </div> <!-- /container -->
 
 
    <!-- Подключаем скрипты бутстрап-->
    <script src="/templates/bimall/js/bootstrap.js"></script>
	<script src="/templates/bimall/js/bootstrap.min.js"></script>
    <script src="/templates/bimall/js/bootstrap-transition.js"></script>
    <script src="/templates/bimall/js/bootstrap-alert.js"></script>
    <script src="/templates/bimall/js/bootstrap-modal.js"></script>
    <script src="/templates/bimall/js/bootstrap-dropdown.js"></script>
    <script src="/templates/bimall/js/bootstrap-scrollspy.js"></script>
    <script src="/templates/bimall/js/bootstrap-tab.js"></script>
    <script src="/templates/bimall/js/bootstrap-tooltip.js"></script>
    <script src="/templates/bimall/js/bootstrap-popover.js"></script>
    <script src="/templates/bimall/js/bootstrap-button.js"></script>
    <script src="/templates/bimall/js/bootstrap-collapse.js"></script>
    <script src="/templates/bimall/js/bootstrap-carousel.js"></script>
    <script src="/templates/bimall/js/bootstrap-typeahead.js"></script>
 
  </body>
</html>

Уважаемые знатоки, подскажите для начала, может, я какую-то ошибку допустил в прицеплении js и в оформлении шаблона в целом? На структуру прошу внимания не обращать, ибо пока проверяю работоспособность js. Почему-то изменения не применяются, кеш чистил, в том числе и системную папку cache. Модуль меню пользователя отображается тупо в таком виде вместо выпадающей кнопки
Иллюстрация

А вот код моего www\templates\bimall\modules\mod_usermenu.tpl

<div class="mod_user_menu">
 
<div class="btn-group">
  <button class="btn"><a href="{profile_url login=$login}">{$nickname}</a></button>
  <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  <ul class="dropdown-menu">
 
 
 
    {if $is_billing}
        <li><span>
            <a href="{profile_url login=$login}#upr_p_balance" title="Баланс">{if $balance}{$balance}{else}0{/if}</a>
        </li>
    {/if}
 
    {if $users_cfg.sw_msg}
    <li>
        {if $newmsg.total}
            <a class="has_new" href="/users/{$id}/messages{if !$newmsg.messages}-notices{/if}.html" title="{$LANG.NEW_MESSAGES}: {$newmsg.messages}, {$LANG.NEW_NOTICES}: {$newmsg.notices}">{$LANG.USERMENU_MESS} ({$newmsg.total})</a>
        {else}
            <a href="/users/{$id}/messages.html">{$LANG.USERMENU_MESS}</a>
        {/if}
    </li>
    {/if}
 
    {if $users_cfg.sw_blogs}
    <li>
        <a href="/blogs/my_blog.html">{$LANG.USERMENU_MY_BLOG}</a>
    <li>
    {/if}
 
    {if $users_cfg.sw_photo}
    <li>
        <a href="/users/{$id}/photoalbum.html">{$LANG.USERMENU_PHOTOS}</a>
    </li>
    {/if}
 
    {if $is_can_add && !$is_admin}
    <li>
        <a href="/content/my.html">{$LANG.USERMENU_ARTICLES}</a>
    </li>
 
    <li>
        <a href="/content/add.html">{$LANG.USERMENU_ADD_ARTICLE}</a>
    </li>
    {/if}
 
    {if $is_admin}
    <li>
        <a href="/admin" target="_blank">{$LANG.USERMENU_ADMININTER}</a>
    </li>
    {/if}
 
	<li class="divider"></li>
   <li>
        <a href="/logout">{$LANG.USERMENU_EXIT}</a>
    </li></ul>
 
</div>
	</div>

Вкусные цены на NVME Win-сервера, Компоненты для заработка

#2 7 ноября 2012 в 07:05

Ну где же наши знатоки, спят еще? :)

Вкусные цены на NVME Win-сервера, Компоненты для заработка

#3 7 ноября 2012 в 07:28

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

<link href="/css/bootstrap.css" rel="stylesheet">

у меня вызывает сомнения — стили точно подгружаются?

и это

</style> <link href="/css/bootstrap-responsive.css" rel="stylesheet">

расположение правильное?

Сегодня в 07:54

#4 7 ноября 2012 в 09:42

Попробуй прописать полный путь до bootstrap-responsive.css вот так

<link href="/templates/bimall/css/bootstrap-responsive.css" rel="stylesheet">

А в mod_usermenu.tpl прописать только ту JS которая будет отвечать за меню

{literal}<script src="/templates/bimall/js/Скрипт.js" type="text/javascript"></script>{/literal}

#5 7 ноября 2012 в 10:37

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

#6 7 ноября 2012 в 12:21

У вас путь к файлу стилей прописан от корня сайта а не от папки с шаблоном
darkheart

Так и должно быть, Юрич верно подсказал.

я сомневаюсь, судя по вашему коду, что вы все фишки bootstrap использовать будете
darkheart

Потом удалю неиспользуемые. Сейчас важно разобраться, что к чему.
Теперь вот вопрос: нужно ли какие-то правки в js делать? Кнопка появилась, только вот нажатия на нее не выполняют никаких действий

Вкусные цены на NVME Win-сервера, Компоненты для заработка

#7 7 ноября 2012 в 15:34

это надо основную js обновлять до 1,7 минимум. а по умолчанию в ICMS 1.5.2

Тут мне хватает на ипотеку | Стабильный доход с сайта | Быстрые деньги с сайта

#8 7 ноября 2012 в 15:57

секция head

 
<head>
        <!-- HEAD !-->
        <?php $inPage->printHead(); ?>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <?php if($inUser->is_admin){ ?>
            <script src="/admin/js/modconfig.js" type="text/javascript"></script>
            <script src="/templates/bootstrap/js/nyromodal.js" type="text/javascript"></script>
            <link href="/templates/bootstrap/css/modconfig.css" rel="stylesheet" type="text/css" />
            <link href="/templates/bootstrap/css/nyromodal.css" rel="stylesheet" type="text/css" />
        <?php } ?>
        <script src="/templates/bootstrap/js/bootstrap.js"></script>
        <link href="/templates/bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="/templates/bootstrap/css/styles.css" rel="stylesheet">
        <link href="/templates/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
 
 
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
 
    </head><!-- END HEAD -->

где bootstrap = имя шаблона

юзер меню

 
<ul class="nav pull-right">
    <li><a href="{profile_url login=$login}">{$nickname}</a></li>
    {if $is_billing}<li><a href="{profile_url login=$login}#upr_p_balance" title="Баланс">{if $balance}{$balance}{else}0{/if}</a></li>{/if}
    {if $users_cfg.sw_msg}        
        {if $newmsg.total}
            <li><a class="has_new" href="/users/{$id}/messages{if !$newmsg.messages}-notices{/if}.html" title="{$LANG.NEW_MESSAGES}: {$newmsg.messages}, {$LANG.NEW_NOTICES}: {$newmsg.notices}">{$LANG.USERMENU_MESS} ({$newmsg.total})</a></li>
        {else}
            <li><a href="/users/{$id}/messages.html">{$LANG.USERMENU_MESS}</a></li>
        {/if}       
    {/if}        
    {if $users_cfg.sw_blogs}<li><a href="/blogs/my_blog.html">{$LANG.USERMENU_MY_BLOG}</a></li>{/if}
    {if $users_cfg.sw_photo}<li><a href="/users/{$id}/photoalbum.html">{$LANG.USERMENU_PHOTOS}</a></li>{/if}
    {if $is_can_add && !$is_admin}
        <li><a href="/content/my.html">{$LANG.USERMENU_ARTICLES}</a></li>
        <li><a href="/content/add.html">{$LANG.USERMENU_ADD_ARTICLE}</a></li>
    {/if}
    {if $is_admin}<li><a href="/admin" target="_blank">{$LANG.USERMENU_ADMININTER}</a></li>{/if}    
    <li><a href="/logout">{$LANG.USERMENU_EXIT}</a></li>
 
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>
    </li>
 
</ul>

Если я молчу, это еще не значит, что я ничего не читаю.

#9 7 ноября 2012 в 15:58

это надо основную js обновлять до 1,7 минимум. а по умолчанию в ICMS 1.5.2
RooKee

да! без этого работать не будет
но с обновленным js перестанут работать некоторые функции в админке

Если я молчу, это еще не значит, что я ничего не читаю.

#10 7 ноября 2012 в 19:52

js тут вот какое дело ребята, система наша работает с версией библиотеки v1.5.2, замена ее на более новую версию влечет за собой появление глюков на сайте а без последней версии библиотеки Bootstrap работать не будет.
bootstrap.veliovgroup.com/javascript.php под блоками почитайте о чем вас предупреждают.
smile

шаблон на bootstrap наверное только в части цсс получится а js наверное пока еще нет

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

#11 7 ноября 2012 в 19:53

Сам с этой проблемой столкнулся, нужно было было модальное окно на страницу добавить а оно вот как со мной ну и с вами

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

#12 8 ноября 2012 в 10:34

Понятно, будем обновлять тогда jquery

Вкусные цены на NVME Win-сервера, Компоненты для заработка

#13 8 ноября 2012 в 11:45

но с обновленным js перестанут работать некоторые функции в админке
mexanik

Если только в админке не будут работать, то можно в админке оставить старую версию, а на самом сайте обновить до 1.8.2 (последняя на текущий момент). Придется хакнуть page.class.php

оптимизирую помаленьку

#14 8 ноября 2012 в 11:46

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

#15 8 ноября 2012 в 12:43

У меня после обновления все работало, кроме некоторых вещей в админки.

1
2
3
4
...
14
Следующая
Показаны 1-15 из 209

Где находится описание всех кл

Новая позиция для вывода модул

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Bootstrap шаблон

Похожие темы

Как заменить версию Bootstrap-4 на Bootstrap-5 в Шаблоне Modern?

[ЕСТЬ РЕШЕНИЕ] UIkit 3 или Bootstrap?

Bootstrap шаблоны для типов контента, виджетов, групп, профилей

Нужен совет по Bootstrap

CSS классы для bootstrap

Ошибка в установке 2.14 на Denwer 3

InstantCMS Team

О проекте

Поддержка

Дополнения