<MyRusakov.ru />

Своя Web-студия за 55 дней

Своя Web-студия за 55 дней

Система "Своя Web-студия за 55 дней" поможет Вам открыть свою собственную успешную Web-студию всего за 55 дней. Обучение построено на теории, плюс практике, то есть я прямо на Ваших глазах буду абсолютно с нуля открывать свою Web-студию, нанимать специалистов, принимать и выполнять заказы. Это настоящее реалити-шоу. Плюс весь курс разбит по дням, в каждый из которых Вам необходимо будет посмотреть небольшое количество видеоуроков, выполнить задания по этим урокам и проставить галочки о выполнении. Каждый из дней у Вас будет отнимать не более 1-го часа в день.

Таким образом, выполняя ежедневно маленькие шажки, Вы через 55 дней станете владельцем уже прибыльной Web-студии, заработав при этом первые 100 000 рублей.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Миниатюры на CSS
04.09.2014 19:06:41 Миниатюры на CSS Сообщение #1
ilyadeniso

ilyadeniso

Новичок

Новичок

Дата регистрации:
23.02.2014 17:16:59

Сообщений: 14

Всем привет, давно мучаюсь с проблемой, нужно сделать так, чтобы при наведении на миниатюру, на ней появлялся текст. Заранее спасибо.
Профиль Ответить
07.09.2014 08:53:11 Миниатюры на CSS Сообщение #2
Ruslan333

Ruslan333

Новичок

Новичок

Дата регистрации:
29.08.2014 21:57:20

Сообщений: 4

Не очень понял, что за миниатюра, но :
1) Для того, чтоб при наведения курсора картинка изменялась,
есть функция hover.

h1 {
color : blue;
background: red;
}



h1: hover {
color : red;
background: blue;
}

Если ты имеешь в виду фотку , то почитай в гугле про сss спрайты. 
Профиль Ответить
09.09.2014 12:05:54 Миниатюры на CSS Сообщение #3
tikkiwiki

tikkiwiki

Модератор

Модератор

Дата регистрации:
15.11.2013 15:36:59

Сообщений: 194

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test title image</title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /></head><body> <p> <a href="java script:;" title="Image"> <span>Это подсказка, как и было задумано.</span> <img src="images/test-img.jpg" alt="Это картинка, при наведении на которую появляется красивая подсказка. Сделано без JS." /> </a> </p></body></html>* {padding: 0; margin: 0}body {padding: 40px; font: 24px Arial, Tahoma, Verdana, sans-serif}p {text-align: center}img {border: 0}a {position: relative; display: inline-block; width: 226px; color: lightblue; text-decoration: none; cursor: default}a:hover {background: transparent}a span {display: none; width: 200px; position: absolute; top: 50%; left: 50%}a:hover span {display: block; border: 3px solid #e5e5e5; opacity: 0.9; background: #5d5d5d; filter: alpha(opacity=90)}Если использовать конструкцию:
<a><img /></a>, то можно и без js
Профиль Ответить
21.03.2015 19:55:16 Миниатюры на CSS Сообщение #4
Lestreyd

Lestreyd

Новичок

Новичок

Дата регистрации:
21.03.2015 19:15:49

Сообщений: 4

Хоть часть полезного кода, спасибо.
Профиль Ответить
26.10.2015 16:02:05 Миниатюры на CSS Сообщение #5
atlanta

atlanta

Новичок

Новичок

Дата регистрации:
01.05.2015 04:53:39

Сообщений: 17

https://jsfiddle.net/txoffu0x/ вот так ! правда поздно ответил 
Профиль Ответить