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


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

1863
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 2107
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 430
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Спасибо... А вот насчет "Но вот баги" можно поконкретнее???
  • CbIPoK2513 написал:
  • Интересная задумка и реализация.. Но вот баги.. А так хорошо.
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
    Последние темы
    Опрос
    417
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: