Instantcms Изменение хлебных крошек в instantCMS v1.10.3

Тема в разделе "Доработки Instantcms", создана пользователем admin, 1 авг 2014.

  1. admin

    admin Глава Команда форума

    Сообщения:
    850
    Симпатии:
    77
    Пол:
    Мужской
    Чтобы сделать красивым глубинометр нужно поменять всего лишь два файла
    styles.css и page.class.php

    В папке (/templates/_default_/css/) находим файл (styles.css) меняем это (строка у дефолтного шаблона 197):

    Ищем:

    Код:
    .pathway{
        padding:0 20px 10px;
        color:#FFFFFF;
    
    }
    
    .pathway a{ color:#FFF; }
    .pathway a:hover{ color:#BFEAFF; text-decoration:none; }
    Меняем:

    Код:
    .pathway{
        padding:0 0px 0px;
        color:#FFFFFF;
    
    }
    
    .pathway a{ color:#FFF; text-decoration:none; }
    .pathway a:hover{ color:#BFEAFF; text-decoration:none; }
    
    *{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin:0;
        padding:0;
    }
    
    .container_pathway {
        overflow:hidden;
        width:927px;
        margin:-4px 0px 5px 5px;
    }
    
    
    #breadcrumbs_pathway {
        display: inline-block;
        margin: 0px 0px 0px;
        padding-right: 16px;
        border-radius: 10px;
        box-shadow:0 0 1px rgba(0,0,0,0.5);
                 
    }
    .button_pathway {
        display: inline-block;
        cursor: pointer;
        margin-right: -16px;
        box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25);
        background-color: #729fcf;
        background: -moz-linear-gradient(top, #729fcf, #3465a4);
        background: -o-linear-gradient(top, #729fcf, #3465a4);
        background: -webkit-gradient(linear, left top, left bottom, from(#729fcf), to(#3465a4));
    }
    .button_pathway:hover {
        background-color: #3465a4;
        background: -moz-linear-gradient(bottom, #729fcf, #3465a4);
        background: -o-linear-gradient(bottom, #729fcf, #3465a4);
        background: -webkit-gradient(linear, left bottom, left top, from(#729fcf), to(#3465a4));
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);}
    .button_pathway:first-child {border-radius: 10px 0 0 10px;}
    .button_pathway:last-child {border-radius: 0 10px 10px 0;}
    .label_pathway {
        text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4;
        color: white;
        height: 30px;
        padding: 5px 3px 8px 21px;
        -moz-user-select: none;
        -webkit-user-select: none;
        display: inline-block;
        padding-left: 16px;
    }
    .button_pathway:hover .label {text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4;}
    .button_pathway:first-child .label_pathway {padding-left: 8px;}
    .button_pathway:last-child .label_pathway {padding-right: 8px;}
    .button_pathway:last-child .arrow_pathway {display: none;}
    .arrow_pathway {width: 16px;height: 30px;display: inline-block;vertical-align: top;overflow: hidden;margin-left: 0px;}
    .arrow_pathway span {
        border-radius: 5px;
        width: 24px;height: 24px;
        display: inline-block;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        margin-left: -13px;
        margin-top: 3px;
        box-shadow: inset 1px 1px 0px rgba(255,255,255,0.25), 1px -1px 2px rgba(0,0,0,0.25);
        background-color: #729fcf;
        background: -moz-linear-gradient(135deg, #3465a4, #729fcf);
        background: -o-linear-gradient(135deg, #3465a4, #729fcf);
        background: -webkit-gradient(linear, right bottom, left top, from(#3465a4), to(#729fcf));
    }
    .button_pathway:hover .arrow_pathway span {
        background-color: #3465a4;
        background: -moz-linear-gradient(135deg, #729fcf, #3465a4);
        background: -o-linear-gradient(135deg, #729fcf, #3465a4);
        background: -webkit-gradient(linear, left top, right bottom, from(#3465a4), to(#729fcf));
        box-shadow: -1px 1px 2px rgba(255,255,255,0.25), inset -1px 1px 1px rgba(0,0,0,0.25);
    В папке (/core/classes/) находим файл (page.class.php) меняем это (строка у дефолтного шаблона 271):

    Ищем:

    Код:
    if ($this->pathway){
            echo '<div class="pathway">';
            foreach($this->pathway as $key=>$pathway){
                if(!isset($pathway['is_last'])){
                    echo '<a href="',$pathway['link'],'" class="pathwaylink">',$pathway['title'],'</a>';
                } else {
                    echo '<span class="pathwaylink">',$pathway['title'],'</span>';
                }
                if($key<$count-1){
                    echo ' ',$separator,' ';
                }
            }
            echo '</div>';
        }
    Меняем на это:

    Код:
    if ($this->pathway){
            echo '<div class="pathway"><div class="container_pathway"><div id="breadcrumbs_pathway">';
            foreach($this->pathway as $key=>$pathway){
                if(!isset($pathway['is_last'])){
                    echo '<div class="button_pathway"><span class="label_pathway"><a href="',$pathway['link'],'" class="pathwaylink">',$pathway['title'],'</a></span>';
                } else {
                    echo '<div class="button_pathway"><span class="label_pathway">',$pathway['title'],'</span>';
                }
                if($key<$count-1){
                    echo '<span class="arrow_pathway"><span>',$separator,'</span></span></div>';
                }
            }
            echo '</div></div></div>';
        }
     
Похожие темы
  1. keria18kyryl
    Ответов:
    0
    Просмотров:
    1.588
  2. DLE
    Ответов:
    0
    Просмотров:
    655
  3. DLE
    Ответов:
    0
    Просмотров:
    612
  4. lorik
    Ответов:
    1
    Просмотров:
    548
  5. admin
    Ответов:
    4
    Просмотров:
    829
Загрузка...