Вот ещё
Пример
Код
<!DOCTYPE html>
<html>
<head>
<title>Demo CSS3 Hover Effects</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/glavvn1/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/glavvn1/demo.css" media="all" />
</head>
<body>
<!-- start our menu here-->
<div class="our_menu">
<ul class="menu">
<li class="item">
<strong class="new">Новое</strong>
<a href="http://www.novickiy.ru/photo/">
<h3>Новые картины</h3>
<p> Картина - это оригинальный подарок друзьям. Живопись - редкий и удачный корпоративный подарок, для оформления интерьеров квартир, домов и офисов.</p>
<img src="http://artnov.ucoz.com/logo/LOGOGN.png" alt="Новые картины" height="100" width="150">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/1">
<h3>Голландский пейзаж</h3>
<p> Голландские пейзажи украсят любой интерьер, подчеркивая особый стиль помещения. Голландский пейзаж в гостиной или офисе, идеальное решение.</p>
<img src="http://www.novickiy.ru/_ph/1/2/326116155.jpg" alt="Голландский пейзаж" height="100" width="150">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/2">
<h3>Пейзажи</h3>
<p> Пейзажи украсят любой интерьер, подчеркивая особый стиль помещения. Пейзаж можно было бы сравнить с музыкой. </p>
<img src="http://www.novickiy.ru/_ph/2/2/308060875.jpg" alt="Пейзажи" height="164" width="283">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/6">
<h3>Морские пейзажи</h3>
<p> Морские пейзажи украсят любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения. </p>
<img src="http://www.novickiy.ru/_ph/6/2/283800252.jpg" alt="Морские пейзажи" height="164" width="283">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/8">
<h3> Жанровая живопись</h3>
<p> Жанровая живопись украсит любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения. </p>
<img src="http://www.novickiy.ru/_ph/8/2/568549173.jpg" alt="Жанровая живопись" height="164" width="283">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/10">
<h3>Санкт Петербург</h3>
<p> Картины с видами Петербурга украсят любой интерьер помещения, подчеркивая особый стиль. Картина придаст любому помещению особый шарм. </p>
<img src="http://www.novickiy.ru/_ph/10/2/213595565.jpg" alt="Санкт Петербург" height="164" width="283">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/4">
<h3> Картины с цветами</h3>
<p> Картины с цветами украсят любой интерьер помещения, подчеркивая особый стиль. </p>
<img src="http://www.novickiy.ru/_ph/4/2/433496286.jpg" alt="Картины с цветами" height="164" width="283">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/3">
<h3>Натюрморт</h3>
<p> Картины с видами Натюрмортов украсят любой интерьер помещения, подчеркивая особый стиль. Картина придаст любому помещению особый шарм</p>
<img src="http://www.novickiy.ru/_ph/3/2/179423722.jpg" alt="Натюрморт" height="164" width="283">
</a>
</li>
<li class="item">
<strong class="new">Галерея</strong>
<a href="http://www.novickiy.ru/photo/5">
<h3> Другое</h3>
<p> Картины с Абстракцией украсят любой интерьер помещения, подчеркивая особый стиль. Картина придаст любому помещению особый шарм.</p>
<img src="http://www.novickiy.ru/_ph/5/2/198646449.jpg" alt="Картины с Абстракцией" height="164" width="283">
</a>
</li>
</ul>
</div>
<!-- end our menu -->
</div>
</body>
</html>