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


Публикации sauron.089

31 публикаций создано sauron.089 (учитываются публикации только с 28-Апрель 23)


По типу контента

По пользователю


Сортировать                 Порядок  

#204581 5 Вопросов

Отправлено от sauron.089 в 12 Июль 2015 - 11:42 в Шаблон Нефрит

Может ответить кто нибудь?


#204497 5 Вопросов

Отправлено от sauron.089 в 10 Июль 2015 - 22:48 в Шаблон Нефрит

Отвечаю на пункт 2:
Стиль нужен такой же,как и там где мы делали полупрозрачность! Спасибо большое,вот еще несколько вопросов.ПОМОГИТЕ!


1. Удалить линии под "Контакты","ОБРАТНЫЙ ЗВОНОК",ИНФОРМАЦИЯ"
2. Перенести эту форму после "ИНФОРМАЦИЯ",чтобы была надпись над формой "Обновления" ,стиль как у всех трех столбцов (выравнивание,шрифт и т.д.) Код формы:
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css" />
<style type="text/css">#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:310px;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
  We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//nerana.us11.list-manage.com/subscribe/post?u=e3c438dc8a6ff57cedc21c761&amp;id=1e664da049" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll"><input class="email" id="mce-EMAIL" name="EMAIL" placeholder="Ваш email" required="" type="email" value="" /> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input name="b_e3c438dc8a6ff57cedc21c761_1e664da049" tabindex="-1" type="text" value="" /></div>

<div class="clear"><input class="btn" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Подписаться" /></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->



3. Создать линии,как на скриншоте. Стиль "SOLID" ,чтобы толщину мог регулировать каждой по отдельности.
4. Перенести иконки между этих линий,расстояния между иконками я могу сам отрегулировать. Отступ от линий примерно 5-10 px

Аккаунт SL-332461

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

  • IXjLYLexCBw.jpg


#204480 5 Вопросов

Отправлено от sauron.089 в 10 Июль 2015 - 17:03 в Шаблон Нефрит

1. Как сделать полупрозрачность этого элемента?
2. Как вообще убрать анимирование товаров? (перевертывание карточки)
3. Как задать цвет именно для этих кнопок по отдельности?
4. Задать цвет отдельно для корзины (в меню наверху и при наведение на товар)
5. Передвинуть два блока (1. Соц сети  на место Новостей, а 2. "мы принимаем" на бывшее место соц.сети)

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

  • 5091cb7d386543a834c5ed6вфывфыв821cb8332men.jpg
  • 5091cb7d38654выфв3a834c5ed6821cb8332men.jpg
  • уйуйцу.jpg
  • 5091cb7d386выаыва543a834c5ed6821cb8332men.jpg


#204479 Самый Главный Вопрос!

Отправлено от sauron.089 в 10 Июль 2015 - 16:59 в Шаблон Нефрит

Просмотр сообщенияVaccina (10 Июль 2015 - 01:55) писал:

Если при наведении на данное изображение должна появляться кнопка, то структуру делайте по следующему примеру:
<a href="ссылка, куда ведет при клике" class="anim_item">
<img src="ссылка на статичную картинку" alt="" />
</a>

А кнопка будет появляться при наведении из-за добавочного кода в main\style.css
.anim_item{
display: inline-block;
}
.anim_item:hover{
background:url('ссылка на картинку при наведении') no-repeat center center;
}

Спасибо большое!


#204355 Самый Главный Вопрос!

Отправлено от sauron.089 в 09 Июль 2015 - 07:07 в Шаблон Нефрит

Просмотр сообщенияVaccina (09 Июль 2015 - 02:48) писал:

На счет кнопок немного не понятно, судя по примеру, вы хотите к картинкам привязывать ссылки.
Если картинки вставляются через описание, то в редакторе описания необходимо выделить картинку\текст и нажать кнопку "Вставить\редактировать ссылку"(изображение цепи)
Если же вставляете через код, то картинку\текст необходимо обернуть в тег <a></a>, пример:
<a href="ссылка, куда ведет при клике">
картинка\текст
</a>

http://htmlbook.ru/html/a

Нужно сделать анимированную кнопку поверх этого изображения,понимаете?) Вот,например. (см.скриншот). Нужно использовать картинку как фон (background)? Или создавать отдельно кнопку и прописывать для каждого приоритет  через z-index и саму кнопку двигать простыми translate ? Или как еще?

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

  • BMx5mpbKHPs.jpg


#204311 Самый Главный Вопрос!

Отправлено от sauron.089 в 08 Июль 2015 - 17:58 в Шаблон Нефрит

Просмотр сообщенияDanil (08 Июль 2015 - 17:54) писал:

