[Помощь] Изменение штатного дизайна

Тема в разделе "WebAsyst", создана пользователем arriadna, 28 июл 2009.

Статус темы:
Закрыта.
Модераторы: mdss
  1. arriadna

    arriadna Постоялец

    Регистр.:
    6 июн 2008
    Сообщения:
    133
    Симпатии:
    17
    Хотелось бы совсем немного изменить две темы. В основном изменения незначительные и довольно легко были сделаны, но вот остались вопросы с боковыми блоками.
    1. Тема "Sci".
    Хотелось бы чтобы блоки в которых находится поиск, каталог товаров и т.п. были законченного вида. Тоесть окантованы со всех сторон.
    2. Тема "Шопинг".
    Хотелось бы поменять цвета блоков в боковом меню и при создании новых блоков иметь возможность их делать цветными даже если эти блоки не стандартные (типа корзина, новости и т.п.) а что-то свое.

    Помогите понять как это делается. Заранее благодарна.
    _____________________________________
    С темой Sci сама разобралась. Поправила картинки и все стало так как хотелось.
     
  2. Псевдоним

    Псевдоним

    Регистр.:
    23 фев 2009
    Сообщения:
    300
    Симпатии:
    68
    Ничего сложного.

    Идёте в папку ..\www\published\SC\html\scripts\themes\название_вашей_темы\
    Там правите .css файл и index.html
    В дополнение ко всему, правим основной шаблон:
    ..\www\published\SC\html\scripts\templates\frontend\

    Тут уже как-бы верстка, а не программинг вебасиста.
     
  3. Crimean

    Crimean Постоялец

    Регистр.:
    5 май 2009
    Сообщения:
    52
    Симпатии:
    14
    по теме Sci

    можно редактировать и через админку - добавлять "произвольный HTML-код" для вывода названия колонки - <div class="col_header">Название колонки</div>

    для нижней границы левого блока этот - <div class="sci_box_left_b"></div>

    правого этот - <div class="sci_box_right_b"></div>
     
  4. arriadna

    arriadna Постоялец

    Регистр.:
    6 июн 2008
    Сообщения:
    133
    Симпатии:
    17
    Спасибо за советы. С темой Sci все просто, там с рисунками. А вот тема Shopping закрегление сделано уже на CSS. Тот вариант CSS на котором скругление написано в WA плывет в ряде браузеров.
    Уже сделала.
    HTML:
    <div class="box w60">
    <div class="box-c">
    <em class="ctl"><b>&bull;</b></em>
    <em class="ctr"><b>&bull;</b></em>
    </div>
    <div class="box-inner">
    Текст
    </div>
    <div class="box-c">
    <em class="cbl"><b>&bull;</b></em>
    <em class="cbr"><b>&bull;</b></em>
    </div>
    </div>
    CSS:

    div.w60
    {
    width: 60%;
    margin: 0 auto;
    }
    div.box-c
    {
    height:20px;
    margin: 0 20px;
    position: relative;
    background: #C32300;
    }
    div.box-c em b
    {
    position:absolute;
    font:150px Arial;
    line-height:40px;
    font-weight:normal;
    }
    .ctl, .cbl, .ctr, .cbr
    {
    z-index:11;
    width:20px;
    height:20px;
    color:#C32300;
    overflow:hidden;
    position:absolute;
    background:transparent;
    }
    .ctl {top:0; left:-20px;}
    .cbl {bottom:0; left:-20px;}
    .ctr {top:0; right:-20px;}
    .cbr {bottom:0; right:-20px;}
    .ctl b {left:-8px;}
    .ctr b {left:-25px;}
    .cbl b {left:-8px; top:-17px;}
    .cbr b {left:-25px; top:-17px;}
    div.box-inner
    {
    padding: 0 20px;
    background: #C32300;
    }
    HTML вставляется в поле "Производный код HTML? остальное в CSS. Цвет меняется в CSS. Все отлично работает и одинаково во всех браузерах.
     
Статус темы:
Закрыта.