При наведении на заголовок статьи рядом всплывает картинка для ucoz

Внимание уважаемые пользователи убедительная просьба при копировании материалов сайта указывайте кликабельную сылку на сайт автора: //tropic.do.am. Уважайте чужой труд спасибо!

Бывает такое что вид материалов на сайте не совсем стандартный в нем нет картинок а только сылка на материал. Но хочется и постер показать пользователям при наведении на заголовок статьи. Наглядным примером послужит торрент сайт rutor.org мне лично не нравится когда нет возможности посмотреть скрин или постер в виде материалов.

Я искал решение данной проблемы для своего сайта, и нашел очень удобный стиль который приложу ниже. Для наглядности смотрим скрин ниже то что получилось:

Теперь установка:
Данный ниже код ставим в вид материалов Каталога файлов за место вашего заголовка, для другого модуля думаю сами замените условные коды:

Код

<a class="popup" href="$ENTRY_URL$">$TITLE$<span><img src="$IMG_URL1$" width="100" /></span></a>

Стиль ставим в таблицу стилей css в самый низ:

Код

.popup {
position: relative;
z-index: 1;
}
.popup:hover {
background-color: transparent;
z-index: 2;
}
.popup span {
position: absolute;
visibility: hidden;
}
.popup span img {
border-width: 0;
padding: 2px;
}
.popup:hover span {
visibility: visible;
top: 0;
left: 80px;
}

Все установка завершена теперь при наведении на заголовок статьи рядом будет появляться картинка, надеюсь все понятно если что то непонятно спрашивайте в комментариях помогу.

Категория: Советы и секреты uCoz | Просмотров: 645 | Добавил: ivanfom | Теги: картинка, ucoz, рядом, на, заголовок, статьи, При наведении, всплывает, для | Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Copyright << TroPic.do.am >> © 2025 Хостинг от uCoz. Дизайн сайта оптимизирован изначально под разрешение экрана 1024x768 мы рекомендуем вам его использовать для комфортного просмотра материалов сайта. Рекомендуемые браузеры для корректного использования сайта Internet Explorer (Только последние версии), FireFox, Opera, Google Chrome, Яндекс, Safari и многие другие. Внимание копирование материалов сайта, без указания кликабельной сылки строго запрещено! | Автор дизайна: tropic. | sitemap.xml

Скачать При наведении на заголовок статьи рядом всплывает картинка для ucoz бесплатно

При наведении на заголовок статьи рядом всплывает картинка для ucoz