0
Кнопки
Автор ProninT, 17 окт. 2016 15:53
Сообщений в теме: 7
#1
Отправлено 17 Октябрь 2016 - 15:53
Здравствуйте! научите делать кнопки, в частности, объясните как сделать такую, а я потом куда еще надо раскопирую
--- На главной сразу под товарами (хиты продаж) текст "СМОТРЕТЬ ВСЕ ПРЕДЛОЖЕНИЯ" а ссылка http://babo4ek.net/c...uty-iz-babochek
--- На главной сразу под товарами (хиты продаж) текст "СМОТРЕТЬ ВСЕ ПРЕДЛОЖЕНИЯ" а ссылка http://babo4ek.net/c...uty-iz-babochek
#2
Отправлено 17 Октябрь 2016 - 16:04
ProninT (17 Октябрь 2016 - 15:53) писал:
Здравствуйте! научите делать кнопки, в частности, объясните как сделать такую, а я потом куда еще надо раскопирую
--- На главной сразу под товарами (хиты продаж) текст "СМОТРЕТЬ ВСЕ ПРЕДЛОЖЕНИЯ" а ссылка http://babo4ek.net/c...uty-iz-babochek
--- На главной сразу под товарами (хиты продаж) текст "СМОТРЕТЬ ВСЕ ПРЕДЛОЖЕНИЯ" а ссылка http://babo4ek.net/c...uty-iz-babochek
</div> </div> <!-- /END Основная часть сайта -->
и перед кодом вставьте
<div class="buttom_page"><a href="ссылка на страницу">Текст кнопки</a></div>
где измените название кнопки и ссылку на страницу
стилистика кнопки, добавьте в конец файла main.css
.buttom_page a:hover { background-color: #131313; color: #FFF; border-color: #131313; } .buttom_page a { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 17px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #666666; border: 1px solid #d9d9d9; background: #FFF; cursor: pointe; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#3
Отправлено 17 Октябрь 2016 - 19:35
Ирина345 (17 Октябрь 2016 - 16:04) писал:
Здравствуйте, что бы добавить ссылку в качестве кнопки на сайт, то необходимо вставлять в код шаблона, в Вашем случае в шаблон hTML найдите код
и перед кодом вставьте
где измените название кнопки и ссылку на страницу
стилистика кнопки, добавьте в конец файла main.css
</div> </div> <!-- /END Основная часть сайта -->
и перед кодом вставьте
<div class="buttom_page"><a href="ссылка на страницу">Текст кнопки</a></div>
где измените название кнопки и ссылку на страницу
стилистика кнопки, добавьте в конец файла main.css
.buttom_page a:hover { background-color: #131313; color: #FFF; border-color: #131313; } .buttom_page a { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 17px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #666666; border: 1px solid #d9d9d9; background: #FFF; cursor: pointe; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
Блин Вы меня не так поняли.... мне нужна не кнопка на всех страницах сайта, а именно такая на в этом месте на главной, и другие я сам сделаю в других местах
#4
Отправлено 18 Октябрь 2016 - 04:07
<div class="buttom_page"><a href="ссылка на страницу">Текст кнопки</a></div>
замените на:
{% IF index_page %} <div class="buttom_page"><a href="ссылка на страницу">Текст кнопки</a></div> {% ENDIF %}
В этом случае кнопка будет отображаться только на главной странице
#5
Отправлено 18 Октябрь 2016 - 10:57
Vaccina (18 Октябрь 2016 - 04:07) писал:
<div class="buttom_page"><a href="ссылка на страницу">Текст кнопки</a></div>
замените на:
{% IF index_page %} <div class="buttom_page"><a href="ссылка на страницу">Текст кнопки</a></div> {% ENDIF %}
В этом случае кнопка будет отображаться только на главной странице
ААААААААААААААА это все равно все не то!((((
Итак прикрепляю скрин, с местом где должн абыть одн акнопка на одной ГЛАВНОЙ странице сайта
#6
Отправлено 18 Октябрь 2016 - 11:46
ProninT (18 Октябрь 2016 - 10:57) писал:
ААААААААААААААА это все равно все не то!((((
Итак прикрепляю скрин, с местом где должн абыть одн акнопка на одной ГЛАВНОЙ странице сайта
Итак прикрепляю скрин, с местом где должн абыть одн акнопка на одной ГЛАВНОЙ странице сайта
Здравствуйте, для вставки кнопки в необходимое вам место,
В файле HTML найдите строки:
</div> </div> {% ENDIF %} </div> </div> <!--End Tab Content --> </div> <!-- Товары на главной -->
Замените на:
<div class="buttom_page"><a href="../catalog/salyuty-iz-babochek">СМОТРЕТЬ ВСЕ ПРЕДЛОЖЕНИЯ</a></div> </div> </div> {% ENDIF %} </div> </div> <!--End Tab Content --> </div> <!-- Товары на главной -->
В конце файла main.css вставьте:
.buttom_page a:hover { background-color: #131313; color: #FFF; border-color: #131313; } .buttom_page a { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 17px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #666666; border: 1px solid #d9d9d9; background: #FFF; cursor: pointe; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#7
Отправлено 18 Октябрь 2016 - 19:04
Ra1zon (18 Октябрь 2016 - 11:46) писал:
Здравствуйте, для вставки кнопки в необходимое вам место,
В файле HTML найдите строки:
Замените на:
В конце файла main.css вставьте:
В файле HTML найдите строки:
</div> </div> {% ENDIF %} </div> </div> <!--End Tab Content --> </div> <!-- Товары на главной -->
Замените на:
<div class="buttom_page"><a href="../catalog/salyuty-iz-babochek">СМОТРЕТЬ ВСЕ ПРЕДЛОЖЕНИЯ</a></div> </div> </div> {% ENDIF %} </div> </div> <!--End Tab Content --> </div> <!-- Товары на главной -->
В конце файла main.css вставьте:
.buttom_page a:hover { background-color: #131313; color: #FFF; border-color: #131313; } .buttom_page a { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 17px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #666666; border: 1px solid #d9d9d9; background: #FFF; cursor: pointe; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
Спасибо! только подскажите как ее спустить пикселей на 15
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных