Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [17.11.2018] Группа Кровавой Дороги [ГКД] (0)
» [17.11.2018] Анимат на форуме для uCoz (0)
» [17.11.2018] Скрипт: Новости по теме для uCoz (0)
» [17.11.2018] Скрипт "Орфограф" beta для uCoz (0)
» [16.11.2018] Бар "100 Рентген" (3)
» [09.11.2018] Инверсия | Inversion (2)
» [09.11.2018] Как оформить тему? (0)
» [09.11.2018] S.T.A.L.K.E.R. 2 (1)
» [09.11.2018] Даты выхода модов Сталкер (2)
» [09.11.2018] N.I.K.S.O.N. MOD (ТЧ) (2)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Time Gap (50)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (32)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Личные сообщения (18)
» Редактирование мода «Народная солянка Объединенный пак ... (18)
» Проблемы в модуле "Пользователи" (17)
» Xemordio (2886)
» NL-Vincenz (11)
» Duzeppa26 (5)
» Ghosteron (4)
» Glomar (1)
» Бармен (1)
» Даниил_Хороший (1)
» marinak1984 (0)
» johnnym (0)
» LENA_D (0)
» [16.11.2018] d0om801
» [13.11.2018] parabranma
» [13.11.2018] doon80
» [12.11.2018] lemberg123
» [09.11.2018] alurongdannov
» [09.11.2018] NL-Vincenz
» [07.11.2018] eugen55eugen
» [07.11.2018] kadastrapro
» [22.10.2018] subbotin440
» [19.10.2018] goooooooooogle380

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Стилизация - Сегодня празднуют
Стилизация - Сегодня празднуют
Xemordio Offline Дата: Воскресенье, 26.08.2018, 18:14 | Сообщение # 1
Администратор
Звание: Генерал [?]
Сообщений: 2886


Всем привет, переменная TODAY_BIRTHDAYS оставляет желать лучшего. Данная переменная выводит просто список Юзеров которые празднуют сегодня свой день рождения. Не особо красиво выглядит простой список, но мы с вами исправим на расширенный вариант путем скрипта!...

Особенности:
1. Mail - Аватар.
2. FLAT - Стиль.
3. Отправка ЛС.
4. Отправка Награды.

Установка:

1. Заменяем переменную TODAY_BIRTHDAY (Если есть, если нет то добавляем код ниже) на:
Код
<div class="userBirthday">$TODAY_BIRTHDAYS$</div>


2. Добавим js скрипт:
Код
$(function(){  
uValue = $('.userBirthday').html();
uValues = uValue.replace(/,/g, '');
$('.userBirthday').html(uValues);
$('a.userBirthdayLink').each(function() {
uBirthday = $(this).text();  
uPodarocks1 = "new _uWnd('AwD','Поздравить с Днем рождения',380,200,{autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/55-";
uPodarocks2 = "'});return false;";
uBirthdayId = $(this).attr("href").split('-')[1];
$(this).html('<div class="uBirthdayBlock"><a href="/index/8-'+uBirthdayId+'" target="_blank" title="'+uBirthday+'"><img src="https://filin.mail.ru/pic?email='+uBirthday+'@'+uBirthday+'&trust=false&width=32&height=32&name='+uBirthday+'&version=4&build=4"></a><div id="uNnn"><a href="/index/8-0-'+uBirthday+'" target="_blank">'+uBirthday+'</a><hr><a href="/index/14-'+uBirthday+'-0-1" target="_blank">Написать ЛС</a></div><div class="uPodarok" onclick="'+uPodarocks1+''+uBirthdayId+''+uPodarocks2+'" title="Поздравить с Днем рождения '+uBirthday+'"></div></div>');
$(".userBirthday img").css('width','35px');
});  
$('span.userAge').each(function() {
$(this).html($(this).html().replace('(','').replace(')',''));
});});


3. Также в CSS добавим стили:
Код
.userBirthday {width: 250px;display: inline-block;}
div#uNnn {
  display: inline-block;cursor: default;
  width: 190px;padding-left: 5px;
}
.userBirthday a {
  display: inline-block; margin-bottom: -8px;
  text-decoration: none;
  font-family: sans-serif;
  padding: 3px; font-size: 11px;
  color: #3F6288;
  text-transform: capitalize;
}
.userBirthday img {
  float: left;border-radius: 3px;
  display: inline-block;
}
span.userAge {
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 5px 0px;
  width: 21px;
  text-align: center;
  border-radius: 30px;
  font-size: 10px;
  color: #4D71DB;
  font-family: serif;
  margin: 0px 0px -20px 127px;
  top: -11px;
  left: -96px;
}
div#uNnn HR {
  border: 1px dashed #E9ECF1;
  MARGIN: 3px 0px -2px 0px;
}
.uPodarok {
  background: url(http://cdn.heyitsfree.net/wp-content/wptouch-data/icons/custom/present.png) no-repeat;
  background-size: contain;
  width: 17px;cursor:pointer;
  height: 17px;
  position: absolute;
  margin: -25px 0px 0px 225px;z-index:2;
}


Если хотите добавить подсчет (Число) сколько человек празднуют то:
1. Дополним наш .js код из пункта 2:
Код
var Birthday = $('a.userBirthdayLink').size();
$("#uBirthdayLim").html('Сегодня празднуют <b>'+Birthday+'</b> человек.');


2. Добавим DIV для вывода числа сколько человек празднуют:
Код
<div id="uBirthdayLim"></div>



При копировании материала указывать источник MyBestStudio.ru
Дата регистрации: 22.07.2017
Форум » Web uCoz » Скрипты для uCoz » Стилизация - Сегодня празднуют
  • Страница 1 из 1
  • 1
Поиск:

01:51