Как сделать кнопки в виде картинки с помощью Views?

Главные вкладки

Аватар пользователя andreystrelkov andreystrelkov 11 декабря 2013 в 9:20

Добрый день, я не совсем сильно разбираюсь в вёрстке, поэтому прошу у вас помощи
Я с помощью вьюхи делаю некое подобие меню, а точнее я не использую понятие меню как таковое, я создаю тип материала МЕНЮ, в котором создаю такие поля, как
- Название ссылки
- Вес
- CSS класс
- Описание ссылки
- Путь ссылки
и т.д.

т.е. в принципе можно было меню использовать стандартное, но я решил делать с помощью нод, т.к. думаю так больше гибкости можно добиться

Вопрос состоит в том, что я хочу эти выводимые пункты меню сделать в виде кнопок, а именно картинок
в результате я вывожу их вьюхой - не форматированный списком, вывожу лишь поле CSS класс и поле Путь ссылки, которые несёт цель лишь достать поле класса из ноды, и переопределить им, а Путь ссылки служит для создания ссылки соббсно
в настройках вывода стиль вывода каждого ROW

Т.е. чтобы каждый пункт меню выводился со своей СSS-кой,
т.к.во вьюхе нельзя ничего не выводить, т.е. я не могу все поля заэксклудить,поэтому я заэксклудил Путь ссылки, а для СSS класс его текст на фоне картинки мне не нужен, поэтому я у каждого класса говорю что шрифт 0 пикселей.
Это наверно вы уже скажете быдло кодом попахивает, но мне к сожалению такой вывод кажется более менее сносным.

НО! Вся беда то не в этом, а в том, что эти выводимые картинки не являются ссылками, что собственно и логично, ссылкой является текст который у меня 0 пикселей.

И вот беда, не знаю что делать, прошу у вас помощи.
Как можно сделать в виде кнопки-ссылки каждый пункт

Может это можно как то вьюхой в связке c СSS, либо может переопределить где то в вьюхе php
а ещё чую что это проще всего делается с помощью jquery. - но я его к сожалению совсем не знаю, поэтому очень будут благодарен ЛЮБОЙ помощи в этом!!!

Комментарии

Аватар пользователя Velesss Velesss 11 декабря 2013 в 11:22

Может быть чего-то не понял, но внутри каждого поля во views есть пункт "перезаписать результаты" - и там можно сделать графическую кнопку-ссылку и всё, что угодно другое.

Аватар пользователя andreystrelkov andreystrelkov 11 декабря 2013 в 14:40

угу, но такой способ сделает одну картинку на все выводимые значения, т.е. будет 10 одинаковых кнопок, т.к. переопределение на все распространится

вот по идее человек CSS исправляет http://ran.ge/2009/11/11/css-trick-turning-a-background-image-into-a-cli...
но у меня такой способ не помогает, хотя всё один в один получается, однакое у него ID а во вьюхе только класс может назначить, видать разница есть?

Аватар пользователя Velesss Velesss 11 декабря 2013 в 16:22

Почему 10 одинаковых? Делайте для каждой картинки свой id (например имя_номер_ноды) и прописывайте свой css.

Аватар пользователя Grayw0lf Grayw0lf 11 декабря 2013 в 18:49

Добавьте дополнительное поле image которое и будет служить нужной картинкой, во вьюсе переписывайте его как ссылку ну и соответственно имиджкеш можно к нему применить.