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


Как Вставить Кнопку?


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

#1 Hardnord69

Hardnord69

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

  • Пользователи
  • PipPipPip
  • 56 сообщений

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

Здравствуйте!
Подскажите пожалуйста как вставить кнопку между блоками" КОРЗИНА" и  "ТОЛЬКО ЧТО КУПИЛИ" ??
Необходимо что бы при нажатии на данную кнопку переходило на эту страницу http://3dpen-art.ru/page/Materialy
где должна находиться кнопка видно на фото...
Спасибо !

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

  • Магазин 3D Ручек 2013-12-04 12-30-23.jpg


#2 Castiel

Castiel

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

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

Отправлено 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 Hardnord69

Hardnord69

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

  • Пользователи
  • PipPipPip
  • 56 сообщений

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

Здравствуйте!
Вариант предложенный выше мне не очень подходит так как вид кнопки не тот что бы я хотел..
В общем попробую описать суть проблемы более подробно!!
я создал две картинки для создания кнопки и залил на хост..
одна картинка это просто фото кнопки но когда на нее подносишь мышку то кнопка меняется на вторую картинку...

скажите пожалуйста как это сделать ?? все файлы прикладываю!!
здесь ссылки на кнопки...  http://st.3dpen-art...._trafaret_1.png
http://st.3dpen-art...._trafaret_2.png

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

  • Галерея 2013-12-09 13-29-24.jpg


#4 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 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 Hardnord69

Hardnord69

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

  • Пользователи
  • PipPipPip
  • 56 сообщений

Отправлено 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 Vaccina

Vaccina

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

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

Отправлено 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 Hardnord69

Hardnord69

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

  • Пользователи
  • PipPipPip
  • 56 сообщений

Отправлено 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 miyako

miyako

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

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

Отправлено 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 Hardnord69

Hardnord69

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

  • Пользователи
  • PipPipPip
  • 56 сообщений

Отправлено 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 Castiel

Castiel

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

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

Отправлено 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 Hardnord69

Hardnord69

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

  • Пользователи
  • PipPipPip
  • 56 сообщений

Отправлено 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>
Большое спасибо! Все получилось!! :rolleyes: :rolleyes:




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

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