В шаблоне html найдите код
					 <!-- Каталог с подкатегориями -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}
<li><a href="http://nerana.ru/user/login" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Личный кабинет</a></li>
<li><a href="http://nerana.ru/page/FAQ" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>FAQ</a></li>
<li><a href="http://nerana.ru/goods/tovar" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Отзывы</a></li>
</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div>
											 </div><!-- /END Каталог с подкатегориями -->
и замените на
<!-- Каталог с подкатегориями -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}
<li class="none"><a href="http://nerana.ru/user/login" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Личный кабинет</a></li>
<li class="none"><a href="http://nerana.ru/page/FAQ" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>FAQ</a></li>
<li class="none"><a href="http://nerana.ru/goods/tovar" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Отзывы</a></li>
</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div>
											 </div><!-- /END Каталог с подкатегориями -->
В конец main.css добавьте
ul.nav.navbar-nav li ul li.none {
display: none;
}

Спасибо большое! А по поводу кнопок? Хотя бы ссылки на ресурсы где это описывается :rolleyes:


#204303 Самый Главный Вопрос!

Отправлено от sauron.089 в 08 Июль 2015 - 17:23 в Шаблон Нефрит

Просмотр сообщенияDanil (08 Июль 2015 - 17:12) писал:

В шаблоне html найдите код
				 <!-- Каталог с подкатегориями -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{%IFNOT catalog_full_empty%}
<li><a href="http://nerana.ru/page/FAQ" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>FAQ</a></li>
<li><a href="http://nerana.ru/goods/tovar" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Отзывы</a></li>
<li><a href="http://nerana.ru/user/login" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Личный кабинет</a></li>
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div>
					 </div><!-- /END Каталог с подкатегориями -->
и замените на
<!-- Каталог с подкатегориями -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}
<li><a href="http://nerana.ru/user/login" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Личный кабинет</a></li>
<li><a href="http://nerana.ru/page/FAQ" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>FAQ</a></li>
<li><a href="http://nerana.ru/goods/tovar" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Отзывы</a></li>
</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div>
					 </div><!-- /END Каталог с подкатегориями -->

смотрите,здесь эти категории! Как их убрать?-_-

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

  • ddb3688f1fa17cd51220b6368dde49a2.jpg


#204302 Самый Главный Вопрос!

Отправлено от sauron.089 в 08 Июль 2015 - 17:16 в Шаблон Нефрит

Просмотр сообщенияDanil (08 Июль 2015 - 16:58) писал:

В конец main.css добавьте
div#top-box {
display: none;
}

Спасибо большое! Так намного лучше))  Извините еще раз,объясните пожалуйста, как делать внутри изображения кнопки?? Например,как здесь.  Через контейнеры <div>? z-index? или как?

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

  • ddb3688f1fa17cd51220b6368dde49a2.jpg


#204300 Самый Главный Вопрос!

Отправлено от sauron.089 в 08 Июль 2015 - 17:04 в Шаблон Нефрит

Просмотр сообщенияDanil (08 Июль 2015 - 16:58) писал:

В конец main.css добавьте
div#top-box {
display: none;
}

Спасибо большое Вам :) Извините,что пристал с этим приоритетом,но может можно все таки это сделать?)) поменять местами. (см.скриншот)

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

  • ddb3688f1fa17cd51220b6368dde49a2.jpg


#204297 Цвет Кнопок.

Отправлено от sauron.089 в 08 Июль 2015 - 16:52 в Шаблон Нефрит

Просмотр сообщенияDanil (08 Июль 2015 - 16:24) писал:

В main.css найдите код
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
color: #fff;
outline: none;
-webkit-transition: background .2s linear,
color .2s linear;
transition: background .2s linear,
color .2s linear;
background-color: #FE9173;
background-color: rgba(0,197,156,.8);
text-decoration: none;
}
и замените на
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
color: #fff;
outline: none;
-webkit-transition: background .2s linear,
color .2s linear;
transition: background .2s linear,
color .2s linear;
background-color: #FE9173;
text-decoration: none;
}
изменяйте цвет #FE9173 на свой

Спасибо! Все сработало:)


#204296 Самый Главный Вопрос!

Отправлено от sauron.089 в 08 Июль 2015 - 16:50 в Шаблон Нефрит

