Главная » 2011 » Сентябрь » 27 » Новый вид фотографии в фотоальбоме (Скрипты для ucoz)
27.09.2011, 12:10

Новый вид фотографии в фотоальбоме





Новый вид фотографии в фотоальбоме не использующий таблиц и картинок background, всё прописано в CSS стилях. Что хорошо сказывается на скорости загрузки страницы. Вид фото можно просмотреть в моём фотоальбоме.
1. Это вставляем - панель управления, фотоальбом, в вид фотографии, предварительно всё удалив и вставив этот код:
Code
<div class="e_details">  
  <div align="center">  
  <div style="padding-bottom:1px;"><?if($PHOTO_NAME$)?><a href="$PHOTO_URL$"><?if(len($PHOTO_NAME$)>25)?><?substr($PHOTO_NAME$,0,23)?>...<?else?>$PHOTO_NAME$<?endif?></a><?endif?><?else?> </div>  
  <a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><div class="fotoalbom">$PHOTO$</div></a></div>  
  <?if($CAT_NAME$)?><div style="padding-top:1px;" align="center"><a href="$CAT_URL$"><?if(len($CAT_NAME$)>25)?><?substr($CAT_NAME$,0,23)?>...<?else?>$CAT_NAME$<?endif?></a></div><?endif?>  
  <div style="margin-top:2px;" class="e_details01">  
  <?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>  
  <?if($RATING$)?><div align="center"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>  
  </div>

2. А это вставляем в ваш css стиль добавьте в самый низ:
Code
.e_details {  
  padding:6px !important;  
  background:#F0F0F0;  
  border:1px solid#C9C9C9 !important;  
  border-radius:6px;  
  -moz-border-radius:6px;  
  box-shadow:0px 0px 10px #e8e8e8;  
  -moz-box-shadow:0px 0px 5px #dcdbd8;  
  margin: 10;}  

  .e_details01 {  
  padding:6px !important;  
  background:#FFFFFF;  
  border:1px solid#C9C9C9 !important;  
  border-radius:6px;  
  -moz-border-radius:6px;  
  box-shadow:0px 0px 10px #e8e8e8;  
  -moz-box-shadow:0px 0px 5px #dcdbd8;}  

  .fotoalbom { padding:6px !important;  
  background:#ffffff;  
  border:1px solid#dbdbdb !important;  
  border-radius:7px;  
  -moz-border-radius:7px;  
  box-shadow:0px 0px 10px #e8e8e8;  
  -moz-box-shadow:0px 0px 5px #dcdbd8;  
  margin-left: 35;  
  margin-right:35;}

Всё готово, не забывайте сохранять изменения.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: www.risska.com
Категория: Скрипты uCoz | Просмотров: 3284 | Добавил: nordicist | Рейтинг: 4.0/4 |
Теги: фотографий, фотоальбоме, вид
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]