Скрипты

Поделиться12018-10-15 11:44:48

Автор: UP
Сообщений: 33
Уважение: +0
ОКНО ПЕРСОНАЖА:
Уровень: 789
Раса: дракон
Класс: Маг
??:

Flotsam – необыкновенный симулятор выживания целой группы людей, которые оказались посреди огромного водоема. Как тут можно выжить? Все просто, собирайте мусор, исследуйте новые открытия, добывайте пищу и обрабатывайте воду для последующего питься. Дел будет очень много, поэтому мы рекомендуем поначалу собраться с мыслями и только потом начинать действовать.

Рыбалка, сбор мусора, борьба с хищниками, научные исследования и многое другое. На этот раз у вас появится возможность создать личную «мусорную» колонию, где главным ресурсом станут люди и плавающий мусор. Сможете реализовать потенциал своего маленького поселения? Готовы ли вы с помощью мусора создать не только шалаши, но электростанции, исследовательские лаборатории и даже мини-заводы? Тогда не следует терять времени и просто скачать Flotsam через торрент на русском языке. Скучать здесь будет некогда, постоянно нужно что-то делать и строить, иначе вы просто пойдете ко дну и станете лакомым кусочком для местных акул. Приятной игры!Flotsam – необыкновенный симулятор выживания целой группы людей, которые оказались посреди огромного водоема. Как тут можно выжить? Все просто, собирайте мусор, исследуйте новые открытия, добывайте пищу и обрабатывайте воду для последующего питься. Дел будет очень много, поэтому мы рекомендуем поначалу собраться с мыслями и только потом начинать действовать.

Код:

Рыбалка, сбор мусора, борьба с хищниками, научные исследования и многое другое. На этот раз у вас появится возможность создать личную «мусорную» колонию, где главным ресурсом станут люди и плавающий мусор. Сможете реализовать потенциал своего маленького поселения? Готовы ли вы с помощью мусора создать не только шалаши, но электростанции, исследовательские лаборатории и даже мини-заводы? Тогда не следует терять времени и просто скачать Flotsam через торрент на русском языке. Скучать здесь будет некогда, постоянно нужно что-то делать и строить, иначе вы просто пойдете ко дну и станете лакомым кусочком для местных акул. Приятной игры!Flotsam – необыкновенный симулятор выживания целой группы людей, которые оказались посреди огромного водоема. Как тут можно выжить? Все просто, собирайте мусор, исследуйте новые открытия, добывайте пищу и обрабатывайте воду для последующего питься. Дел будет очень много, поэтому мы рекомендуем поначалу собраться с мыслями и только потом начинать действовать.

Рыбалка, сбор мусора, борьба с хищниками, научные исследования и многое другое. На этот раз у вас появится возможность создать личную «мусорную» колонию, где главным ресурсом станут люди и плавающий мусор. Сможете реализовать потенциал своего маленького поселения? Готовы ли вы с помощью мусора создать не только шалаши, но электростанции, исследовательские лаборатории и даже мини-заводы? Тогда не следует терять времени и просто скачать Flotsam через торрент на русском языке. Скучать здесь будет некогда, постоянно нужно что-то делать и строить, иначе вы просто пойдете ко дну и станете лакомым кусочком для местных акул. Приятной игры!

0

Цитировать Сообщение 1

Поделиться22018-10-15 11:45:30

Автор: UP
Сообщений: 33
Уважение: +0
ОКНО ПЕРСОНАЖА:
Уровень: 789
Раса: дракон
Класс: Маг
??:

Доска почёта или Рейтинг самых уважаемых V.3

(Скриншот © Romych)

Туда, где нужно отображение рейтинга

Код:

<ul id="userhero"></ul>

В HTML низ:

Код:

<!-- Рейтинг by Romych V.3 // Romych, Deff, Alex_63 -->
<script type="text/javascript">
var ViewRating = {};
ViewRating.view_on = 1; //Отображение: 0 - только на Главной, 1 - на всех страницах
ViewRating.Number = 8; //Число выводимых пользователей
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/51860.js"></script>
<script type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/91475.js"></script>

Для отображения в столбик добавляем перед первой частью кода (см.выше, выделено синим):

Код:

<style type="text/css">#userhero li{display:block!important;width:53px}</style>

0

Цитировать Сообщение 2

Поделиться32018-10-15 11:51:30

Автор: UP
Сообщений: 33
Уважение: +0
ОКНО ПЕРСОНАЖА:
Уровень: 789
Раса: дракон
Класс: Маг
??:

Количество просмотров темы

Код:

