Главная » Файлы » Все Для Ucoz » Скрипты Для ucoz |
Последние комментарии для ucoz
20.10.2011, 16:34 | |
Новый стиль информера последних комментариев пользователей ucoz. Информер выполнен в светлых тонах, с использованием эффекта тени, смотрится чудесно! Информер последних комментариев ucozиспользует лишь 2 картинки по 150 байт. Автор информера последних комментариев: RuleZ-DM - великолепный дизайнер. 1. Админ панель - Инструменты - Информеры - Создать информер: Раздел: ( Комментарии ) Открывает шаблон информера и копируем туда следующий код: <div class="uzer_coment_v"> <div class="uzer_name"> <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a>$NAME$ </div> <div class="uzer_data">$DATE$</div> </div> <div class="uzer_massage"> <a href="$ENTRY_URL$" target="_blank"> <img class="coment_avatar" src="$USER_AVATAR_URL$" /><img class="coment_avatar" src="http://wallaby.ucoz.ru/images2/no_avatar.jpg" alt="no" /> $MESSAGE$ </a> </div> 2. Вставляем в Ваш CSS: /* Последние комментария пользователей ------------------------------------------*/ .uzer_coment { overflow: hidden; width:300px; background: #fff; border:1px solid #D6D6D6; border-bottom:none; } .uzer_coment_v { float:left; width:300px; height:27px; background: url('http://wallaby.ucoz.ru/images2/fon_uzer_coment_v.png') repeat-x top; border-top: 1px solid #fff; } .uzer_coment_v a:link, .uzer_coment_v a:visited {color:#888;} .uzer_coment_v a:hover {color:#333;} .uzer_coment_v a:link, .uzer_coment_v a:visited, .uzer_coment_v a:hover { text-decoration:none; font:11px Verdana,Arial,Helvetica, sans-serif; font-weight: bold; text-shadow: 1px 1px 1px #fff; } .uzer_name { float:left; padding: 6px 0px 0px 10px; } .uzer_data { float:right; font:11px Verdana,Arial,Helvetica, sans-serif; font-weight: bold; color:#888; text-shadow: 1px 1px 1px #fff; padding: 6px 10px 0px 0px; } .uzer_massage { background: url('http://wallaby.ucoz.ru/images2/fon_uzer_coment_ten.png') repeat-x top; width:290px; float:left; overflow: hidden; padding: 10px 5px 10px 5px; border-bottom: 1px solid #D6D6D6; } .uzer_massage :link, .uzer_massage :visited { display: block; text-decoration: none; color:#555; } .uzer_massage:hover { color:#555; background: url('http://wallaby.ucoz.ru/images2/fon_uzer_coment_ten.png') repeat-x top #F3F3F3; } .coment_avatar { width:45px; height:45px; float:right; background: #F3F3F3; padding: 3px; margin-left: 5px; border:1px solid #D6D6D6; } /* -------------------------------------- */ 3. Вставляем код информера в нужное вам место: <div class="uzer_coment"> $MYINF_n$ </div> ВАЖНО! Там где n - меняете на номер Вашего, уже созданого информера. Как изменить ширину блока информера последних комментариев? Если такой вопрос возникнет, заходим в CSS, находим там такие строки: .uzer_coment { overflow: hidden; width:300px; background: #fff; border:1px solid #D6D6D6; border-bottom:none; } .uzer_coment_v { float:left; width:300px; height:27px; background: url('http://wallaby.ucoz.ru/images2/fon_uzer_coment_v.png') repeat-x top; border-top: 1px solid #fff; } Изменяете width:300px. | |
Просмотров: 688 | Загрузок: 0 | Комментарии: 2 | Рейтинг: 1.0/2 |
Всего комментариев: 2 | |
| |