Топ пользователей по комментариям для uCoz |
5-07-2013, 17:31 | автор: admin | категория: Бесплатные скрипты | (комментариев: 0) | | |
Всем благого дня, разбирая ветхие архивы я нашел папку с некогда планированным контентом, но к раскаянию в прошедшем я не мог воплотить то либо другое решение верно, потому что мои познания были начинающими, а на данный момент самое то, додумать, переработать и предоставить на общее скачивание.
И так в данном решение мы будем творить очередной наружный вид "Топ юзеров по комментариям uCoz" Для начала нам идет установить на страничку сайта подходящий html основа с информером юзеров, для этого заходим в Администратор панель => Приборы => Информеры => Создать информер Раздел: Пользователи Метод сортировки: колл. комментарий Количество материалов: 10 Количество колонок: 1 в котором устраняем ветхий код и устанавливаем новейший: [img]http://dleshka.org/" /> $USERNAME$ $COM_POSTS$ а на страничку сайта в необходимое вам место устанавливаем сам информер: $MYINF_1$ Не запамятовывайте, что $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 сотворен, на этом всё, спасибо за внимание! |
|
Похожие новости | |
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.