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


Фотография
- - - - -

Нужно поставить свои кнопки вместо стандартных в сравнении


Лучший Ответ Sliapy , 20 June 2013 - 13:24

По прописанному в CSS адресу картинки нет.

 

/media/zoo/applications/jbuniversal/assets/img/Footer-comp-buttons.png

 

И вызывают недоумение вот такие записи в CSS:

 

.jbzoo .wrapper-jbcompare a, .jbzoo .jbbuttom {
background-image: url("../img/Bttns-door-04.png");
background-image: url("../img/Footer-del-buttons.png");
background-image: url("../img/Footer-comp-buttons.png");
}
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 6

#1 Kitlob

Kitlob

Отправлено 19 June 2013 - 05:22

Здравствуйте!

Стоит задача подставить свои графические кнопки вместо стандартных "Добавить к сравнению", "Удалить" и "Сравнение". Пробовал заменить стиль в файле jbzoo.css - прописал путь до картинки:

background-image: url("../images/Bttns-door-04.png"); 

Потом в файле jbcompare.php из папки tmpl блока сравнения, тоже ссылку на картинку поставил: 

<input type="image" name="but_img" src="../images/Bttns-door-04.png">

Но картинка так и не показывается. Подскажите, что не так.


  • 0

#2 Sliapy

Sliapy

Отправлено 19 June 2013 - 12:09

Учите основы сайтостроения. 

 

1. Если Вы в media\zoo\applications\jbuniversal\assets\css\jbzoo.css пишете url("../images/Bttns-door-04.png"); 

 

то картинка должна лежать в \media\zoo\applications\jbuniversal\assets\images\  (такой папки по-умолчанию нет)

 

2. Зачем делать кнопку картинкой, если Вы уже ей ставите нужное изображение как фон.

 

3. Все кнопки в JBZoo можно переоформить просто через CSS, не изменяя ничего в коде шаблонов.


Сообщение отредактировал Sliapy: 19 June 2013 - 12:10

  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#3 Kitlob

Kitlob

Отправлено 20 June 2013 - 04:48

Добрый день!

Я уже и абсолютный путь пробовал вписывать и папку создал в assets - все равно картинка не показывается.


  • 0

#4 Sliapy

Sliapy

Отправлено 20 June 2013 - 11:16

Дайте ссылку на сайт.


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#5 Kitlob

Kitlob

Отправлено 20 June 2013 - 12:26

http://dverityumen.com

http://dverityumen.c...e-dver/vkhodnye


  • 0

#6 ecwallspb

ecwallspb

Отправлено 20 June 2013 - 13:12

 

проще всего вывести через CSS 

 

положите ваш шаблон рисунки и от вашего шаблона пропишите css

 

могу помочь . такое делал уже не однократно 


  • 0

#7 Sliapy

Sliapy

Отправлено 20 June 2013 - 13:24   Лучший Ответ

По прописанному в CSS адресу картинки нет.

 

/media/zoo/applications/jbuniversal/assets/img/Footer-comp-buttons.png

 

И вызывают недоумение вот такие записи в CSS:

 

.jbzoo .wrapper-jbcompare a, .jbzoo .jbbuttom {
background-image: url("../img/Bttns-door-04.png");
background-image: url("../img/Footer-del-buttons.png");
background-image: url("../img/Footer-comp-buttons.png");
}

Сообщение отредактировал Sliapy: 21 June 2013 - 01:03

  • 1
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]




Click to return to top of page in style!