User панель uCoz со сменой цвета на cookie (Новый мини-профиль для uCoz)


User панель uCoz со сменой цвета на cookie (Новый мини-профиль дл...

558
10 из 10
Проголосовало: 6






Доброго времени суток, и так новый мини профиль с сменой цвета для ucoz! И так эта user панель с возможностью менять цвета на cookie (красный, зеленый, синий, серый). Так же отображает ваш ник, количество не прочитанных личных сообщений ссылку на редактирование данных и выход.

Устанавливаем js код перед закрывающимся тегом </body>:

Код

<script>  
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('mpbgcolors1')) {  
  $( '.mprofiles_ava' ).css({'background':'#ff4d00'});  
  $( '.mprofiles a' ).css({'background':'#ff4d00'});  
  $( '.mprofiles a' ).mouseover(function(){$(this).css('opacity','0.7');});  
  $( '.mprofiles a' ).mouseout(function(){$(this).css('opacity','1');});  
  } else if(getCookie('mpbgcolors2')){  
  $( '.mprofiles_ava' ).css({'background':'#34c924'});  
  $( '.mprofiles a' ).css({'background':'#34c924'});  
  $( '.mprofiles a' ).mouseover(function(){$(this).css('opacity','0.7');});  
  $( '.mprofiles a' ).mouseout(function(){$(this).css('opacity','1');});  
  } else if(getCookie('mpbgcolors3')){  
  $( '.mprofiles_ava' ).css({'background':'#42aaff'});  
  $( '.mprofiles a' ).css({'background':'#42aaff'});  
  $( '.mprofiles a' ).mouseover(function(){$(this).css('opacity','0.7');});  
  $( '.mprofiles a' ).mouseout(function(){$(this).css('opacity','1');});  
  } else if(getCookie('mpbgcolors4')){  
  $( '.mprofiles_ava' ).css({'background':'#808080'});  
  $( '.mprofiles a' ).css({'background':'#808080'});  
  $( '.mprofiles a' ).mouseover(function(){$(this).css('opacity','0.7');});  
  $( '.mprofiles a' ).mouseout(function(){$(this).css('opacity','1');});  
  };  

  $( '.mpcolor' ).click(function() {  
  var color = $( this ).css( 'background-color' );  
  $( '.mprofiles_ava' ).css({'background':color});  
  $( '.mprofiles a' ).css({'background':color});  
  $( '.mprofiles a' ).mouseover(function(){$(this).css('opacity','0.7');});  
  $( '.mprofiles a' ).mouseout(function(){$(this).css('opacity','1');});  
  });  
</script>


Ставим где хотим видеть, код HTML

Код

<?if($USER_LOGGED_IN$)?>  
<div class="mprofiles">  
<div class="mprofiles_ava"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://webo4ka.ru/webo4kaRu/img/noavatarWebo4kaRu.png<?endif?>" width="80" height="80" alt="$USERNAME$"></div>  
<div class="mpcolor" style="background-color:#ff4d00;" onclick="setCookie('mpbgcolors1', 1, 365);eraseCookie('mpbgcolors2');eraseCookie('mpbgcolors3');eraseCookie('mpbgcolors4');"></div>  
<div class="mpcolor" style="background-color:#34c924;" onclick="setCookie('mpbgcolors2', 1, 365);eraseCookie('mpbgcolors1');eraseCookie('mpbgcolors3');eraseCookie('mpbgcolors4');"></div>  
<div class="mpcolor" style="background-color:#42aaff;" onclick="setCookie('mpbgcolors3', 1, 365);eraseCookie('mpbgcolors1');eraseCookie('mpbgcolors2');eraseCookie('mpbgcolors4');"></div>  
<div class="mpcolor" style="background-color:#808080;" onclick="setCookie('mpbgcolors4', 1, 365);eraseCookie('mpbgcolors1');eraseCookie('mpbgcolors2');eraseCookie('mpbgcolors3');"></div>  
<a href="/index/8-$USER_ID$" class="mprofiles_name">$USERNAME$</a>  
<a href="$PM_URL$" class="mprofiles_ls">Сообщения $UNREAD_PM$</a>  
<a href="/index/11" class="mprofiles_set">Настройки</a>  
<a href="/index/10" class="mprofiles_out">Выход</a>  
</div>  
<?endif?>


В таблицу стилей css либо в ваш файл вставляем css код:

Код

/* User панель пользователя start */  
.mpcolor{width:15px;height:15px;margin:3px;float:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}  
.mpcolor:hover{opacity:0.7;cursor:pointer;}  
.mprofiles{padding:5px;position:relative;}  
.mprofiles_ava{width:80px;height:80px;background:#42aaff;padding:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}  
.mprofiles a{color:#fff;padding:3px;background:#42aaff;}  
.mprofiles a:hover{text-decoration:none;opacity:0.7;}  
.mprofiles_name{position:absolute;top:10px;left:95px;border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;}  
.mprofiles_ls{position:absolute;top:30px;left:95px;border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;}  
.mprofiles_set{position:absolute;top:50px;left:95px;border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;}  
.mprofiles_out{position:absolute;top:70px;left:95px;border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;}  
/* User панель пользователя end */
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.center-dm.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта 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
    чужих
    Онлайн всего: 6
    Гостей: 6
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: