Всплывающее окно - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » Всплывающее окно
Всплывающее окно

Gig0536
Пользователи
Сообщений 17
+
0
-
Ваши награды 0
Gig0536 написал: В ответ пользователя Gig0536 Написано 16 Апреля 2014 в 19:08
Сообщение № 1
Всем привет, мне нужно что бы при нажатии на картинку выплывало окно.
Пример:[удалено] (см. правила пункт 5.2) там плюсик сбоку.
«Пред. тема След. тема»

BLAzER
Друзья
Сообщений 2335
+
+13383
-
Ваши награды 48
BLAzER написал: отредактировал: BLAzER - Суббота, 12.07.2014, 18:03 В ответ пользователя BLAzER Написано 17 Апреля 2014 в 15:16
Сообщение № 2
Держи
Код
<div id="chat_panel">
<div class="chat-con">сс</div>
<div class="chat-btn-oc"><a href="javascript://" class="chat-open"><img src="http://uc-portaller.ru/uc4/plus.png"></a>
<a href="javascript://" class="chat-close"><img src="http://uc-portaller.ru/uc4/minus.png"></a></div>
</div>
<script type="text/javascript">
$('a.chat-open').click( function() {
   $('.chat-open').removeClass('eye'); $('.chat-open').attr('style','display:none;');$('.chat-close').addClass('eye');$("#chat_panel").animate({"left": "+=270px"}, "slow");
   });
   $('a.chat-close').click( function() {
   $('.chat-close').removeClass('eye');$('.chat-close').attr('style','display:none;');$('.chat-open').addClass('eye');$("#chat_panel").animate({"left": "-=270px"}, "slow");
   });
</script>
<style>#chat_panel {
position: fixed;
left: -240px;
top: 160px;
width: 270px;
height: 330px;
z-index: 1000;
}
.chat-con {
width: 230px;
float: left;
height: 320px;
overflow: hidden;
border: 5px solid #333;
border-radius: 3px 0 3px 3px;
background: #fbfbfb;
}
.chat-btn-oc {
width: 30px;
float: left;
height: 30px;
border-radius: 0 3px 3px 0;
background: #333;
}
.chat-open {
width: 40px;
line-height: 20px;
position: relative;
float: left;
margin-top: 0;
}
.eye {
display: block !important;
}
.chat-btn-oc img {
width: 14px;
height: 14px;
margin: 8px;
}
.chat-close {
width: 40px;
line-height: 20px;
position: relative;
float: left;
margin-top: 0;
display: none;
}</style>
подпись: BLAzER

Gig0536
Пользователи
Сообщений 17
+
0
-
Ваши награды 0
Gig0536 написал: В ответ пользователя Gig0536 Написано 18 Апреля 2014 в 16:19
Сообщение № 3
Спасибо, мне эта кнопка нужна была как форма входа, но когда она открывается тег $LOG_FORM$ не работает...Однако другие теги работают, как исправить?

Добавлено (18.04.2014, 16:19)
---------------------------------------------
Извиняюсь, я был авторизирован)

Форум » Форум веб мастеров » html & css » Всплывающее окно
Страница 1 из 11
Поиск:
Топ пользователей: