X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V  < 1 2
Открыть тему
Тема закрыта
> Как сделать сплывающее окно
Solonik
Solonik
сообщение 7.1.2014, 9:06; Ответить: Solonik
Сообщение #12


Tollun, а не проще будет сверстать такое окошко и через jquery при клике менять display:none на inline-block или block мне кажется прокатит...


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 7.1.2014, 9:59; Ответить: Tollun
Сообщение #13


Solonik, Вы лишь перефразировали, рисовать всё же придётся (если говорить о том, что на изображении в первом посте).

Сообщение отредактировал Tollun - 7.1.2014, 10:02


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Solonik
Solonik
сообщение 7.1.2014, 10:05; Ответить: Solonik
Сообщение #14


Tollun, Не рисовать согласен по любому придется без этого никак.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
djalin
djalin
Topic Starter сообщение 7.1.2014, 18:33; Ответить: djalin
Сообщение #15


Спасибо за идеи,
(Solonik @ 7.1.2014, 8:06) *
менять display:none на inline-block


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

пока в поиске


--------------------
Услуги: установка WP + плагины. Установка SAPE: wordpress/phpbb/Quick.Cms/некоторые самописы (php)
Хостинг - The HostVille
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
workforpills
workforpills
сообщение 10.1.2014, 14:56; Ответить: workforpills
Сообщение #16


(djalin @ 7.1.2014, 17:33) *
такое нужно не одно

если нужно не одно - сверстайте хоть сотню и назначьте им всем display:none;
а потом яваскриптом или через :hover присваивайте им display:block;

CSS
.tooltip {
display:none;
width:200px;
height:200px;
position:absolute;
}
.tooltip.first {
background:url(image_1.png) top left no-repeat;
top:100px; left:100px;
}
.tooltip.second {
background:url(image_2.png) top left no-repeat;
top:200px; left:200px;
}


HTML
<div class="tooltip first">
Первое окно
</div>
<div class="tooltip second">
Второе окно
</div>


код я дал только для примера чтобы объяснить логику построения таких элементов
вполне возможны и другие реализации, как на чистом CSS так и на CSS+javascript

но судя по предыдущим сообщениям - тебе стоит ознакомиться с базовыми понятиями верстки
не с тегами и атрибутами, а именно с идеей как встраивать в страницу такие вот интерактивные элементы, не видимые в самом начале

Сообщение отредактировал workforpills - 10.1.2014, 14:57


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Levels
Levels
сообщение 17.1.2014, 22:04; Ответить: Levels
Сообщение #17


можно пошаманить с CSS3. Нужное вам окно положить в блок и задать свойство:

.block {
transform: scale(0);
}

.block:hover {
transform: scale(1);
}


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал Levels - 17.1.2014, 22:05


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V  < 1 2
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
88 metvekot 15453 13.6.2024, 18:17
автор: metvekot
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
31 freeax 6019 6.6.2024, 18:14
автор: karizma
Горячая тема (нет новых ответов) У вас часто просят денег в долг? Как отказываете?
99 uahomka 8220 5.6.2024, 22:50
автор: Liudmila
Открытая тема (нет новых ответов) Как заработать денег в интернете?
6 Suagaring 1131 5.6.2024, 0:33
автор: Liudmila
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
160 adw-kupon.ru 22623 4.6.2024, 23:39
автор: Liudmila


 



RSS Текстовая версия Сейчас: 16.6.2024, 23:40
Дизайн