|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.07.2010, 01:21 | #1 |
Форумчанин
Регистрация: 12.02.2010
Сообщений: 787
|
Элемент поверх другого элемента
На многих сайтах есть такая штука: загрузилась страница, нажимаешь, например, "войти", а вместо нового окна или перехода на новую страницу поверх всей страницы появляется по-своему оформленная форма для входа, задний план затемняется. Как это делается с самого начала?
|
28.07.2010, 01:37 | #2 |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
jquery overlay
|
28.07.2010, 19:31 | #3 |
Форумчанин
Регистрация: 12.02.2010
Сообщений: 787
|
Пока все понятно.
Уже не все. У меня есть tpl файл. Пишу только в нем. 1. Я вставил в верх строчку: <script src="http://cdn.jquerytools.org/1.2.3/form/jquery.tools.min.js"></script>; 2. Делаю пример со страницы http://flowplayer.org/tools/demos/overlay/index.html: 2.1. Скопировал весь css; 2.2. Добавил на верх: Код:
Код HTML:
<img src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" rel="#mies1"/> <!-- first overlay. id attribute matches our selector --> <div class="simple_overlay" id="mies1"> <!-- large image --> <img src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" /> <!-- image details --> <div class="details"> <h3>The Barcelona Pavilion</h3> <h4>Barcelona, Spain</h4> <p>The content ...</p> </div> </div> <!-- second overlay --> <div class="simple_overlay" id="mies2"> ... </div> Последний раз редактировалось Krasi; 28.07.2010 в 20:08. |
30.07.2010, 18:37 | #4 |
Форумчанин
Регистрация: 12.02.2010
Сообщений: 787
|
Может это что-нибудь разъяснит: создаю html файл и пишу там только:
Код:
Последний раз редактировалось Krasi; 30.07.2010 в 18:42. |
30.07.2010, 18:48 | #5 |
Форумчанин
Регистрация: 12.02.2010
Сообщений: 787
|
А все, там есть пример на http://flowplayer.org/tools/demos/overlay/index.htm
А как сделать вызов всплывающего элемента текстом, а не картинкой? Последний раз редактировалось Krasi; 30.07.2010 в 19:15. |
31.07.2010, 19:16 | #6 |
Форумчанин
Регистрация: 12.02.2010
Сообщений: 787
|
Еще одна проблема.
Код:
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
добавить элемент после элемента с указанным номером | SOUR47 | Помощь студентам | 0 | 20.05.2010 21:09 |
можно ли прописать стиль для элемента "внутри" этого самого элемента ? | vedro-compota | HTML и CSS | 8 | 03.05.2010 17:24 |
Си -Расположить элементы в порядке возрастания от первого нулевого элемента до отрицательного элемента | Freia | Помощь студентам | 17 | 13.12.2009 15:41 |
Первый нечетный элемент каждой строки удвоить (предполагается, что в каждой строке есть нечетный элемент | Галина002 | Помощь студентам | 1 | 18.03.2009 06:30 |
заменить любой минимальный элемент максимальным и сменить знак максимального элемента противоположным | Рітка-кулеметчиця | Паскаль, Turbo Pascal, PascalABC.NET | 2 | 26.01.2009 17:45 |