Перейти к содержимому


Изменении Оформления Ссылок При Наведение.

ссылка выделение жирыная вконтакте

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 09 Январь 2014 - 18:48

1. Подскажите как сделать чтоб при наведение на ссылку она выделялась жирным  и оставалось жирной если по ссылке перешли. В левой части сайта "Каталог сайта" , и "верхнее и нижнее меню".

2. Подскажите как сделать чтоб при наведение на ссылку категории товара она выделялась жирным на странице "Каталог товаров".

3. Есть ли возможность закруглить края виджета Вконтакте.

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

  • Без имени-1.jpg


#2 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 09 Январь 2014 - 18:57

Просмотр сообщенияigor-repsol (09 Январь 2014 - 18:48) писал:

1. Подскажите как сделать чтоб при наведение на ссылку она выделялась жирным  и оставалось жирной если по ссылке перешли. В левой части сайта "Каталог сайта" , и "верхнее и нижнее меню".

2. Подскажите как сделать чтоб при наведение на ссылку категории товара она выделялась жирным на странице "Каталог товаров".

3. Есть ли возможность закруглить края виджета Вконтакте.

Редактируем main.css
Находим
#left .block .navigation ul li a:hover, #right .block .navigation ul li a:hover {
color: #ff0000;
text-decoration: none;
}

Заменяем на
#left .block .navigation ul li a:hover, #right .block .navigation ul li a:hover {
color: #ff0000;
text-decoration: none;
font-weight: 600 !important;
}

Редактируем 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 %}active{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>

В файле main.css добавьте в любое удобное место
.active a { color:#ff0000; text-decoration:none; font-weight:600 !important;}


#3 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 09 Январь 2014 - 19:37

1. Получилось сделать, дальше сам доделал.

2. Исправил через
 #content .box .tabproduct:hover .title a { color:#000000; font-size:14px !important;}

3. Жду ответа

#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 09 Январь 2014 - 19:54

Просмотр сообщенияigor-repsol (09 Январь 2014 - 19:37) писал:

1. Получилось сделать, дальше сам доделал.

2. Исправил через
 #content .box .tabproduct:hover .title a { color:#000000; font-size:14px !important;}

3. Жду ответа

В main.css добавляем в любое удобное место
#vk_groups iframe {border-radius:10px;}


#5 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 09 Январь 2014 - 20:06

Большое спасибо за оперативность ответов.

Может кому и пригодится про модернизацию виджета В контакте
http://forum.storela...етов-вконтакте/





Темы с аналогичным тегами ссылка выделение, жирыная, вконтакте

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных