Сообщений в теме: 27

[mbychkov@inbox.ru]

Подскажите как можно изменить размер и цвет шрифта в названии товара (иконки товара)?

[support]

mbychkov@inbox.ru (30 Октябрь 2010 - 20:08) писал:

Подскажите как можно изменить размер и цвет шрифта в названии товара (иконки товара)?

Достаточно будет просто прописать размер шрифта у соответствующего элемента, например такой код увеличит его размер в 2 раза

style="font-size:2em;"

Следующий код увеличит его размер в полтора раза и изменит шрифт на arial

style="font-size:1.5em;font-family:arial;"

Можно посмотреть больше примеров, например на http://htmlbook.ru/css/font

Соответственно если вставляем в ссылку на товар, то получается примерно так, было:

<a href="{goods.URL}">{goods.NAME}</a>

стало:

<a href="{goods.URL}" style="font-size:1.5em;font-family:arial;">{goods.NAME}</a>

[odeza]

support вы писали

Цитата

Достаточно будет просто прописать размер шрифта у соответствующего элемента, например такой код увеличит его размер в 2 раза

А подскажите как можно поменять (точнее где это нужно делать) размер шрифта на страницах, например на Главной и на вновь создаваемых страницах, а также в текстах статей и новостей.

[Ansoe]

Меня тоже интересует, где прописать толщину букв в навигации слева и сверху?

[support]

Лучше всего определять что нужно поменять через такие инструменты как dev панель от google chrome, нажимаете правой кнопкой на элемент, нажимаете анализировать и практически мгновенно узнаёте к какому элементу Вам нужно дописать шрифты. Сходу сказать как можно поменять размер шрифта на страницах, например на главной видимо не скажу, потому что это решается несколькими вариантами. Например создать стиль, например:

.myfont {font-size:12px;color:green;}

и добавлять этот стиль к нужным Вам элементам.
Можно указаывать стили напрямую у элементов, например так:

<div style="font-size:12px;color:green;">текст</div>

Есть ещё масса вариантов, все зависит от того что Вы хотите увидеть. Если не сложно могли бы Вы рассказать поконкретней что Вам нужно изменить и в какую сторону нужно производить изменения: уменьшить/увеличить шрифт, сделать жирным/курсивом, покрасить/изменить отступ между буквами и т.д...

[Ansoe]

Пожалуйста, ткните где меняется толщина букв в верхней навигации: Главная, каталог, корзина и т.д.

[support]

Ansoe (15 Декабрь 2010 - 05:24) писал:

Пожалуйста, ткните где меняется толщина букв в верхней навигации: Главная, каталог, корзина и т.д.

Толщина букв в верхней навигации для шаблона Мокко можно изменять стилем, в файле main.csstemplate для этой навигации. По умолчанию там есть такой список стилей:

/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}

Здесь достаточно изменить размер шрифта с

font-size: 1.25em;

в нужную строну. Если эту цифру увеличить, то увеличится и размер шрифта. Если уменьшить, то он уменьшится, например так увеличиваем:

#mainNav table td div {float:left;font-size: 1.5em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}

А так уменьшаем:

#mainNav table td div {float:left;font-size: 1.0em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}

Можно так же использовать абсолютные размеры шрифтов, например в пикселях:

#mainNav table td div {float:left;font-size: 15px;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}

[odeza]

Цитата

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

Для начала хотелось бы просто увеличить шрифт основного текста(контента) на главной странице в 2 раза.

[support]

odeza (15 Декабрь 2010 - 21:41) писал:

Для начала хотелось бы просто увеличить шрифт основного текста(контента) на главной странице в 2 раза.

Если это нужно сделать только на главной, то лучше всего решать задачу в визуальном редакторе. Для этого откройте его, нажмите иконку "html" справа снизу и добавьте в самом начале кода новый div в котором будет указан размер шрифта и в самом конце кода закройте открытый див его окончанием: </div>
Получится что-то вроде:

<div style="font-size:1.2em">
...Тут код/текст который Вы добавляли...
</div>

где font-size:1.2em - Относительное увеличение шрифта на 20%
можно указать абсолютное значение размера шрифта, заменив

font-size:1.2em

на

font-size:20px

этот код сделает размер шрифта внутри блока равным 20 пикселям.

[odeza]

Спасибо. Всё получилось. Буду теперь знать.

И еще такой вопросик.

Как увеличить шрифт в описании товара для блока "Полное SEO-описание" (на всех страницах)?

[support]

Можно поступить так же, в плане "Обёртки" но в этом случае для переменной полного сео описания.
На странице товара (шаблон "Товар") найдите код:

<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
  <div style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_LARGE}</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->

И добавьте в этот div условие размера, получится так:

<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
  <div style="padding-top:1em;font-size:1.2em">{GOODS_SEO_DESCRIPTION_LARGE}</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->

[odeza]

Благодарю. С вами действительно приятно работать.

[zav19]

Здравствуйте! Меня интересует как в http://vkusnosti-nsk.ru/ увеличить шрифт в слогане и как подвинуть его и  контакты вправо. Спасибо заранее!

[support]

zav19 (10 Январь 2011 - 13:19) писал:

Здравствуйте! Меня интересует как в http://vkusnosti-nsk.ru/ увеличить шрифт в слогане и как подвинуть его и  контакты вправо. Спасибо заранее!

Для того чтобы увеличить шрифт достаточно изменить свойство font-size, через редактор тем в файле main.csstemplate. Было так:

#header #title {
  bottom: 44px;
  margin: 0px;
  position: absolute;
  right: 10px;
  width: 420px;
}

Стало так:

#header #title {
  bottom: 44px;
  margin: 0px;
  position: absolute;
  right: 10px;
  width: 420px;
  font-size: 40px;
}

Сдвинуть слоган вправо, можно уменьшив размер слогана по ширине, например так:

#header #title {
  bottom: 44px;
  margin: 0px;
  position: absolute;
  right: 10px;
  width: 320px;
  font-size: 40px;
}

Для изменения положения контактов на 100 пикселей вправо достаточно изменить стиль:

#contactInfo {
  font-size: 1.2em;
  left: 330px;
  position: absolute;
  top: 5px;
}

на:

#contactInfo {
  font-size: 1.2em;
  left: 430px;
  position: absolute;
  top: 5px;
}

[zav19]

Спасибо!

[harvi]

mbychkov@inbox.ru (30 Октябрь 2010 - 20:08) писал:

Подскажите как можно изменить размер и цвет шрифта в названии товара (иконки товара)?

все подробно вроде описано, но я так и не понял, что нужно изменить? в описании увеличить шрифт и в картинках все умещалось

Прикрепленные изображения

• 

[Vaccina]

Вам нужно править файл стилей в редакторе шаблонов (Сайт->Редактор тем). далее находить нужные классы и делать в них изменения.

[harvi]

Vaccina (30 Май 2011 - 00:51) писал:

Вам нужно править файл стилей в редакторе шаблонов (Сайт->Редактор тем). далее находить нужные классы и делать в них изменения.

Спасибо за ответ, но всер равно малость не пнял править в это файле (main.csstemplate) ? а классы это категории товаров?

[Vaccina]

Файл стилей называется (main.csstemplate) в нем есть классы они начинаются с точки или решетки(идентификаторы). Вы можете немного почитать вводной информации по css на htmlbook.ru

[kerry]

А как поменять цвет шрифтов??