Новости Joomla

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

Evgenykg

  • Осваиваюсь на форуме
  • 47
  • 2 / 0
Случайно встретил и захотелось сделать всплывающие окна на чистом CSS и HTML.
Перепробовал многие примеры.

Вот два, которые  мне больше всего понравились.
Описание1: http://www.web-shpargalka.ru/scripti/modelinie_ocna.php
Демо1: http://www.web-shpargalka.ru/scripti/modal_ocno/demo.html
Описание2: http://dbmast.ru/modalnye-vsplyvayushhie-okna-s-pomoshhyu-css3-bez-javascript
Демо2: http://dbmast.ru/files/css3_modalwin/demo.html

Пытался все это внедрить в Joomla, не получается. Упорно не хотят работать.

Joomla 3.1.1 шаблон установил T3 Framework
В T3 Framework описано, чтобы создать свои стили – создаешь в общей папке с CSS пользовательский custom.css, который становиться приоритетным.
В него я и загружаю стили от данных примеров.

HTML код помещаю в статью с отключенным редактором.

Захожу на сайте в статью – информация которая  должна всплывать в окне – не видна (как и должно быть )
А вот когда кликаешь на ссылку – блог не всплывает.

Получается, CSS срабатывает частично, блог прячет, а при клике показывать не хочет.
Подскажите, как все это можно подключить, чтобы заработало в Joomla?
« Последнее редактирование: 30.06.2013, 08:19:24 от Evgenykg »
*

Alldar

  • Завсегдатай
  • 1504
  • 195 / 1
Re: Всплывающие окна на чистом CSS и HTML
« Ответ #1 : 30.06.2013, 10:44:01 »
ну так если ссылка куда то ведет браузер должен перейти по ней это ж вам не JS
*

Evgenykg

  • Осваиваюсь на форуме
  • 47
  • 2 / 0
Re: Всплывающие окна на чистом CSS и HTML
« Ответ #2 : 02.07.2013, 09:04:11 »
Все разобрался, надо было родительский класс прописать. Теперь все работает.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Всплывающие окна на чистом CSS и HTML
« Ответ #3 : 04.07.2013, 00:53:43 »
варианты забавные - надо будет попробовать
*

dagedra

  • Новичок
  • 2
  • 0 / 0
Re: Всплывающие окна на чистом CSS и HTML
« Ответ #4 : 21.07.2014, 16:43:36 »
Все разобрался, надо было родительский класс прописать. Теперь все работает.

а можно поподробнее на счет родительского класса? пробую вариант модального окна с http://dbmast.ru.
*

dagedra

  • Новичок
  • 2
  • 0 / 0
Re: Всплывающие окна на чистом CSS и HTML
« Ответ #5 : 22.07.2014, 17:51:24 »
проблема решена.
текстовый редактор Joomla режет часть кода. избежать этого можно установив плагин для вставки кода в текст материала (например, Freestyle Includes: Code)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работают стили CSS в html

Автор ВикуЛя

Ответов: 1
Просмотров: 1302
Последний ответ 27.05.2021, 12:31:15
от ShopES
Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 2704
Последний ответ 16.06.2020, 17:43:05
от xpank
html код для сайта

Автор lexin

Ответов: 0
Просмотров: 1511
Последний ответ 13.12.2017, 18:15:15
от lexin
Шаблон Protostar - Валидация HTML 100%

Автор leo78

Ответов: 14
Просмотров: 7020
Последний ответ 24.11.2017, 15:30:17
от leo78
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

Ответов: 6
Просмотров: 2857
Последний ответ 26.06.2017, 15:07:35
от Shustry