#1
Отправлено 31 Май 2013 - 08:44
Почитал Ваши ответы и много уже удалось сделать. Но есть еще не решенные трудности.
Помогите пожалуйста:
1) создать выделение раздела на котором стоят и всех его подкаталогов + выделение дерева другим цветом. Прикрепил пример и все пояснения
2) Расширить поле каталога
3) после перемещения меню влево, название страницы под шапкой начало отображаться не с самого начало, а правее, начиная с поля товара. Хотелось бы сдвинуть влево.
Много почитал, прошу Вас прислать поля что-куда вставить. и если можно с приблизительной нумерацией строк.
Заранее выражаю Вам огромную благодарность и надеюсь на Ваше мастерство.
#2
Отправлено 31 Май 2013 - 08:53
#5
Отправлено 31 Май 2013 - 10:00
.leftmenu li li a { display: block; padding: 5px 10px; border-bottom: 1px solid #000000; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }и замените его на
.leftmenu li li a { display: block; padding: 5px 10px; border-bottom: 1px solid #000000; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; text-align: center; }
#6
Отправлено 31 Май 2013 - 10:13
Stasya (31 Май 2013 - 10:00) писал:
.leftmenu li li a { display: block; padding: 5px 10px; border-bottom: 1px solid #000000; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }и замените его на
.leftmenu li li a { display: block; padding: 5px 10px; border-bottom: 1px solid #000000; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; text-align: center; }
#7
Отправлено 31 Май 2013 - 10:46
ткб-сервис (31 Май 2013 - 08:44) писал:
Почитал Ваши ответы и много уже удалось сделать. Но есть еще не решенные трудности.
Помогите пожалуйста:
1) создать выделение раздела на котором стоят и всех его подкаталогов + выделение дерева другим цветом. Прикрепил пример и все пояснения
2) Расширить поле каталога
3) после перемещения меню влево, название страницы под шапкой начало отображаться не с самого начало, а правее, начиная с поля товара. Хотелось бы сдвинуть влево.
Много почитал, прошу Вас прислать поля что-куда вставить. и если можно с приблизительной нумерацией строк.
Заранее выражаю Вам огромную благодарность и надеюсь на Ваше мастерство.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.leftmenu li li a { font-weight: bold; }
В файле "html".
Найти код:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}Заменить:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}В файле "main.css".
Добавить в конец файла код:
.podcatalog:first-child { color: red; font-weight: bold; }
3.
В файле "main.css".
Найти код:
.cont700 {width: 700px;}Заменить:
.cont700 {width: 680px;}
Найти код:
.cont250 {width: 250px;}Заменить:
.cont250 {width: 270px;}3.
В файле "main.css".
Найти код:
.page-headline {height: 81px;position:relative;margin-left: -200px;}Заменить:
.page-headline {height: 81px;position:relative;}
#8
Отправлено 31 Май 2013 - 19:52
Koderhan (31 Май 2013 - 10:46) писал:
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.leftmenu li li a { font-weight: bold; }
В файле "html".
Найти код:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}Заменить:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}В файле "main.css".
Добавить в конец файла код:
.podcatalog:first-child { color: red; font-weight: bold; }
3.
В файле "main.css".
Найти код:
.cont700 {width: 700px;}Заменить:
.cont700 {width: 680px;}
Найти код:
.cont250 {width: 250px;}Заменить:
.cont250 {width: 270px;}3.
В файле "main.css".
Найти код:
.page-headline {height: 81px;position:relative;margin-left: -200px;}Заменить:
.page-headline {height: 81px;position:relative;}
Немножко не так выделяются разделы и нужно сдвинуть разделитель страницы. Прилагаю картинку что получилось и пример как хотелось бы.
Спасибо. ТКБ-Сервис.
#10
Отправлено 01 Июнь 2013 - 04:54
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}
и замените на
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} class="{% IF catalog.LEVEL>0%} podcatalog{% ENDIF %} {% IF catalog.CURRENT%} current{% ENDIF %} {% IF catalog.CURRENT_PARENT %} parent{% ENDIF %} level{catalog.LEVEL}"
Это добавит дополнительные класс через которые можно будет уже после задать необходимые выделение пунктов.
Для меню можно уменьшить отступ с лева - для этого в файле стилей main.css найти
ul.leftmenu { margin-left: 20px; margin-right: 20px; }
и заменить на
ul.leftmenu { margin-right: 20px; }
Для выравнивания заголовка найдите
.page-headline { height: 81px; position: relative; }
и замените на
.page-headline { height: 81px; margin-left: -240px; position: relative; }
#11
Отправлено 01 Июнь 2013 - 09:59
Vaccina (01 Июнь 2013 - 04:54) писал:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}
и замените на
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} class="{% IF catalog.LEVEL>0%} podcatalog{% ENDIF %} {% IF catalog.CURRENT%} current{% ENDIF %} {% IF catalog.CURRENT_PARENT %} parent{% ENDIF %} level{catalog.LEVEL}"
Это добавит дополнительные класс через которые можно будет уже после задать необходимые выделение пунктов.
Для меню можно уменьшить отступ с лева - для этого в файле стилей main.css найти
ul.leftmenu { margin-left: 20px; margin-right: 20px; }
и заменить на
ul.leftmenu { margin-right: 20px; }
Для выравнивания заголовка найдите
.page-headline { height: 81px; position: relative; }
и замените на
.page-headline { height: 81px; margin-left: -240px; position: relative; }
1) сместить меню каталога влево получилось, спасибо
2) цвета разделов и подразделов так и остались после добавления изменений:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} class="{% IF catalog.LEVEL>0%} podcatalog{% ENDIF %} {% IF catalog.CURRENT%} current{% ENDIF %} {% IF catalog.CURRENT_PARENT %} parent{% ENDIF %} level{catalog.LEVEL}"
что дальше? вопрос остался висеть, картинка с примером в предыдущем сообщении.
3) заголовок товара при таком изменении:
.page-headline {
height: 81px;
margin-left: -240px;
position: relative;
}
просто смещается влево, можно ли сделать так, чтобы он расширялся из центра?.
при коротких названиях был по центру, а при длинных - из центра во всю ширину (с разумными полями конечно)
Заранее примного благодарен. ТКБ-Сервис.
#12
Отправлено 01 Июнь 2013 - 14:28
Найдите код в шаблоне Страница:
{% IF PAGE_NAME %} <div class="page-headline"> <h1>{PAGE_NAME}</h1> </div> {% ENDIF %}и удалите его
Найдите в шаблоне HTML код:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <table>и замените на:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> {% IF PAGE_NAME %} <center> <div class="page-headline"> <h1>{PAGE_NAME}</h1> </div> </center> {% ENDIF %} <table>Найдите в main.css код:
.content_catalog { padding-top: 80px; vertical-align: top; }и замените на:
.content_catalog { vertical-align: top; }
#13
Отправлено 03 Июнь 2013 - 12:11
miyako (01 Июнь 2013 - 14:28) писал:
Найдите код в шаблоне Страница:
{% IF PAGE_NAME %} <div class="page-headline"> <h1>{PAGE_NAME}</h1> </div> {% ENDIF %}и удалите его
Найдите в шаблоне HTML код:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <table>и замените на:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> {% IF PAGE_NAME %} <center> <div class="page-headline"> <h1>{PAGE_NAME}</h1> </div> </center> {% ENDIF %} <table>Найдите в main.css код:
.content_catalog { padding-top: 80px; vertical-align: top; }и замените на:
.content_catalog { vertical-align: top; }
Стало хуже: картинку прилагаю
Прошу Вас помочь с теми вопросами, которые остались без ответа, см. выше
изменение цвета выделения структцры. Повторно прилагаю пример
#14
Отправлено 03 Июнь 2013 - 15:26
.leftmenu li li a { display: block; padding: 5px 10px; border-bottom: 1px solid #D6D6D6; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #blue; text-decoration: none; }и замените его на
.leftmenu li li a { display: block; padding: 5px 10px; border-bottom: 1px solid #D6D6D6; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: blue; text-decoration: none; }color: blue в этой строке можете менять цвет на тот который Вам необходимо. Только внимательно следите за тем как Вы его обозначаете. Если это просто название то должно быть так color: blue; если это код то вот так color: #ededed;, а если в системе rgb, то вот так color: rgb(228, 208, 208);например.
Для подкатегорий найдите в том же файле вот этот блок
.podcatalog:first-child { color: red; font-weight: bold; }вот строка для изменений color: red; правило для значения цвета остается тем же.
Чтобы изменить цвет при наведении Вам нужно найти блок
.leftmenu li li a:hover { background: url(/web/upload/assets/images/111/110953/lm-bg.jpg) repeat-x left bottom; color: red; }и тут та же самая строка color: red; это один блок и для категорий и для подкатегорий. То есть он будет одинаковый при наведении и для одних и для других.
#15
Отправлено 03 Июнь 2013 - 17:11
Вы видите те скрин-шоты, которые я Вам отправляю?
Необходимо сделать так, чтобы
1) раздел старшей категории, при его выборе, менял ццет на красный (жирный шрифт)
2) Все более старшие подразделы товара были красные, жирным шрифтом ( это сейчас уже работает)
3) Остальные подразделы самого старшего раздела были жирным, синим шрифтом.
4) Остальные старшие разделы оставались синим ( это сейчас уже работает)
ВНИМАНИЕ! Картинка прилагается с пояснением и примером
Очень надеюсь на Вашу помощь, т.к. уже 5-ый раз отправляю одну и ту же просьбу
С уважением, ТКБ-Сервис
#16
Отправлено 04 Июнь 2013 - 09:30
.podcatalog[style="padding-left:20px"] { color: #0099CC; } .leftmenu li li a.current { color: red; }
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных