Панель в левой части сайта на куках by webo4ka

2521
10 из 10
Проголосовало: 8






Панель в левой части сайта на куках by webo4ka. Данная панель будет находится в левой части экрана, примерно п середине, при прокрутки страницы панелька будет опускаться вместе с вами, так же если не нее не наводить, то она будет иметь прозрачность, для того что бы можно было просмотреть что за ней находится, при нажатии на кнопку зеленого цвета, выдвинется панелька и кнопка поменяет цвет на красны, тем самым показывая, что при нажатии на нее панелька закроется, если панель была открыта и вы обновили страницу, то она будет не закрытой, что очень удобно, я в нее ничего не вставлял, я предоставляю эту возможность вам, можете вставть туда например мини-профиль, мини-чат, навигацию по сайту и т.д, но главное не забывайте менять размер окошка в зависимости от того, что вы в него вставите... во общем то на этом всё!

Установка:

После <body> вставляем:

Code
<div onclick="setCookie('openCookieWebo4kaRu', 1, 365); eraseCookie('closeCookieWebo4kaRu'); otkritieWebo4kaRu();" id="openWebo4kaRu" class="openWebo4kaRu"><font color="green" style="font-size: 20px;font-weight: bold;"><br><br><br>></font></div>

<div onmouseover="this.style.opacity='1.0'; document.getElementById('closeWebo4kaRu').style.opacity='1.0';" onmouseout="this.style.opacity='0.7'; document.getElementById('closeWebo4kaRu').style.opacity='0.7'" id="bodyWebo4kaRu" class="bodyWebo4kaRu">
гуляю на webo4ka.ru
<br>

(Панель в левой части сайта на куках by webo4ka)
</div>

<div onclick="setCookie('closeCookieWebo4kaRu', 1, 365); eraseCookie('openCookieWebo4kaRu'); zakritieWebo4kaRu()" onmouseover="this.style.opacity='1.0'; document.getElementById('bodyWebo4kaRu').style.opacity='1.0';" onmouseout="this.style.opacity='0.7'; document.getElementById('bodyWebo4kaRu').style.opacity='0.7'" id="closeWebo4kaRu" class="closeWebo4kaRu"><font color="red" style="font-size: 20px;font-weight: bold;"><br><br><br><</font></div>

<script type="text/javascript">
// by webo4ka.ru

function setCookie(name, value, days) {
  if (days) {
  var date = new Date();
  date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  var expires = "; expires=" + date.toGMTString();
  }
  else var expires = "";
  document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for (var i = 0; i < ca.length; i++) {
  var c = ca[i];
  while (c.charAt(0) == ' ') c = c.substring(1, c.length);
  if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  }
  return null;
}
function eraseCookie(name) {
  setCookie(name, "", -1);
};

if(getCookie('openCookieWebo4kaRu'))  
{
function otkritieWebo4kaRu()
{
document.getElementById('openWebo4kaRu').style.display='none';
document.getElementById('bodyWebo4kaRu').style.display='block';
document.getElementById('closeWebo4kaRu').style.display='block';
}
setTimeout(otkritieWebo4kaRu);
}  

if(getCookie('closeCookieWebo4kaRu')) {}

else
{

function otkritieWebo4kaRu()
{
document.getElementById('openWebo4kaRu').style.display='none';
document.getElementById('bodyWebo4kaRu').style.display='block';
document.getElementById('closeWebo4kaRu').style.display='block';
}

function zakritieWebo4kaRu()
{
document.getElementById('closeWebo4kaRu').style.display='none';
document.getElementById('bodyWebo4kaRu').style.display='none';
document.getElementById('openWebo4kaRu').style.display='block'
}

}
</script>

<style>

.bodyWebo4kaRu {
background: white;
border:1px solid #666;
border-left:0px;
padding:5px;
word-wrap: break-word;
width:180px;
height:200px;
opacity:0.7;
position:fixed;
bottom:45%;
z-index:1000;
display:none;
}  

