Как Вставить Кнопку?
#1
Отправлено 04 Декабрь 2013 - 11:35
Подскажите пожалуйста как вставить кнопку между блоками" КОРЗИНА" и "ТОЛЬКО ЧТО КУПИЛИ" ??
Необходимо что бы при нажатии на данную кнопку переходило на эту страницу http://3dpen-art.ru/page/Materialy
где должна находиться кнопка видно на фото...
Спасибо !
#2
Отправлено 04 Декабрь 2013 - 12:08
Hardnord69 (04 Декабрь 2013 - 11:35) писал:
Подскажите пожалуйста как вставить кнопку между блоками" КОРЗИНА" и "ТОЛЬКО ЧТО КУПИЛИ" ??
Необходимо что бы при нажатии на данную кнопку переходило на эту страницу http://3dpen-art.ru/page/Materialy
где должна находиться кнопка видно на фото...
Спасибо !
Здравствуйте, редактируем шаблон HTML
Находим
<center> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center>
Заменяем
<center> <a href="http://3dpen-art.ru/page/Materialy" title="Материалы" class="blgreen">Материалы</a> <br/> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span> </center>
#3
Отправлено 09 Декабрь 2013 - 12:37
Вариант предложенный выше мне не очень подходит так как вид кнопки не тот что бы я хотел..
В общем попробую описать суть проблемы более подробно!!
я создал две картинки для создания кнопки и залил на хост..
одна картинка это просто фото кнопки но когда на нее подносишь мышку то кнопка меняется на вторую картинку...
скажите пожалуйста как это сделать ?? все файлы прикладываю!!
здесь ссылки на кнопки... http://st.3dpen-art...._trafaret_1.png
http://st.3dpen-art...._trafaret_2.png
#4
Отправлено 09 Декабрь 2013 - 14:12
В файле "HTML".
Найти код:
<center> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center>Заменить:
<center> <a href="http://3dpen-art.ru/page/Materialy" title="Материалы" class="mybut" title="материалы"><span></span></a> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center>
Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.mybut span { display:block; background: url('http://st.3dpen-art.ru/2/876/666/knopka_trafaret_1.png'); } /* изображение при наведение курсора*/ .mybut span:hover { background: url('http://st.3dpen-art.ru/2/876/665/knopka_trafaret_2.png'); }
#5
Отправлено 09 Декабрь 2013 - 18:04
Koderhan (09 Декабрь 2013 - 14:12) писал:
В файле "HTML".
Найти код:
<center> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center>Заменить:
<center> <a href="http://3dpen-art.ru/page/Materialy" title="Материалы" class="mybut" title="материалы"><span></span></a> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center>
Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.mybut span { display:block; background: url('http://st.3dpen-art.ru/2/876/666/knopka_trafaret_1.png'); } /* изображение при наведение курсора*/ .mybut span:hover { background: url('http://st.3dpen-art.ru/2/876/665/knopka_trafaret_2.png'); }
#6
Отправлено 10 Декабрь 2013 - 04:43
.mybut span { display:block; background: url('http://st.3dpen-art.ru/2/876/666/knopka_trafaret_1.png'); }замените на:
.mybut span { background: url("http://st.3dpen-art.ru/2/876/666/knopka_trafaret_1.png") repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 85px; width: 224px; }
#7
Отправлено 10 Декабрь 2013 - 11:00
Vaccina (10 Декабрь 2013 - 04:43) писал:
.mybut span { display:block; background: url('http://st.3dpen-art.ru/2/876/666/knopka_trafaret_1.png'); }замените на:
.mybut span { background: url("http://st.3dpen-art.ru/2/876/666/knopka_trafaret_1.png") repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 85px; width: 224px; }
Скажите еще как сделать что бы данная кнопка была на всех страницах а не только на главной ??
#8
Отправлено 10 Декабрь 2013 - 11:47
Hardnord69 (10 Декабрь 2013 - 11:00) писал:
Скажите еще как сделать что бы данная кнопка была на всех страницах а не только на главной ??
Найдите код в шаблоне Страница -
<div class="blockmain state padd"> <ul><center> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center>и замените на -
<div class="blockmain state padd"> <ul><center> <a href="http://3dpen-art.ru/page/Materialy" title="Материалы" class="mybut" title="материалы"><span></span></a> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center>
Также заметила у Вас ошибку, найдите код в шаблоне Страница -
<!-- Корзина --> <div class="block"> <div class="blocktitle bluelarge"> <a style="font-size: 19px; color: #000000; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif; href="{CART_URL}" title="Корзина">Корзина</a> </div>и замените на -
<!-- Корзина --> <div class="block"> <div class="blocktitle bluelarge"> <a style="font-size: 19px; color: #000000; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;" href="{CART_URL}" title="Корзина">Корзина</a> </div>
#9
Отправлено 10 Декабрь 2013 - 13:29
miyako (10 Декабрь 2013 - 11:47) писал:
<div class="blockmain state padd"> <ul><center> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center>и замените на -
<div class="blockmain state padd"> <ul><center> <a href="http://3dpen-art.ru/page/Materialy" title="Материалы" class="mybut" title="материалы"><span></span></a> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center>
Также заметила у Вас ошибку, найдите код в шаблоне Страница -
<!-- Корзина --> <div class="block"> <div class="blocktitle bluelarge"> <a style="font-size: 19px; color: #000000; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif; href="{CART_URL}" title="Корзина">Корзина</a> </div>и замените на -
<!-- Корзина --> <div class="block"> <div class="blocktitle bluelarge"> <a style="font-size: 19px; color: #000000; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;" href="{CART_URL}" title="Корзина">Корзина</a> </div>
Теперь нет кнопки только в карточке товара...
скажите как это сделать?? спасибо!
#10
Отправлено 10 Декабрь 2013 - 14:08
Hardnord69 (10 Декабрь 2013 - 13:29) писал:
Теперь нет кнопки только в карточке товара...
скажите как это сделать?? спасибо!
Редактируем шаблон Товар
Находим
<div class="blockmain state padd"> <ul><center> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center><br>
Заменяем на
<div class="blockmain state padd"> <ul><center> <a href="http://3dpen-art.ru/page/Materialy" title="Материалы" class="mybut"><span></span></a> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center><br>
#11
Отправлено 11 Декабрь 2013 - 17:23
Castiel (10 Декабрь 2013 - 14:08) писал:
Находим
<div class="blockmain state padd"> <ul><center> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center><br>
Заменяем на
<div class="blockmain state padd"> <ul><center> <a href="http://3dpen-art.ru/page/Materialy" title="Материалы" class="mybut"><span></span></a> <span style="color: #000000; z-index: 2; top: 20px; left: 155px; right: 110px; bottom: 10px; overflow: hidden; font: 170%/1.4 Copperplate, Geneva, sans-serif;">Только что купили</span></center> </center><br>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных