радуга красок - Вид фотоальбома

с сайта http://script-ucoz.moy.su/load/skript_afk/script/novyj_vid_fotoalboma_dlja_ucoz/2-1-0-86
Для тех ,кто хочет поменять вид фотоальбома  у себя на сайте .я нашла инструкцию  очень хорошую .
Установка:  
 
  1. Зайдите в ПУ > Настройки > Общие настройки > модуль фотоальбомы > Ставим: 1)Размеры демо-картинки: 210х131 2)Размеры фотографии, выводимой на отдельной странице: 420x262  
 
  2. В корень сайта заливаем папку images  
  (воспользуйтесь любым FTP менеджером. Мы, команда сайта Script-uCoz.Moy.Su, советуем использовать бесплатный FTP-менеджер FileZilla )  
 
  3. Зайдите в ПУ > Управление дизайном > в таблицу стилей CSS в самый низ вставьте всё из текстового дукумента "CSS".  
 
  4. Зайдите в ПУ > Фотоальбомы > Управление дизайном модуля > Вид фотографий и замените всё что там есть на содержимое текстового документа "вид фотографий".  
 
  5. Зайдите в ПУ > Фотоальбомы > Управление дизайном модуля > Страница с полной фотографией и комментариями и замените всё что находится между <!-- <body> --> и <!-- </body> --> на содержимое текстового документа "Страница с полной фотографией и комментариями".  
 
  6. Наслаждаемся красивым видом своего фотоальбома!  
 
  Данный вид фотоальбома для вас подготовила команда сайтa, при распространении материала просьба указывать ссылочку на источник

CSS:

/* Вид фотоальбома by Elite-Portal.Ru */  
  .s_picture {  
  background: url("http://elite-portal.ru/images/bg_picty.png") no-repeat scroll 0 0 transparent;  
  height: 177px;  
  margin-right: 6px;  
  margin-top: 6px;  
  padding-left: 0px;  
  padding-top: 10px;  
  width: 230px;  
  }  
  .s_picture img {  
  height: 131px;  
  width: 210px;  
  }  
  .picty_albom {  
  background: url("http://elite-portal.ru/images/category_ic.png") no-repeat scroll 0 0 transparent;  
  clear: right;  
  color: #636363;  
  display: inline;  
  float: left;  
  font: 12px/12px Georgia;  
  height: 20px;  
  margin-bottom: 3px;  
  margin-left: 5px;  
  margin-top: 13px;  
  overflow: hidden;  
  padding-left: 17px;  
  text-shadow: 0 1px #111111;  
  width: 107px;  
  }  
  .picty_size {  
  background: url("http://elite-portal.ru/images/resolution_ic.png") no-repeat scroll 0 0 transparent;  
  clear: right;  
  color: #636363;  
  display: inline;  
  float: left;  
  font: 12px/12px Georgia;  
  height: 20px;  
  margin-bottom: 3px;  
  margin-top: 13px;  
  padding-left: 7px;  
  text-shadow: 0 1px #111111;  
  width: 80px;  
  }  
  .preview {  
  background: url("http://elite-portal.ru/images/preview.png") no-repeat scroll 0 0 transparent;  
  float: center;  
  height: 298px;  
  margin-left: 12px;  
  margin-top: 10px;  
  padding-left: 8px;  
  padding-top: 10px;  
  width: 430px;  
  align: center;  
  }  
  /* -------------- */  

01.02.03.04.05.06.07.08.09.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.34.35.36.37.38.39.40.41.42.43.44.45.46.47.48.49.50.51.52.53.54.55.56.

вид фотографий:

<div align="center">  
  <div style="padding-bottom:1px;">  
  <div style="position:absolute;z-index:30;"></div>  
  <div class="s_picture">  
  <a href="" title=""></a>  
  <div class="picty_albom"><a href=""></a></div>  
  <div class="picty_size"></div>  
  </div>  
  </div></div> 
01.02.03.04.05.06.07.08.09.

Страница с полной фотографией и комментариями:

<a href="http://july71.ucoz.ru/">Главная</a> » <a href="https://july71.ucoz.ru/index/vid_fotoalboma/0-50">Фотоальбом</a> » <a href=""></a> » <a href=""></a> »

<hr />

<table border="0" width="100%" cellspacing="1" cellpadding="2">

<center><div class="preview">

<img src="" width="420" height="262" alt="">

<div style=

"width:149px; height:22px; font:normal 12px Tahoma; line-height:12px; color:#555555; text-align:center; float:left; clear:right; display: inline; padding-top:13px; margin-left:5px;"

>Размер: </div>

<div style=

"width:189px; height:22px; font:normal 12px Tahoma; line-height:12px; color:#555555; text-align:center; float:left; clear:right; display: inline; padding-top:13px; margin-left:37px;"

><a href="" onclick="return !window.open(this.href)" title="Посмотреть в реальном размере">Посмотреть в реальном размере</a></div>

</div> </center>

<tr><td colspan="2" align="center"></td></tr>

<tr><td colspan="2" class="eDetails" style="text-align:center;">Просмотров: | Размеры: px/Kb<div style="padding-top:4px;">Дата:

| Теги:

| Добавил: <a href=""></a>

| </div></td></tr>

<tr><td colspan="2" height="10"><hr /></td></tr><tr><td colspan="2" align="center"> <div style="padding-top:5px"></div></td></tr>

</table><hr />

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr><td width="60%" height="25">Всего комментариев: <b></b></td><td align="right" height="25"></td></tr>

<tr><td colspan="2"></td></tr>

<tr><td colspan="2" align="center"></td></tr>

<tr><td colspan="2" height="10"></td></tr>

</table>

<div align="center" class="commReg"

><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--<

/s>--><br />[ <a href="/register">Регистрация</a> | <a href="javascript:;" rel="nofollow" onclick="loginPopupForm(); return false;">Вход</a> ]</div>

Радуга красок -сайт учителя изо Афанасьевой Ю.В.