Подскажите, как сделать плавающее сбоку окошко

12 3
Rock'n'rolla
На сайте с 14.09.2009
Offline
146
4505

Сабж. Т.е. бывает заходишь на сайт, а у них там слева или справа окошко плавает, т.е. прокручиваешь окно, а оно так и остается на месте. Т.е. как я понял у них там ДИВ как то зафиксирован чтоли. Который открывается раз в сутки на 1 айпи и его можно крестиком закрыть...

Как то так.

"Vulcan-Bit - лучшая партнерка в сети" (http://vulcan-bit.com?invite=artem_kozirev) KMA.BIZ - Партнерка с крутым конвертом и отчислениями в долларах. Лить! (http://kma.biz)
TaP3aH
На сайте с 13.12.2006
Offline
66
#1

#название дива {

background: url("../images/картинка.png") no-repeat scroll 0 0 transparent;

display: block;

height: число px;

position: fixed;

top: число px;

width: число px;

}

Ну, а закрытие крестиком это уже не в css

L
На сайте с 15.01.2008
Offline
112
#2

position:fixed;

По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.

Это будет просто фиксированный элемент.

А вот если его еще и по айпи выводить нужно, да еще и закрывать - копайте в сторону джава скриптов.

TaP3aH
На сайте с 13.12.2006
Offline
66
#3
lpcard:
position:fixed;
По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.
Это будет просто фиксированный элемент.
А вот если его еще и по айпи выводить нужно, да еще и закрывать - копайте в сторону джава скриптов.

Верно, и он будет занимать своё место на экране и при прокрутке будет оставаться на указанной высоте, слева или справа куда бы Вы не пошли или не опустились\поднялись.

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
#4

Мужики, помогайте реализовать =( В долгу не останусь!

FernandoDiaz
На сайте с 23.01.2012
Offline
13
#5

Не надо никаких привязок к IP. Т.к IP у многих динамический и пользователь может увидеть это окошко несколько раз в день.

На самом деле всё делается проще, на элемент с крестиком вешаем onclick по которому юзеру установятся куки длительностью, например, 1 день, а всему плавающему блоку установится значение display:none (не показывать).

Ну и соответственно при обновлении страницы чекаем, есть ли у юзера эти куки, если есть то не показываем блок, если нету - показываем.

L
На сайте с 15.01.2008
Offline
112
#6
Rock'n'rolla:
Мужики, помогайте реализовать =( В долгу не останусь!

Пока не ясно, что именно хочется реализовать. Окошко с крестиком? А какая у него цель? А че там будет написано? А зачем его по айпи выдавать? А крестик там зачем?

FernandoDiaz, а все так мило начиналось... И понеслось, php, куки, сессии, заголовки... Теперь нужно обмозговать, что делать, если у юзверя отключены куки, или он вошел второй раз, но уже другим браузером😂

TaP3aH
На сайте с 13.12.2006
Offline
66
#7
lpcard:

FernandoDiaz, а все так мило начиналось... И понеслось, php, куки, сессии, заголовки... Теперь нужно обмозговать, что делать, если у юзверя отключены куки, или он вошел второй раз, но уже другим браузером😂

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

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
#8

Я открыл форум и тема такая, мол человек заходит на сайт (не на форум) и тут ему слева написано мол:

"Есть вопросы? Задай на форуме!"

вот так.

Ребята, а как с кукисами реализовать? Как это будет выглядеть ?

Geers
На сайте с 12.04.2011
Offline
487
#9

Тоже интересует данный вопрос.:)

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
#10

Ну вот как ту реализовано:

http://budist.ru/

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий