Приветствую Вас Прохожий | RSS Пятница, 09.12.2016, 08:46
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Увеличении картинки с рамочкой

Увеличении картинки с рамочкой
Вот решил выложить ещё одно увеличение картинки с рамочкой, картинка увеличивается при наведении.
Это в CSS
Code
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

это туда куда надо вставить данную картинку

Code
<a class="thumbnail" href="Ссылка куда вы будете переходить при нажатии, если не надо то оставьте #thumb"><img src="Ваша картинка" width="100px" height="100px" border="0" /><span><img src="Ваша картинка ещё раз" /><br />Ваша подпись к картинке UcozOn.ru</span></a>


width="100px" height="100px"
- это размеры уменьшенной картинки
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1244 | Комментарии: 2 | Рейтинг: 5.0/3 | |Категория: Скрипты Разное | Добавил: Kapusha | Дата: 24.03.2011 | Скачали: 0 | Теги: рамочкой, Картинки, Увеличении
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 Kapusha   Дата: 24.03.2011  Время: 15:34   [№ 7258]
ага мне тоже понравилось, скоро выложу такую же для тёмных дизайнов) (примерно такую)

1 LOROSH   Дата: 24.03.2011  Время: 14:52   [№ 7253]
Полезная вещь


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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru