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

2655
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 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • dalamkontak написал:
  • Попробуйте социальную сеть Dalam Kontak !
    Сайт сети: Dkon.app
  • mrnoobsky написал:
  • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
  • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
  • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
  • ?
    Последние темы
    Опрос
    542
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    • Обратная связь
    • Правила
    • RSS
    • +18
    • Мобильная версия
    • Хостинг от uCoz
    • Хостинг от uCoz
    • Copyright - webo4ka.ru © 2010-2025 г.
    • Design by Вовчик
      Администратор:)