+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Обо всём » Собираем скрипты » Эффекты изображений (Разные эффекты изображений при наведении курсора)
Эффекты изображений
GoДата: Четверг, 27.11.2014, 19:50 | Сообщение # 1
Сержант
Группа: Проверенные
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline
ПРИМЕР


Код
<!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>
 
Форум » Обо всём » Собираем скрипты » Эффекты изображений (Разные эффекты изображений при наведении курсора)
  • Страница 1 из 1
  • 1
Поиск: