Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Шрифт Сделать Пожирнее

Автор Диана, 21 февр. 2013 19:28

Авторизуйтесь для ответа в теме

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

#1 Диана

Продвинутый пользователь

Пользователи
128 сообщений

ГородМосква

Отправлено 21 Февраль 2013 - 19:28

Помогите, плиз, в левом меню сделать пожирнее шрифт, а сами заголовки разделов, которые у меня выделены фиолетовым цветом (Одежда; Белье,купальник,чулки; Сумки, ремни, платки; ПОдарки для нее и для него) - также сделать пожирнее и чуть крупнее, у меня не получается! Если делаю в css, то и сам текст на главной о компании также становится жирным, а мне нужно жирно только левое меню....
И еще, - на главной страничке есть серые линии, как бы рамочки. Как можно сделать их в другом цвете? Надеюсь, не запутала:-) www.danashop.ru

Наверх

#2 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 22 Февраль 2013 - 01:17

Вам необходимо в файле стилей main.css найти

#left .block .navigation ul li a, #right .block .navigation ul li a {
	background: none repeat scroll 0 0 #D3D3D3;
	border-radius: 6px 6px 6px 6px;
	color: black;
	display: block;
	line-height: 18px;
	overflow: hidden;
	padding: 4px 5px 5px 25px;
}

и заменить на

#left .block .navigation ul li a, #right .block .navigation ul li a {
	background: none repeat scroll 0 0 #D3D3D3;
	border-radius: 6px 6px 6px 6px;
	color: black;
	display: block;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	padding: 4px 5px 5px 25px;
}

Для изменения цвета бордера - найдите

#content .headline .main {
background:url(/design/grad-grey.jpg) bottom center repeat-x;
padding:10px 12px 13px 12px;
border:1px solid #dadada;
border-top:0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px; 
}

и замените цвет #dadada

Наверх

#3 Диана

Продвинутый пользователь

Пользователи
128 сообщений

ГородМосква

Отправлено 22 Февраль 2013 - 11:24

Vaccina (22 Февраль 2013 - 01:17) писал:

Вам необходимо в файле стилей main.css найти

#left .block .navigation ul li a, #right .block .navigation ul li a {
background: none repeat scroll 0 0 #D3D3D3;
border-radius: 6px 6px 6px 6px;
color: black;
display: block;
line-height: 18px;
overflow: hidden;
padding: 4px 5px 5px 25px;
}

и заменить на

#left .block .navigation ul li a, #right .block .navigation ul li a {
background: none repeat scroll 0 0 #D3D3D3;
border-radius: 6px 6px 6px 6px;
color: black;
display: block;
font-size: 14px;
line-height: 18px;
overflow: hidden;
padding: 4px 5px 5px 25px;
}

Для изменения цвета бордера - найдите

#content .headline .main {
background:url(/design/grad-grey.jpg) bottom center repeat-x;
padding:10px 12px 13px 12px;
border:1px solid #dadada;
border-top:0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

и замените цвет #dadada

СПАСИБО, размер шрифта увеличился, а как его сделать пожирнее? я не нашла куда добавить свойство "bold", чтобы шрифт в левой колонке был толше.

Наверх

#4 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 22 Февраль 2013 - 11:44

Диана (22 Февраль 2013 - 11:24) писал:

СПАСИБО, размер шрифта увеличился, а как его сделать пожирнее? я не нашла куда добавить свойство "bold", чтобы шрифт в левой колонке был толше.

в файле main.css найдите блок

#left .block .navigation ul li a, #right .block .navigation ul li a {
padding: 4px 5px 5px 25px;
display: block;
font-size: 14px;
color: black;
line-height: 18px;
overflow: hidden;
background: #D3D3D3;
moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 6px;
}

и замените его на

#left .block .navigation ul li a, #right .block .navigation ul li a {
padding: 4px 5px 5px 25px;
display: block;
font-size: 14px;
color: black;
line-height: 18px;
overflow: hidden;
background: #D3D3D3;
moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 6px;
font-weight: bold;
}

Наверх

#5 Диана

Продвинутый пользователь

Пользователи
128 сообщений

ГородМосква

Отправлено 23 Февраль 2013 - 10:12

СПАСИБО!

Наверх

#6 Мика

Продвинутый пользователь

Пользователи
187 сообщений

Отправлено 03 Декабрь 2013 - 09:23

Подскажите пожалуйста, как сделать (фото прилагаю) именно эту категорию товаров пожирнее и другим цветом?

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

Наверх

#7 @lina_va

Активный участник

Модератоpы
498 сообщений

Отправлено 03 Декабрь 2013 - 11:31

Мика (03 Декабрь 2013 - 09:23) писал:

Подскажите пожалуйста, как сделать (фото прилагаю) именно эту категорию товаров пожирнее и другим цветом?

Здравствуйте, в разделе Сайт - Редактор шаблонов - HTML замените

<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>

на

<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.NAME=НОВОГОДНИЕ ПОДАРКИ %} style="font-weight: bold!important;"{% ENDIF %} {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>

Наверх

#8 miyako

Активный участник

Модератоpы
5 372 сообщений

Отправлено 03 Декабрь 2013 - 11:33

Мика (03 Декабрь 2013 - 09:23) писал:

Подскажите пожалуйста, как сделать (фото прилагаю) именно эту категорию товаров пожирнее и другим цветом?

Найдите код в шаблоне HTML -

<div id="left">
	<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог товаров</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}

и замените код на -

<div id="left">
	<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог товаров</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %} {%IF catalog.NAME = НОВОГОДНИЕ ПОДАРКИ%}style="font-weight:bold;color:red;"{%ENDIF%}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}

red замените на Ваш цвет

Наверх

#9 Мика

Продвинутый пользователь

Пользователи
187 сообщений

Отправлено 03 Декабрь 2013 - 18:38

Цвет поменялся а шрифт жирнее не стал((

Наверх

#10 @lina_va

Активный участник

Модератоpы
498 сообщений

Отправлено 03 Декабрь 2013 - 18:54

Мика (03 Декабрь 2013 - 18:38) писал:

Цвет поменялся а шрифт жирнее не стал((

Замените

<div id="left">
		<!-- Каталог сайта -->
		<div class="block">
		  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог товаров</a></div>
		  <div class="blockmain navigation fnt12n">
				<ul>
				{% IFNOT catalog_empty %}
				  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %} {%IF catalog.NAME = НОВОГОДНИЕ ПОДАРКИ%}style="font-weight:bold;color:red;"{%ENDIF%}>{catalog.NAME}</a></li>
						{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог сайта -->
	<!-- Левое меню сайта -->

на

<div id="left">
		<!-- Каталог сайта -->
		<div class="block">
		  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог товаров</a></div>
		  <div class="blockmain navigation fnt12n">
				<ul>
				{% IFNOT catalog_empty %}
				  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %} {%IF catalog.NAME = НОВОГОДНИЕ ПОДАРКИ%}style="font-weight:bold!important;color:red;"{%ENDIF%}>{catalog.NAME}</a></li>
						{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог сайта -->
	<!-- Левое меню сайта -->