Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [23.09.2018] Вероятность выпадения тайников с ПДА для NLC 7 (0)
» [23.09.2018] Правка погоды от shahvkit для NLC 7 (0)
» [23.09.2018] Как отключить сгорание ПДА во время выброса для... (0)
» [23.09.2018] Прохождения NLC v6 - Начало (0)
» [23.09.2018] Гид по NLC v6 от By Leshik (0)
» [23.09.2018] Вопросы по моду NLC 6 v6.008 - Начало (0)
» [23.09.2018] NLC v6.008 - Начало (0)
» [23.09.2018] NLC 7: "Я - Меченный" (0)
» [23.09.2018] NLC 7 Build 3.0 (0)
» [23.09.2018] NLC 7. Правки и модификации (6)
» Тайники и подсказки (82)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (32)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» Личные сообщения (18)
» Проблемы в модуле "Пользователи" (17)
» Рамки сталкер / для аватарок / новостей. (13)
» Полный список предметов в переводе для STALKER ОП-2 (13)
» Sigerous Mod 2.2 + Albor Weapons Pack (13)
» Xemordio (2516)
» Duzeppa26 (5)
» Ghosteron (3)
» Бармен (1)
» Даниил_Хороший (1)
» Glomar (1)
» oleg2013 (0)
» marinak1984 (0)
» freez12332 (0)
» johnnym (0)
» [21.09.2018] kures80
» [16.09.2018] marinak1984
» [15.09.2018] johnnym
» [09.09.2018] LENA_D
» [09.09.2018] oleg2013
» [03.09.2018] zdarg
» [02.09.2018] nitro-oc
» [02.09.2018] oleg101
» [31.08.2018] Razilator
» [30.08.2018] Yuri_Geruk

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Плавно Выезжающий мини профиль от uArts
Плавно Выезжающий мини профиль от uArts
Xemordio [Offline] Дата: Понедельник, 10.09.2018, 13:15 | Сообщение # 1
Генерал [?]
Группа: Администраторы
Сообщений: 2516
Награды: 1
Репутация: 3

При написании дизайна стал вопрос о написании мини профиля! пришла отличная идея написать скрипт мини профиля !

В css (Настраиваем под себя)

Код
<style>
#iconbar li {
  float:left;
  position:relative;
  overflow: hidden;
  margin-right:10px;
  background-image: url("http://uarts.ucoz.ru/images/bl_1.png");
  background-size: 100% 100%;
  border: #BFCCEF solid 1px;
  box-shadow: 0px 0px 10px #BFCCEF;
  color: #657194;
  }
#iconbar a {
  text-decoration: none;
  outline: none;
  display: block;
  width: 48px;
  cursor:pointer;
}
#iconbar span {
  width: 100px;
  position: absolute;
  line-height:110%;
  font-family: "Tahoma";
  font-size: 13px;
  color: #9099b4;
  padding-top: 5px;

  text-shadow: 1px 1px 0px #FFFFFF;
  }
</style>

Тоже самое только сжато:

Код
#iconbar li{float:left;position:relative;overflow:hidden;margin-right:10px;background-image:url(http://uarts.ucoz.ru/images/bl_1.png);background-size:100% 100%;border:#BFCCEF solid 1px;box-shadow:0 0 10px #BFCCEF;color:#657194}
#iconbar a{text-decoration:none;outline:none;display:block;width:48px;cursor:pointer}
#iconbar span{width:100px;position:absolute;line-height:110%;font-family:Tahoma;font-size:13px;color:#9099b4;padding-top:5px;text-shadow:1px 1px 0 #FFF}

Далее скрипт ставим в нижнюю или верхнюю часть сайта:

Код
<script language="JavaScript" type="text/javascript">
$(function(){
  $(".auserpanel")
  .hover(function() {
  $(this).animate({'width': '155'}, "fast");
  })
  .mouseleave(function(){
  $(this).animate({'width': '48'}, "fast");
  });
});
</script>

и по месту ставим ( обычно перед $BODY$ возле ссылки добавления материала):

Код
<ul id="iconbar">
<li><a class="auserpanel" href="$PERSONAL_PAGE_LINK$"><img style="padding-left: -10px;" src="http://uarts.ucoz.ru/s/i/userpm.png" border="0" ><span>Персональная Стрница</span></a></li>
<li><a class="auserpanel" href="$PM_URL$"><img src="http://uarts.ucoz.ru/s/i/userls.png" border="0" ><span>Личные Сообщения</span></a></li>
<li><a class="auserpanel" href="/index/10"><img src="http://uarts.ucoz.ru/s/i/exit.png" border="0" ><span>Завершить Сеанс</span></a></li>
</ul>

Готово!
Форум » Web uCoz » Скрипты для uCoz » Плавно Выезжающий мини профиль от uArts
  • Страница 1 из 1
  • 1
Поиск:

17:40