Четверг, 25.04.2024, 13:57
Скрипты для Ucoz
Карта сайта
Главная | Скрипт "Усовершенствованный вид фотоальбома" - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт "Усовершенствованный вид фотоальбома" (Скрипты для фотоальбома Ucoz)
Скрипт "Усовершенствованный вид фотоальбома"
bandjukДата: Понедельник, 31.10.2011, 15:13 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Фотографии с рамкой с использованием изображений - это конечно здорово и красиво, но при этом существенно замедляется скорость загрузки страницы, да и сам код увеличивается вдвое!

Поэтому я решил написать новый скрипт для фотоальбома с использованием тега fieldset для создания рамки вокруг изображения.

Сравните сами:
1. Это скриншот фотоальбома с использованием изображений в качестве рамки.



КОД этого скрипта.

2. Скриншот скрипта с использованием тега fieldset



Установка:

Панель управления ---> Управление дизайном сайта --> Фотоальбом --> Вид фотографий:
удаляем всё и ставим код:

Code
<link type="text/css" rel="StyleSheet" href="http://ssilki.at.ua/Java/black.css" />      
      <script type="text/javascript" src="http://ssilki.at.ua/Java/black.js"></script>
           
           
<center><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:15px"><?if($CAT_NAME$)?><div style="padding-top:0px;"><b>Категория:</b><br><a title="Нажмите для перехода в категорию" href="$CAT_URL$">$CAT_NAME$</a></div><?endif?></span></center>
       <center>       
<fieldset style="border: #1874CD ridge thick; width:100; height:120;padding:2px 2px;border-radius:10 10 10 10;">
          <span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">
<a href="$PHOTO_URL$"alt="$OTHER1$">
<a href="$PHOTO_LIGHTBOX_URL$" title="<b>Просмотры:</b> $REVIEWS$, <b>Название: </b>$PHOTO_NAME$, <b>Добавил:</b> $USER$<br> <b>Размеры:</b> $PHOTO_SIZE$, $PHOTO_WEIGHT$ Кб">$PHOTO$</a>

      <script type="text/javascript">      
      function repchange(val,id){      
      repval=val;      
      ajaxtime=setInterval('checkajax'+id+'()',500);}      
      </script>      
      <script type="text/javascript">      
      function checkajax26668(){      
      forms=document.getElementsByTagName('form');      
      for(f=0;f<forms.length;f++){      
      if(forms[f].id=='frm981'){      
      if(repval=='plus'){document.getElementById('a2').checked='true';      
      forms[f].reason.value='Благодарю за $PHOTO_NAME$'      
      document.getElementById('submfrm981').click();      
      document.getElementById('sbt981').onclick=null;      
      clearInterval(ajaxtime);}}}}      
      </script>      
      <b><?if($FULL_PHOTO_URL$)?><a href="$FULL_PHOTO_URL$" target="_blank"Title="Скачать фото"><!--<s5227>-->Скачать<!--</s>--></a><?endif?><b/>
      <a title="Репутация пользователя автоматически повысится. Многократное нажатие Спасибо запрещено Правилами сайта и строго наказывается!" href="javascript://" onclick="openLayerB('Rd',0,'$HOME_PAGE_LINK$index/23-$UID$','Change Reputation',380,200,1); return false;"><img src="http://fotki.ucoz.ua/images/ramka/spasibo.png" onclick="repchange('plus','26668');" align="absmiddle" border="0"></a>
           
       </center></span></fieldset>
           
      <div style="margin-top:2px;" class="eDetails">
<?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></div>


При желании цвет, шрифты, размер радиуса закругления углов и др. параметры можно заменить на свои.
Как это сделать смотрите

тут - Создание рамки с помощью FIELDSET

тут - Границы при помощи border

и тут

Материалы на эту же тему:

Скрипт "Красивый вид фотографий"
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
ИнджазДата: Среда, 25.01.2012, 19:16 | Сообщение # 2
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 6
что-то не очень у меня получился этот скрипт.. подравнять как - пока не разобралась..

скрин:
http://punsh-punsh.ucoz.ru/01.gif
 
bandjukДата: Четверг, 26.01.2012, 13:04 | Сообщение # 3
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Инджаз, попробуйте поубирать лишние абзацы. Теги <br> <p>
 
ИнджазДата: Четверг, 26.01.2012, 14:38 | Сообщение # 4
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 6
попробую..
еще попробую поиграться с этими тегами, что бы рамку расширить и т.д.
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт "Усовершенствованный вид фотоальбома" (Скрипты для фотоальбома Ucoz)
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2024

Создать бесплатный сайт с uCoz