<!-- Количество просмотров темы © Alex_63-->
<script type="text/javascript">if ($('#pun-viewtopic').length){$('.main h1').append('<div class="TopicViews">Тему посмотрели <b>'+FORUM.get('topic.num_views')+'</b> раз(а)</div>');$('.TopicViews').css({'color':$('.main h1 span').css('color'),'float':'right','font-weight':'400'});}</script>

0

Цитировать Сообщение 3

Поделиться42018-10-22 15:15:25

Автор: UP
Сообщений: 33
Уважение: +0
ОКНО ПЕРСОНАЖА:
Уровень: 789
Раса: дракон
Класс: Маг
??:

Всплывающее окно с подсказкой

в окно css стиля:

Код:

.tooltip {
  border: none; 
  text-decoration: none;
  position: relative;}
.tooltip span {
  margin-left: -999em;
  position: absolute;}

.tooltip:hover span {
  position: absolute;
  left: 7px;
  top: 10px; 
  z-index: 99;
  margin-left: 0;}

.top {
  z-index: 200;
  position: absolute;
  background-color: #E3E3E3;
  color: #181A13;
  border: none;
  box-shadow: 0px 0px 4px #161616;
  padding: 5px;
  width: 180px;
  text-align: center;}
.tooltip:hover span - настройка расположения всплывающего окна
  left: 7px; - двигает вправо/влево
  top: 10px; - двигает вниз/вверх

.top - внешний вид всплывающей подсказки
  background-color: ##E3E3E3; - фоновый цвет окна 
  color: ##181A13; - цвет шрифта
  border: none; - рамка
  box-shadow: 0px 0px 4px #161616; - тень
  padding: 5px; - расстояние текста от края окна
  width: 180px; - ширина всплывающего окна
  text-align: center; - выравнивание текста

ссылка с подсказкой должна выглядеть так (несколько вариантов)

Код:

<a href="ссылка" class="tooltip">текст<span class="top">всплывающая подсказка</a>
<a href="ссылка" class="tooltip"><img src="картинка"><span class="top"><b>ник</b><br>описание</span></a>

0

Цитировать Сообщение 4

Поделиться52018-10-22 15:16:50

Автор: UP
Сообщений: 33
Уважение: +0
ОКНО ПЕРСОНАЖА:
Уровень: 789
Раса: дракон
Класс: Маг
??:

Плавная смена картинок при наведении курсора
by Deff

в style_cs.css или между тегами <style type="text/css"> </style> в html-верх

Код:

.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;}

.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */}

.image.UP:hover {
   opacity:0.00;}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;}

код картинки (обязательно изображения одинаковых размеров):

Код:

<div  class=ImgWrap>
<img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/>
<img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/>
</div>

0

Цитировать Сообщение 5

Поделиться62018-10-27 20:23:16

Автор: UP
Сообщений: 33
Уважение: +0
ОКНО ПЕРСОНАЖА:
Уровень: 789
Раса: дракон
Класс: Маг
??:

В HTML верх

Код:

<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
  outline:red 1px solid;
  top:300px;
  padding:0;
  margin-left:-280px;
  position:fixed;z-index:1000;
  left: 0px;
}
.content-L {
  padding:12px;
  width:236px;
  height:536px;
  margin-left:14px;
  margin-top:18px;
  position:absolute;
  color:#fff;
  background-color:#797979;
 
}
</style>
<div data="0" id="left-panel">
<div class="content-L">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>
<img id="img-left" src="http://s3.uploads.ru/clft1.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->
 
<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>
<style>
#right-panel {
  outline:red 1px solid;
  top:300px;
  padding:0;
  margin-right:-280px;
  position:fixed;z-index:1000;
  right:-3px;
}
.content-R {
  padding:12px;
  width:236px;
  height:536px;
  margin-left: 47px;
  margin-top:18px;
  position:absolute;
  color:#fff;
  background-color:#797979;
}
</style>
<div data="0" id="right-panel">
<div class="content-R">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>
<img id="img-left" src="http://s2.uploads.ru/Eqh2Z.png" onclick="PanelToggleR($('#right-panel'))"/>
</div><!-- Конец Правой Панели -->

0

Цитировать Сообщение 6

Тест

Меню навигации

Пользовательские ссылки

Информация о пользователе

Скрипты

Сообщений 1 страница 6 из 6

Поделиться12018-10-15 11:44:48

Поделиться22018-10-15 11:45:30

Поделиться32018-10-15 11:51:30

Поделиться42018-10-22 15:15:25

Поделиться52018-10-22 15:16:50

Поделиться62018-10-27 20:23:16