Очень интересные Эффекты изображений при наведении курсора.
| ПРИМЕР Код <!DOCTYPE html> <html lang="en"> <head> <title>Добро пожаловать в галерею</title> <meta charset="UTF-8" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/demo.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style_common.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style10.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style1.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style2.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style3.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style4.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style5.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style6.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style7.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style8.css" /> <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style9.css" /> </head> <body> <div class="container"> <div class="header"> <a href="http://www.novickiy.ru/photo"><strong>« Для удобства просмотра </strong>все изображения картин сгруппированы по рубрикам.</a> <span class="right"> <a href="http://www.novickiy.ru/" target="_blank">В каталоге файлов собраны архивы картин, книг, </a> <a href="http://novickiy.ru/load/"><strong>заставок и много другой информации.</strong></a> </span> <div class="clr"></div> </div> <h1>Добро пожаловать в галерею <span>Картина - это оригинальный подарок друзьям.<br> Живопись - редкий и удачный корпоративный подарок, для оформления интерьеров квартир, домов и офисов.<br> На сайте представлены работы художника. В галерее: пейзаж, натюрморт, сюжетные картины и др.</span></h1> <div class="more"> <ul> <li><a href="http://www.novickiy.ru/photo/2">Галерея 1</a></li> <li><a href="http://www.novickiy.ru/photo/1">Галерея 2</a></li> <li><a href="http://www.novickiy.ru/photo/6">Галерея 3</a></li> <li><a href="http://www.novickiy.ru/photo/8">Галерея 4</a></li> <li><a href="http://www.novickiy.ru/photo/10">Галерея 5</a></li> <li><a href="http://www.novickiy.ru/photo/4">Галерея 6</a></li> <li><a href="http://www.novickiy.ru/photo/3">Галерея 7</a></li> <li><a href="http://www.novickiy.ru/photo/5">Галерея 8</a></li> <li><a href="http://www.novickiy.ru/photo/7">Галерея 9</a></li> </ul> </div> <div class="main"> <!-- TENTH EXAMPLE --> <div class="view view-seventh"> <img src="http://www.novickiy.ru/demo/kartymensh/images/pei.jpg" /> <div class="mask"> <h2>Пейзажи</h2> <p>Пейзажи украсят любой интерьер, подчеркивая особый стиль помещения. Пейзаж можно было бы сравнить с музыкой.</p> <a href="http://www.novickiy.ru/photo/2" class="info">Перейти в галерею</a> </div> </div> <div class="view view-tenth"> <img src="http://www.novickiy.ru/demo/kartymensh/images/nat.jpg" /> <div class="mask"> <h2>Натюрморт</h2> <p>Картины с видами Натюрмортов украсят любой интерьер помещения, подчеркивая особый стиль.</p> <a href="http://www.novickiy.ru/photo/30" class="info">Перейти в галерею</a> </div> </div> <div class="view view-sixth"> <img src="http://www.novickiy.ru/demo/kartymensh/images/gol.jpg" /> <div class="mask"> <h2>Голландский пейзаж</h2> <p>Голландские пейзажи украсят любой интерьер. Голландский пейзаж в гостиной или офисе, идеальное решение.</p> <a href="http://www.novickiy.ru/photo/1" class="info">Перейти в галерею</a> </div> </div> <div class="view view-fifth"> <img src="http://www.novickiy.ru/demo/kartymensh/images/jan.jpg" /> <div class="mask"> <h2>Жанровая картина</h2> <p>Жанровая живопись украсит любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения.</p> <a href="http://www.novickiy.ru/photo/8" class="info">Перейти в галерею</a> </div> </div> <div class="main"> <!-- TENTH EXAMPLE --> <div class="view view-fourth"> <img src="http://www.novickiy.ru/demo/kartymensh/images/mor.jpg" /> <div class="mask"> <h2>Морской пейзаж</h2> <p>Морские пейзажи украсят любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения. Картина с морским пейзажем- это здорово.</p> <a href="http://www.novickiy.ru/photo/6" class="info">Перейти в галерею</a> </div> </div> <div class="view view-third"> <img src="http://www.novickiy.ru/demo/kartymensh/images/pit.jpg" /> <div class="mask"> <h2>Виды Петербурга</h2> <p>Картины с видами Петербурга украсят любой интерьер помещения, подчеркивая особый стиль.</p> <a href="http://www.novickiy.ru/photo/10" class="info">Перейти в галерею</a> </div> </div> <div class="view view-first"> <img src="http://www.novickiy.ru/demo/kartymensh/images/cvet.jpg" /> <div class="mask"> <h2>Картины с цветами</h2> <p>Картины с цветами украсят любой интерьер помещения, подчеркивая особый стиль.</p> <a href="http://www.novickiy.ru/photo/4" class="info">Перейти в галерею</a> </div> </div> <div class="view view-eighth"> <img src="http://www.novickiy.ru/demo/kartymensh/images/abst.jpg" /> <div class="mask"> <h2>Другое</h2> <p>Картины разных стилей и направлений, прекрасно подойдут к любому помещению и будут оригинальным подарком.</p> <a href="http://www.novickiy.ru/photo/5" class="info">Перейти в галерею</a> </div> </div> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> </body> </html> | |
[ 5.45.192.77 (RU) ] |
0 Комментарии