Фотографии с рамкой с использованием изображений - это конечно здорово и красиво, но при этом существенно замедляется скорость загрузки страницы, да и сам код увеличивается вдвое!
Поэтому я решил написать новый скрипт для фотоальбома с использованием тега 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