Тестовый форум

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Тестовый форум » Лучшие работы » слайдер галереи

слайдер галереи

Страница: 1

Сообщений 1 страница 3 из 3

1

  • Автор: Герда
  • Администратор
  • Герда
  • Зарегистрирован: 30.06.2010
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Возраст: 34 [1990-05-27]
  • Провел на форуме:
    21 час 22 минуты
  • Последний визит:
    08.01.2024 14:14:27
  • мелодия:
    https://forumstatic.ru/files/0017/d8/50/72340.mp3

[html]

<h3>Thumbnails at bottom</h3>
<div id="container_bottom">
<div class="thumbs">
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/5/x/9/5x9U8.jpg" alt="LSE Square" title="LSE Square" /></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slideb" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg" alt="Buckingham Palace" title="Buckingham Palace" /></em><span>Buckingham Palace<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidec" href="#nogo"><em><img src="http://uploads.ru/i/5/x/9/5x9U8.jpg" alt="Tower Bridge" title="Tower Bridge" /></em><span>Tower Bridge<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slided" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg" alt="Tower of London" title="Tower of London" /></em><span>Tower of London<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidee" href="#nogo"><em><img src="http://uploads.ru/i/5/x/9/5x9U8.jpg" alt="Houses of Parliament" title="Houses of Parliament" /></em><span>Houses of Parliament<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidef" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg" alt="St. Paul's Cathedral" title="St. Paul's Cathedral" /></em><span>St. Paul's Cathedral<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slideg" href="#nogo"><em><img src="http://uploads.ru/i/5/x/9/5x9U8.jpg" alt="The London Eye" title="The London Eye" /></em><span>The London Eye<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slideh" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg" alt="Albert Hall" title="Albert Hall" /></em><span>Albert Hall<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidei" href="#nogo"><em><img src="http://uploads.ru/i/5/x/9/5x9U8.jpg" alt="Wandsworth Common" title="Wandsworth Common" /></em><span>Wandsworth Common<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidej" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg" alt="London Taxi Cab" title="London Taxi Cab" /></em><span>London Taxi Cab<br />Photographs courtesy of stock.xchng</span></a>

</div>
<h1>Views<br /><em>of</em><br />London</h1>
</div>

[/html]

0

2

  • Автор: Герда
  • Администратор
  • Герда
  • Зарегистрирован: 30.06.2010
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Возраст: 34 [1990-05-27]
  • Провел на форуме:
    21 час 22 минуты
  • Последний визит:
    08.01.2024 14:14:27
  • мелодия:
    https://forumstatic.ru/files/0017/d8/50/72340.mp3

http://uploads.ru/i/p/I/2/pI2Qu.jpg
http://uploads.ru/i/1/5/l/15lDU.jpg
http://uploads.ru/i/5/x/9/5x9U8.jpg
http://uploads.ru/i/B/d/f/BdfYt.jpg

0

3

  • Автор: Герда
  • Администратор
  • Герда
  • Зарегистрирован: 30.06.2010
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Возраст: 34 [1990-05-27]
  • Провел на форуме:
    21 час 22 минуты
  • Последний визит:
    08.01.2024 14:14:27
  • мелодия:
    https://forumstatic.ru/files/0017/d8/50/72340.mp3

[html]
<head>
<style type="text/css">

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(http://uploads.ru/i/1/5/l/15lDU.jpg);}
a.slideb {background:url(london/thumb3.jpg);}
a.slidec {background:url(london/thumb4.jpg);}
a.slided {background:url(london/thumb5.jpg);}
a.slidee {background:url(london/thumb6.jpg);}
a.slidef {background:url(london/thumb7.jpg);}
a.slideg {background:url(london/thumb8.jpg);}
a.slideh {background:url(london/thumb9.jpg);}
a.slidei {background:url(london/thumb10.jpg);}
a.slidej {background:url(london/thumb11.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for BOTTOM gallery */
#container_bottom {position:relative; width:660px; height:450px; background:#dcdcdc; border:1px solid #a49188; margin:1em auto;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute;bottom:0;height:114px;}
#container_bottom .scroll-cont {height:110px; overflow: auto;}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:600px; height:50px; top:-45px; left:5px; padding:5px; font-style:italic; color:#979797;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:645px; height:285px; top:-330px; left:5px; padding:1px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom h1 {clear:both; margin:0; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_bottom h1 em {font-size:0.6em; color:#000;}
</style>
</head>

<body>
<div id="container_bottom">
<div class="thumbs">
<div class="scroll-cont">

<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>
<a class="gallery slidea" href="#nogo"><em><img src="http://uploads.ru/i/B/d/f/BdfYt.jpg"/></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a>

</div>
</div>
<h1>Шапки и Логотипы<br><em>портфолио</em><br>ForumDesign TS</h1>

</div>
</body>
[/html]

0

Страница: 1

Вы здесь » Тестовый форум » Лучшие работы » слайдер галереи

Рейтинг форумов | Создать форум бесплатно