| Категории раздела |
|
Игры
[17378]
|
|
база данных
[55]
|
|
Безопасность
[1045]
|
|
Ключи
[116]
|
|
Видео
[9682]
|
|
Фото
[410]
|
|
Графика и дизайн
[2398]
|
|
Драйвера
[442]
|
|
Музыка
[3529]
|
|
Мультимедиа
[3400]
|
|
Программирование
[90]
|
|
Сеть и интернет
[2494]
|
|
Скрипты для сайта
[120]
|
|
Система
[2533]
|
|
CD/DVD диски
[518]
|
|
Словари и переводчики
[151]
|
|
Cправочник
[2]
|
|
Файлы и диски HDD
[452]
Для работы с Файлами и дисками HDD
|
|
Офисные программы
[1241]
всё что связано с документами
|
|
Хакерские программы
[96]
|
|
Live CD & DVD & USB
[93]
|
|
OS-Win XP,7, 8,vista, Mac OS, Linux;
[1309]
Сборки Операционная система Win XP,7,8,Vista, Mac OS, Linux;
|
|
WPI
[857]
Сборник программ
|
|
Дизайна рабочего стола
[368]
темы визуального дизайна рабочего стола,заставки,скриншот
|
|
Программы для Авто
[322]
|
|
Карты, навигация, путешествия
[371]
|
|
Iphone ipad ipod
[42]
Iphone ipad ipod
|
|
Android
[296]
|
|
Программы для мобильных устройств
[130]
Программы для мобильных устройств
|
|
Прочие файлы
[127]
|
|
Новости
[23]
|
|
ноутбук и ПК
[3]
ноутбук и PC
|
|
Аудиокниги
[442]
|
|
Электронных книг
[2826]
|
|
Электронные справочники
[522]
|
|
Энциклопедия
[102]
|
|
 |
| Наш опрос |
|
|
| Мини-чат |
|
|
|
| Статистика |
Онлайн всего: 92 Гостей: 92 Пользователей: 0 |
|
|
18:53 Топ пользователей по комментариям для uCoz |
Всем доброго дня, разбирая старые архивы я обнаружил папку с некогда планированным контентом, но к сожалению в прошлом я не мог реализовать то или иное решение правильно, так как мои знания были начинающими, а сейчас самое то, додумать, переделать и предоставить на общее скачивание.
И так в данном решение мы будем создавать очередной внешний вид "Топ пользователей по комментариям 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 создан, на этом всё, спасибо за внимание!
|
|
Категория: Скрипты для сайта |
Просмотров: 217 |
Добавил: startsmart
| Рейтинг: 0.0/0 |
|
|
| Вход на сайт |
|
|
| Поиск |
|
|
| Календарь |
|
|
| Архив записей |
|
|
| Друзья сайта |
|
|
|
