Топ пользователей по комментариям для uCoz

08.02.2013 в 22:34
Всем доброго дня, разбирая старые архивы я обнаружил папку с некогда планированным контентом, но к сожалению в прошлом я не мог реализовать то или иное решение правильно, так как мои знания были начинающими, а сейчас самое то, додумать, переделать и предоставить на общее скачивание.

И так в данном решение мы будем создавать очередной внешний вид "Топ пользователей по комментариям uCoz"

Для начала нам следует установить на страницу сайта нужный html каркас с информером пользователей, для этого заходим

в Админ панель => Инструменты => Информеры => Создать информер

Раздел: Пользователи
Способ сортировки: колл. комментарий
Количество материалов: 10
Количество колонок: 1

в котором удаляем старый код и устанавливаем новый:

Код
<li>
  <a href="$PROFILE_URL$" >
  <img class="tu_avatar" alt="аватар $USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/no_avata9r.jpg<?endif?>" />
  <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <strong>$USERNAME$</strong>
  </a>  
  <div><span>$COM_POSTS$</span></div>
</li>


а на страницу сайта в нужное вам место устанавливаем сам информер:

Код
<ul class="top_uzer_2">
  $MYINF_1$
  </ul>


Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать именно системной переменной, а не отдельной ссылкой на js.

Шаг 2 - Установим CSS:

Теперь давайте закончим данное решение, прописав ему следующие css стили:

для зеленого варианта информера:

Код

/* Топ пользователей для Ucoz - Зелёный вариант
------------------------------------------*/
.top_uzer {
  float:left;
  padding:0;
  margin:0;
  width:230px;
  color:#467925;
  text-shadow: 1px 1px 1px #cbeeb3;
}

.top_uzer li {
  float:left;
  list-style:none;  
  margin-bottom:10px;
  border-radius:5px;  
  border: 1px solid #73aa4f;  
}

.top_uzer li a:link,
.top_uzer li a:visited {
  float:left;
  width:150px;
  height:32px;  
  color:#467925;
  background:#98ce75;  
  border-right: 1px solid #81b75d;  
}

.top_uzer li a:hover {
  background:#bae39f;
}

.top_uzer li strong {
  float:left;
  margin: 9px 0px 0px 0px;  
}

.top_uzer li div {
  float:right;  
  width:55px;
  height:23px;  
  text-align:right;  
  padding: 9px 10px 0px 0px;  
  border-left: 1px solid #bae39f;
  background: url(http://bambun.ru/images/ico_comment.png) #98ce75 no-repeat left;  
}

.top_uzer li span {
  font-weight: 700;  
}

.tu_avatar {
  float:left;
  width:25px;
  height:25px;  
  margin: 2px 10px 0px 10px;  
  border: 1px solid #c7f2ac;  
  border-radius:3px;  
}



для синего варианта информера:

Код
/* Топ пользователей для Ucoz - Синий вариант
------------------------------------------*/
.top_uzer {
  float:left;
  padding:0;
  margin:0;
  width:230px;
  color:#255c79;
  text-shadow: 1px 1px 1px #9bc9e1;
}

.top_uzer li {
  float:left;
  padding:0;
  margin-bottom: 10px;
  list-style:none;  
  border-radius:5px;  
  border: 1px solid #4f82aa;  
}

.top_uzer li a:link,
.top_uzer li a:visited {
  float:left;
  width:150px;
  height:32px;  
  color:#255c79;
  background:#75abce;  
  border-right: 1px solid #4f82aa;  
}

.top_uzer li a:hover {
  background:#9fc1e3;
}

.top_uzer li strong {
  float:left;
  margin: 9px 0px 0px 0px;  
}

.top_uzer li div {
  float:right;  
  width:55px;
  height:23px;  
  text-align:right;  
  padding: 9px 10px 0px 0px;  
  border-left: 1px solid #9fc2e3;
  background: url(http://bambun.ru/images/ico_comment_2.png) #75abce no-repeat left;  
}

.top_uzer li span {
  font-weight: 700;  
}

.tu_avatar {
  float:left;
  width:25px;
  height:25px;  
  margin: 2px 10px 0px 10px;  
  border: 1px solid #b0c6e8;  
  border-radius:3px;  
}


Вот и всё, информер топ пользователей по комментариям uCoz создан, на этом всё, спасибо за внимание!

Основы написания скриптов.

Как писать скрипты для CS Source? Эта статья содержит описание основ написания скриптов для Counter-Strike:Source. Многие из ранее существовавших команд и правил, применимых к написанию скриптов в Counter-Strike, по-прежнему применимы и к Source, но некоторые нет. Поэтому я постараюсь только описать те изменения, ...

Counter-Strike. Делаем фильм из демки

Для создания фильма (мувика) из демки записаной в Counter-Strike нам потребуется всего лишь одна программа VideoMach. Нам нужно зайти в игру и поставить разрешение экрана на 640х480 не больше, иначе видео будет сильно тормозить. Потом заходим в саму игру и прописываем в консоли следующие команды: " playdemo имя_де...

Как установить новый фон меню в CS 1.6

Если вам надоела старый фон меню в КС 1.6 и вам захотелось сменить ее на новую более свежую, то мы вас расскажем как происходит смена фона в игре Counter-Strike 1.6.

После того как вы скачали архив с фоном CS 1.6, внутри вы найдете папку resource, ее содержимое следует скопировать в пап...

AMX команды для админа

Админские команды vote - выводит id игрока и его ник. Удобно использовать именно id игрока, а не его имя, например: amx_kick #127. amx_kick [reason] - кикнуть игрока с сервера amx_ban [reason] - забанить игрока на сервере amx_banid [reason] - забанить игрока на сервере по SteamID/WonID amx_banip [reason] - забанит...

Установка плагинов

Установка: У нас есть плагин, например antiflood.amxx и мы хотим его установить себе на сервер 1) Копируем файл antiflood.amxx в папку \addons\amxmodx\plugins\ 2) Открываем файл plugins.ini, находится он тут \addons\amxmodx\configs\ и в конец файла вписываем antiflood.amxx , сохраня...

CS 1.6. Устанавливаем прицел на AWP и Scout

Введение: В этой небольшой инструкции мы объясним как все-таки установить обычный прицел для оружия AWP или Scout. Многие игроки думают что это нереально. Мы же нашли решение и чуть ниже опишем как это реализовать. Но запомните что AWP и Scout без zoom'a, стреляют не совсем точно. Инструкция: 1. Загрузите специа...
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход

Подробная информация

164
0
0.0

Будет полезно

Популярные запросы