[Имя цитатой = метка "Danil '=' 1436363147 'пост =' 204292 ']
Ошибку исправили, она возникла при замене кода, был добавлен лишний тег </ DIV>.
[/ цитата] Вот это осталось И Приоритет СДЕЛАТЬ на "Мужчины" "Женщины"

:(

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

  • ddb3688f1fa17cd51220b6368dde49a2.jpg


#204288 Самый Главный Вопрос!

Отправлено от sauron.089 в 08 Июль 2015 - 16:40 в Шаблон Нефрит

Просмотр сообщенияDanil (08 Июль 2015 - 16:11) писал:

Чтобы проверить правильность выполнения инструкции и возможные недочеты в ней, необходимо, чтобы Вы очень внимательно произвели все изменения(не отменяя их) и отписались.

Сделал,проверьте,пожалуйста! А еще вопрос,как сделать,чтобы на первых местах стояли "Мужчины" и "Женщины", а уже "FAQ" и т.д. после них.  Кстати,внизу тоже все съехало.:(


#204279 Цвет Кнопок.

Отправлено от sauron.089 в 08 Июль 2015 - 16:08 в Шаблон Нефрит

Здравствуйте,как изменить цвет кнопок? Искал по классу .btn в самом низу main.css, первый цвет меняется,а второй (hover) нет:(  Искал по номеру  цвета #00с59с нет такого в main.css,я все поменял. А именно этот цвет нет:(

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

  • ddb3688f1fa17cd51220b6368dde49a2.jpg


#204276 Самый Главный Вопрос!

Отправлено от sauron.089 в 08 Июль 2015 - 15:58 в Шаблон Нефрит

Просмотр сообщенияDanil (08 Июль 2015 - 10:13) писал:

Здравствуйте.
В main.css найдите и удалите код код
/*** Фиксированная часть шапки ***/
#top-box {background-color:#b3b3b1;min-height: 30px;padding: 5px 0;width: 100%;}
.fixed-header.hidden-top.visible-top .header {margin-top: 40px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded .page-box, .fixed-header.hidden-top.fixed.loaded .page-box {-webkit-transition: padding-top 0.2s linear;transition: padding-top 0.2s linear;}
/*.fixed-header.hidden-top.fixed .page-box {padding-top: 104px;} /*Отступ основной части для фиксированной шапки при скроле, данное значение должно быть равным размерам шапки */
/*.fixed-header.hidden-top .page-box {padding-top: 112px;} /*Отступ основной части для фиксированной шапки, данное значение должно быть равным размерам шапки */
.fixed-header.hidden-top.visible-top #top-box {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded #top-box {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed #top-box {margin-top: -42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top #top-box {left: 0;margin-top: -32px;position: fixed;top: 0;z-index: 910;}
.fixed-header.hidden-top #top-box.dmenu {margin-top: -72px;}
.fixed-header.hidden-top.visible-top .header.dmenu {margin-top: 80px;}
.fixed-header.hidden-top.fixed #top-box.dmenu {margin-top: -82px;}
.fixed-header.hidden-top.visible-top #top-box.dmenu {margin-top:0px;}
.fixed-header.hidden-top #top-box.tmenu {margin-top: -112px;}
.fixed-header.hidden-top.visible-top .header.tmenu {margin-top: 120px;}
.fixed-header.hidden-top.fixed #top-box.tmenu {margin-top: -122px;}
.fixed-header.hidden-top.visible-top #top-box.tmenu {margin-top:0px;}
Так же найдите
.fixed-header.hidden-top .header {
margin-top: 8px;
top: 0;
}
и замените на
.fixed-header.hidden-top .header {
margin-top: 0px;
top: 0;
}
В шаблоне html найдите код
<!-- Каталог с подкатегориями -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div><!-- /END Каталог с подкатегориями -->
и замените на
<!-- Каталог с подкатегориями -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{%IFNOT catalog_full_empty%}
<li><a href="Ссылка на страницу1" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Название пункта1</a></li>
<li><a href="Ссылка на страницу2" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Название пункта2</a></li>
<li><a href="Ссылка на страницу3" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>Название пункта3</a></li>
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div><!-- /END Каталог с подкатегориями -->
заменяйте текст "Ссылка на страницу" и "Название пункта"(это относится к верхнему меню)


посмотрите,что стало! Я на время убрал изменения,чтобы не видели клиенты. :(

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

  • ddb3688f1fa17cd51220b6368dde49a2.jpg


#204147 Самый Главный Вопрос!

Отправлено от sauron.089 в 07 Июль 2015 - 13:14 в Шаблон Нефрит

Здравствуйте,помогите редактировать!!!!!!!!!!! (см.скриншот)

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

  • qXhjSXDWObg.jpg


#204133 Иконки

Отправлено от sauron.089 в 07 Июль 2015 - 11:33 в Шаблон Нефрит

Просмотр сообщенияVaccina (07 Июль 2015 - 04:21) писал:

Судя по всему, данная иконка отсутствует.

Как вариант, можно скачать обновленную версию шрифтовых иконок и подключить дополнительным файлом:
http://fortawesome.g...o/Font-Awesome/

Спасибо за ресурс! Разобрался и настроил! Как делать:

1.Скачиваем архив  "font-awesome.zip" (прикрепил)

2.Устанавливаем  font-awesome.min.CSS  (CАЙТ-ДОБАВИТЬ ФАЙЛЫ) и прописываем в  HTML 
 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
   между <head></head> .

3. Заходим на этот ресурс http://fortawesome.g...-Awesome/icons/ и в поисковой строке ищем желаемую иконку,например, VK.

4. Нажимаем на появившуюся иконку VK и видим код 
 <i class="fa fa-vk fa-3x"></i>
, копируем и вставляем в HTML, я вставлял на место прошлых иконок в подвал сайта.

5. Опять ищем желаемые иконки и повторяем действия снова,вставляя код на строчку ниже предыдущего (вот так)

<i class="fa fa-vk fa-3x"></i> <!--ИКОНКА "ВК"-->
<i class="fa fa-instagram fa-3x "></i> <!--ИКОНКА "ИНСТАГРАММА"-->
<i class="fa fa-twitter fa-3x "></i> <!--ИКОНКА "ТВИТТЕРА"-->
6. Изменяем тег <i> на тег <a> ,было как в 5 пункте,а стало:

<a class="fa fa-vk fa-3x "></a>
<a class="fa fa-instagram fa-3x "></a>
<a class="fa fa-twitter fa-3x "></a>

7. Теперь можно добавлять ссылки на ваши социальные сети  
<a class="fa fa-twitter fa-3x" href="ссылка на ваш профиль в соц.сети"></a>

8. Изменять цвет иконок и цвет при наведение указателя можно добавив в main.css 
a.akon {
color:#ваш цвет
transition: 320ms linear;
}
a.akon:hover {
color:#ваш цвет


a.akona {
transform: translateX(20px);
}

a.akonb {
transform: translateX(10px);
}
   Первый пункт "color" меняет статичный цвет,а второй меняет цвет и наведении мыши. Можно добавить плавный переход цвета параметром "transition: 320ms linear;", или убрать его,чтобы цвет менялся мгновенно.

9. Далее в HTML исправить


   
<a class="fa fa-vk fa-3x "></a>
<a class="fa fa-instagram fa-3x "></a>
<a class="fa fa-twitter fa-3x "></a>
   на 
<a class="fa fa-vk fa-3x akon" href="Ссылка на ваш профиль в соц.сети"></a>
<a class="fa fa-instagram fa-3x akon akonb " href="Ссылка на ваш профиль в соц.сети"></a>
<a class="fa fa-twitter fa-3x akon akona" href="Ссылка на ваш профиль в соц.сети"></a>

10. Размер иконок можно регулировать параметром 3х
<a class="fa fa-vk fa-[color=#ff0000]3x[/color] "></a>

Меняя это значение на:
lg-маленькая
2x-больше
3х
4х
5х


В итоге получаются вот такие иконки (см. скриншот) или на самом сайте, в подвале nerana.ru
Спасибо за внимание,надеюсь пригодится информация :)

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

  • qXhjSXDWObg.jpg

Прикрепленные файлы



#204119 Иконки

Отправлено от sauron.089 в 07 Июль 2015 - 09:53 в Шаблон Нефрит

Просмотр сообщенияVaccina (07 Июль 2015 - 04:21) писал:

Судя по всему, данная иконка отсутствует.

Как вариант, можно скачать обновленную версию шрифтовых иконок и подключить дополнительным файлом:
http://fortawesome.g...o/Font-Awesome/

Спасибо,что ответили! Но,не могли бы Вы помочь и с этим вопрос:)  Я скачал полностью архив с главной страницы. Какие файлы подключать? В .css только два файла и похожу не связанных с иконками,а с less я вообще не знаком :unsure:  Спасибо,жду ответа! До сих пор мучаюсь с иконками


#203920 Помогите Прикрутить Jquery

Отправлено от sauron.089 в 05 Июль 2015 - 13:01 в Вопросы общие для всех шаблонов

ааааааааааааааауууууууууууууууууууууууууууууууууу,неужели это такой трудный вопрос?


#203919 Иконки

Отправлено от sauron.089 в 05 Июль 2015 - 13:00 в Шаблон Нефрит

ааааааааааааааауууууууууууууууууууууууууууууууууу,неужели это такой трудный вопрос?


#203860 Помогите Прикрутить Jquery

Отправлено от sauron.089 в 04 Июль 2015 - 15:52 в Вопросы общие для всех шаблонов

Здравствуйте,помогите,пожалуйста,прикрутить вот такую штуку (вариант 2)    http://tympanus.net/...ss-transitions/  

Аккаунт SL-332461

Как делал я:

1. Скачал архив и установил на сайт JS  и style2.css

2. В HTML установил оба файла путем (для style2.css   <link rel="stylesheet" href="{ASSETS_STYLES_PATH}style2.css" type="text/css" />)
и (для JS  <script type="text/javascript" src="{ASSETS_JS_PATH}modernizr.custom.79639.js"></script>)

3. style2.сss закинул в head ,а js перед закрытием body

4. Установил изображения так же, как и JS с style2.css

5. Указал путь на изображение в style2.css путем:

.ch-img-1 {
background-image: url(/design/4.jpg);
}

.ch-img-2 {
background-image: url(/design/5.jpg);
}

.ch-img-3 {
background-image: url(/design/6.jpg);
}

6. Создал страничку и в исходнике прописал код указанный на том сайте   http://tympanus.net/...ss-transitions/   ( в самом вверху,после вкладки "Скачать" и "Демо")


7. В итоге вот что получилось (см.скриншот)



СЕЙЧАС ФАЙЛ HTML СПРЯТАЛ ВО ВКЛАДКУ "ТОВАР" И ЗАКОММЕНТИРОВАЛ.

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

  • qXhjSXDWObg.jpg


#203674 Иконки

Отправлено от sauron.089 в 02 Июль 2015 - 14:58 в Шаблон Нефрит

Как вставить иконки взамен имеющихся? В icon.css  нашел целый список иконок,но как их присобачить к сайту,не пойму -_- пытался вместо  <a class="sbtnf sbtnf-rounded color color-hover icon-youtube" href="#"></a>   (icon-yotube) прописать instagram,он появлялся,но не выделял значок инстаграмма,а цвет показывал. Помогите,пожалуйста.  
ВОТ,НАПРИМЕР,ДОБАВИЛ ИКОНКУ APPSTORE ПУТЕМ ПРОПИСИ В HTML СТРОКИ <a class="sbtnf sbtnf-rounded color color-hover icon-appstore" href="#"></a> , вот что получается :((
Аккаунт SL-332461

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

  • VZk7vpc2ni8.jpg


#203668 Цвет Шапки И Карточки Товаров

Отправлено от sauron.089 в 02 Июль 2015 - 14:01 в Шаблон Нефрит

Просмотр сообщенияsauron.089 (02 Июль 2015 - 13:16) писал:

Здравствуйте,несколько изменений по поводу цвета.
1. Как изменить цвет карточки товаров на главной стр.? (которые перекручиваются)
2.Цвет шапки
Уже сам нашел.
Кому нужно:

1. Цвет карточки:  Заходим в main.css --- в поиске вводим  .product .product-hover {background-color:#   это 498 строка! И изменяем значение #********; ,цвет карточки изменится.

2. ЦВЕТ ШАПКИ:   Заходим в main.css ---- в поиске вводим   #top-box {background-color:#  Это 183 строка,(название:ФИКСИРОВАННАЯ ЧАСТЬ ШАПКИ), и изменяем значение #********; на нужное вам. Цвет шапки изменится.


#203663 Цвет Шапки И Карточки Товаров

Отправлено от sauron.089 в 02 Июль 2015 - 13:16 в Шаблон Нефрит

Здравствуйте,несколько изменений по поводу цвета.
1. Как изменить цвет карточки товаров на главной стр.? (которые перекручиваются)
2.Цвет шапки


#196121 Надоевший Виджет Вк

Отправлено от sauron.089 в 20 Апрель 2015 - 17:28 в Другое

Просмотр сообщенияDanil (20 Апрель 2015 - 17:03) писал:

Здравствуйте.
В шаблоне html найдите и удалите код
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '53C692'}, 45791780);
</script>
Далее в шаблоне hml после строки
<!-- END Меню в подвале -->
вставьте
<div class="col-xs-12 col-sm-6 col-md-3 widget social">

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '53C692'}, 45791780);
</script>
</div>

СПАСИБО БОЛЬШУЩЕЕ!!!!


#196117 Надоевший Виджет Вк

Отправлено от sauron.089 в 20 Апрель 2015 - 16:58 в Другое

Здравствуйте, не могу понять,как перенести виджет вот сюда (см.скриншот). Замучился уже. Спасибо большое

Аккаунт SL-332461

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

  • L_2rnZ2eG_U.jpg



  1. Форум владельцев интернет-магазинов
  2. → Публикации sauron.089
  3. Privacy Policy