0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 117 Просмотров
*

Detoed

  • Новичок
  • 8
  • 0 / 0
Всем привет, товарищи!

Перелез на Gantry 5 и понял что он для меня идеален, но как обычно не без косяков (хотя я уверен что данный косяк будет почти во всех шаблонах)

Итак нашел я в инете примеры красивых всплывающих подсказок (tooltips) Решил сначала проверить создав простенькую страничку на HTML. Запихнул примеры стилей css  (которые я скачал как исходник) в одноименную папочку. шрифты в шрифты и тд. Запустил страницу и понял что  все получилось и все работает.  После этого я конечно же перенес все  это дело (стили, шрифты "fa" картинки)  в gantry 5 шаблон (подключилось без проблем). Создал custom html  модуль, вписал туда кусок интересующего меня кода с кнопками и тултипами, сохранил и увидел пустой белый блок.

Скрины прилагаю:
Первый скрин на котором показано что все работает в обычном html
Спойлер
[свернуть]
Второй скрин показывает что после подключения в Joomla gantry5  все сломалось
Спойлер
[свернуть]

Я предполагал что, так как в  Joomla около 10к файлов, рано или поздно наткнусь на косяк, который будет перекрывать подключаемый мною стиль или что-то в этом роде.

Далее я покажу CSS код всех 3-х файлов которые я подключил.

1.Demo
Спойлер
[свернуть]
2.Normalize
Спойлер
[свернуть]
3.tooltip-flip
Спойлер
[свернуть]
Последний мне и дает стиль самого тултипа (логично). Еще подключен font awesome, однако  он сейчас не нужен так как я заменил иконки на картинки.
А вот сам HTML код  вывода кнопок с тултипами
Спойлер
[свернуть]
тут же сразу могу отметить что если убрать класс из блока <a ... />, то кнопки появляются, хоть и не работают подсказки.

Я никак не могу понять в чем проблема, почему на обычной странице все работает, а в joomla  все ломается. Может есть какие-то советы, в каком направлении копать?

Сайт: http://abzia.ru
Пример подсказок: http://abzia.ru/tooltip
« Последнее редактирование: 07.11.2017, 16:55:44 от Detoed »
*

effrit

  • Гуру
  • 7875
  • 878 / 7
  • effrit.com
мало шансов, что помогут по скринам и кодам.
выкладывайте сайт на сервак, пример с работающими подсказками - тоже, ссылки на страницы - сюда.
тогда будет шанс.
*

Detoed

  • Новичок
  • 8
  • 0 / 0
мало шансов, что помогут по скринам и кодам.
выкладывайте сайт на сервак, пример с работающими подсказками - тоже, ссылки на страницы - сюда.
тогда будет шанс.

Сайт: http://abzia.ru
Пример: http://abzia.ru/tooltip
*

effrit

  • Гуру
  • 7875
  • 878 / 7
  • effrit.com
да работает скрипт.
но, во-первых, уберите

Код
Загрузка <script> с источником «http://abzia.ru/ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js» не удалась. 

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

Код
.dummy-menu ul li {
    width: 150px;
}
*

Detoed

  • Новичок
  • 8
  • 0 / 0
скрипт работает когда он отдельно лежит. А когда подключаешь к Joomla, нет.
*

Detoed

  • Новичок
  • 8
  • 0 / 0
да работает скрипт.
но, во-первых, уберите

Код
Загрузка <script> с источником «http://abzia.ru/ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js» не удалась. 

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

Код
.dummy-menu ul li {
    width: 150px;
}

исправли ошибку, дописал нужные строки, но пока без изменений  :'(
*

effrit

  • Гуру
  • 7875
  • 878 / 7
  • effrit.com
хыхы.
можете месяц подождать, или просто ctrl+f5 нажать.
состаритесь зазря, если кэш браузера не научитесь обновлять.  ;D
*

Detoed

  • Новичок
  • 8
  • 0 / 0
хыхы.
можете месяц подождать, или просто ctrl+f5 нажать.
состаритесь зазря, если кэш браузера не научитесь обновлять.  ;D
хах. у меня болезнь такая, забываю чистить кеш!  Не могу с этим бороться!  :laugh:
Сейчас уберу размер, и погляжу как будет выглядеть спасибо большое. Добавлю в карму как только наберу 20 сообщений!
*

Detoed

  • Новичок
  • 8
  • 0 / 0
Кстати, такой прикол получился. что после дописания этих строк, размер подсказки уменьшился,  а точнее текста в ней, при увеличении размера шрифта, вижу эффект пикселизации на этом самом тексте, как будто зумлю картинку.. не Подскажете как это поправить?
*

effrit

  • Гуру
  • 7875
  • 878 / 7
  • effrit.com
ну так размер шрифта + семейство шрифта
зачем вам консоль браузера? лезете, смотрите и меняете

Код
.tooltip-content{}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с модулями

Автор Серёг@

Ответов: 13
Просмотров: 99
Последний ответ 09.12.2017, 14:01:14
от Серёг@
Проблема с авторизацией пользователей Joomla 3.0

Автор lenslikoko

Ответов: 9
Просмотров: 1148
Последний ответ 28.10.2017, 20:34:24
от Avanturist
Проблема с публикацией нового модуля. er.php и class в нем

Автор rudoy24

Ответов: 1
Просмотров: 73
Последний ответ 25.10.2017, 15:56:00
от rudoy24
проблема с входом на сайт

Автор DVD1212

Ответов: 5
Просмотров: 198
Последний ответ 18.10.2017, 14:06:00
от draff
Проблема с циклическими ссылками, как это решить?

Автор Sintez83

Ответов: 1
Просмотров: 109
Последний ответ 16.10.2017, 01:42:17
от yandex_hb