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


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

1850
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: