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

1982
10 из 10
Проголосовало: 7






Панель в левой части сайта на куках 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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Последние темы
    Опрос
    461
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: