Опубликовано 6.06.2012, 23:41 by Jerry в разделе DLE / Хаки0

Вывод случайных/популярных новостей на DLE

Как всегда чисто случайно наткнулся на такой симпатичный вывод популярных новостей.

Вывод случайных/популярных новостей на DLE

При наведении на картинку пропадает прозрачность и показывается название статьи.
Для тех, у кого на сайте в новостях квадратные картинки думаю, подойдет идеально!

Установка проста как дважды два ;)

HTML

<a href="{full-link}" title="{title}">
<div class="sidebar-list">
<img src="{image-1}" alt="{title}" title="{title}" />
</div>
</a>


В конкретном случае вывод организован через Block.Pro.2.5, т.к. он создает превью нужного размера.
А если делать стандартными средствами, то огромная картинка из полной новости будет просто сжата до нужного размера, но её "вес" останется прежним.

CSS
.sidebar-list{
                width:100%;
                display:block;
                height: auto;
                padding:0;
                margin:10px 0;
}

.sidebar-list img{
                float:left;
                border: none;
                margin:1px;
                padding:2px;
                border:1px solid #ccc;
                height:64px;
                width:64px;
                	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

.sidebar-list img:hover{
                border:1px solid #f00;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}


Вуаля! :)


Добавить комментарий

0 Комментариев

Добавление комментария

Я бы хотел услышать Ваши мысли. Не стесняйтесь оставить свой комментарий и присоединиться к беседе!

Чей это блог?
Введите код: * Кликните на изображение чтобы обновить код, если он неразборчив