.openWebo4kaRu {
background: #d4eabb;
border:1px solid #666;
border-left:0px;
padding:5px;
width:15px;
height:200px;
opacity:0.7;
position:fixed;
bottom:45%;
z-index:1000;
cursor: pointer;
}
.openWebo4kaRu:hover {opacity:1.0;}

.closeWebo4kaRu {  
background:#eabbbb;
border:1px solid #666;
borger-left:0px;
border-left:0px;
padding:5px;
width:15px;
height:200px;
opacity:0.7;
position:fixed;
left:191px;  
bottom:45%;
z-index:1000;
cursor: pointer;
display:none;
}
</style>


размеры ширины и высоты данной панели настраивайте в width и height...

Вот демо

готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 13

DontST0PMe
0
DontST0PMe написал: в материале Написано 07 Июля 2012 в 16:46
Комментарий №8
А можно ли сделать 2 панели таких на одной странице?

Вовчик
0
Вовчик написал: в материале Написано 08 Июля 2012 в 13:59
Комментарий №9
моно))

DontST0PMe
0
DontST0PMe написал: в материале Написано 15 Июля 2012 в 22:58
Комментарий №11
А подскажите как пожалуйста)

Вовчик
+1
Вовчик написал: в материале Написано 16 Июля 2012 в 00:08
Комментарий №12
копируешь код, вставляешь его еще раз, и меняешь позицию, что бы находилось не на том же месте где и первая, а потом меняешь классы, что бы небыли схоже с первым...

p.s. навряд ли поймешь, что я написал biggrin

DontST0PMe
0
DontST0PMe написал: в материале Написано 16 Июля 2012 в 01:22
Комментарий №13
id="openWebo4kaRu" class="openWebo4kaRu"
Эти классы первое понял)

miXanik
0
miXanik написал: в материале Написано 04 Июля 2012 в 16:09
Комментарий №7
Почему на Mozilla Firefox не открывается сразу, а открывается только после перезагрузки?

Вовчик
0
Вовчик написал: в материале Написано 08 Июля 2012 в 13:59
Комментарий №10
хз))

Apocalypse5800
0
Apocalypse5800 написал: в материале Написано 30 Июня 2012 в 18:01
Комментарий №6
Зачем такая тонна кода? Можно сделать в несколько строчек с красивой анимацией и отличным функционалом... wacko

СёмКа
0
СёмКа написал: в материале Написано 30 Июня 2012 в 17:50
Комментарий №5
Норм, нужная вещь =)

GUFY
-4
GUFY написал: в материале Написано 30 Июня 2012 в 11:42
Комментарий №2
Не очень нужная, вешь. Но, с Juicy немного согласен. Только вот придется половину скрипта переписать и еще миничат переписывать. wink

Kiwi
0
Kiwi написал: в материале Написано 30 Июня 2012 в 14:22
Комментарий №3
Зачем столько запятых? cry

GUFY
-4
GUFY написал: в материале Написано 30 Июня 2012 в 15:36
Комментарий №4
Для запятых. wink

Kelin
-3
Kelin написал: в материале Написано 30 Июня 2012 в 09:31
Комментарий №1
Кривая панель, когда страница загрузилась, текст виден был, потом тескт скрылся, и кнопка "Показать" без фона и обводки, т.е. просто символ ">", только при нажатии все становилось нормально blahblah

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2125
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 432
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • k43 написал:
  • Возможно из-за капчи для пользователей
  • Fast3sa написал:
  • Работает отлично,только вот бяда,отправлять могут только проверенные пользователи заявки(а просто юзеры не могут)
  • Fast3sa написал:
  • окей я понял что там не так(точнее я смог отправить сообщение о заказе) но только после того как поменял группу пользователю,помогите решить эту траблу
  • Fast3sa написал:
  • Народ подскажите в чем трабла? проблема такова заполняю все поля нажимаю отправить а он пишет не верный код безопасности,как это исправить,кода нет не какого сразу говорю
  • xXx_Pycckuu_xXx написал:
  • Загнулся ucodes.ru xD
    Последние темы
    Опрос
    527
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: