[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новый вид фотографий
WEREWOLFДата: Понедельник, 22.02.2010, 10:19 | Сообщение # 1
Дизайнер [ S.T.A.L.K.E.R. ]
Группа: Друзья
Сообщений: 21
Репутация: 32767
Статус: Offline
Это новый вид фотографий. Сборка и тестирование заняли около получаса. Думаю, получилось неплохо

Особенности:
1) Красивая объёмная рамка вокруг каждой фоторафии
2) Рейтинг картинки во Флеше!!!
3) Кнопка Спасибо
4) Добавлен хинт для правильного отображения инфы для фото
5) Админ панель перенесена вверх над фото
6) При наведении на фото появляется вся нужная информация:
7) У разных CSS стилей разные рамки.
Установка:
Управление дизайном сайта -- Фотоальбом -- Вид фотографий
Заменяем там всё на:

Code

<link type="text/css" rel="StyleSheet" href="http://apocalypse.ucoz.kz/bigbar/hintblack.css" />        
<script type="text/javascript" src="http://apocalypse.ucoz.kz/bigbar/hintblack.js"></script>        

<center>        
<table border="0" cellpadding="0" cellspacing="0">        
        <tbody>        
<tr>        
        <td width="17" background="http://apocalypse.ucoz.kz/foto/3bd0bff61a01.png" height="17" border="0">        
        </td>        
        <td background="http://apocalypse.ucoz.kz/foto/290b6ff174f7.png" height="17" border="0">        
        </td>        
        <td width="17" background="http://apocalypse.ucoz.kz/foto/94af9881da39.png" height="17" border="0">        
        </td>        
        </tr>        
        <tr>        
        <td width="17" background="http://apocalypse.ucoz.kz/foto/326a55f011dc.png" border="0">        
        </td>        
<td>        
<a href="$PHOTO_URL$" class="highslide" onclick="return hs.expand(this)">        
<?if($MODER_PANEL$)?>        
<div style="padding-top:1px;" align="center">$MODER_PANEL$</div><?endif?>        

<div align="center" title="Рейтинг: $RATING_NUM$"><script src="http://apocalypse.ucoz.kz/media/?t=video;w=81;h=11;f=http%3A%2F%2Fapocalypse.ucoz.kz%2Fd$RATING_NUM$.swf" type="text/javascript" title="$RATING_NUM$"></script></div>        
<a href="$PHOTO_URL$"><img src="$PHOTO_DIRECT_URL$" alt="<b>Название: </b>$PHOTO_NAME$, <b>Добавил:<b> $USER$<br>Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$ Кб" height="80" width="100" border="0"/></a><center>        

<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>        
<a title="Репутация пользователя автоматически повысится. Многократное нажатие Спасибо запрещено Правилами портала и строго наказывается!" href="javascript://" onclick="openLayerB('Rd',0,'$HOME_PAGE_LINK$index/23-$UID$','Change Reputation',380,200,1); return false;"><img src="http://apocalypse.ucoz.kz/spasibo.png" onclick="repchange('plus','26668');" align="absmiddle" border="0"></a></center>        
</td>        
<td width="17" background="http://apocalypse.ucoz.kz/foto/a4e3e0816fe3.png" border="0">        

        </td>        
        </tr>        
        <tr>        
        <td width="17" background="http://apocalypse.ucoz.kz/foto/8cb928874182.png" height="17" border="0">        
        </td>        
        <td background="http://apocalypse.ucoz.kz/foto/8f85b050c329.png" height="17" border="0">        
        </td>        
        <td width="17" background="http://apocalypse.ucoz.kz/foto/ce48d6da8a98.png" height="17" border="0">        
        </td>        
        </tr>        
        </tbody></table>        
<?if($CAT_NAME$)?><div style="padding-top:0px;"><b>Категория:</b><br><a title="Нажмите для перехода в категорию" href="$CAT_URL$">$CAT_NAME$</a></div><?endif?><br>        
</center>

Не забываем указывать наш источник, когда копируете на свой форум!(Относитесь уважительно)

 
  • Страница 1 из 1
  • 1
Поиск:


CS and Ucoz Poral © 2009-2025 | Хостинг от uCoz Сайт оптимизирован под браузер FireFox Mozila.
Дизайн данного сайта полностью принадлежит администратору сайта.