Разделы сайта
На правах рекламы
Наш опрос
Как Вы попали на сайт?
Поисковая система
По ссылки с форума
Рекламный баннер
Посоветовали
Главные новости

Регистрация



Календарь
«    Май 2012    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
Выбор языка
English French German Italian Portuguese Russian Spanish
Архив новостей
Наши друзья
Сортировать статьи по: дате | популярности | посещаемости | комментариям | алфавиту

Установка :

Идем в : панель управления / фотоальбомы / настройки модуля

И в пункте "Количество колонок для материалов:" ставим "1"


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

Code
<a href="$PHOTO_URL$" title="$PHOTO_NAME$ ($PHOTO_SIZE$, $PHOTO_WEIGHT$Kb)">$PHOTO$</a> <td style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(383838) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="right">  
  <div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;"><span style="color:gray">Название Рисунка</span> <span style="color:gray">$PHOTO_NAME$</span><br><span style="color:gray">Популярность:</span><span style="font-weight: bold;"><span style="color:gray">$RATING$</span></span>/<span style="font-weight: bold;">$RATED$</span><!--%IFEN19%10%--> <!--%IFTH20%11%-->¦ $RATE_FORM$<br><span style="color:gray">Добавил:</span> <a href="$PROFILE_URL$">$USER$</a><!--%IFEN16%7%--> <br><span style="color:gray">Размер:$PHOTO_SIZE$</span><br><br><span style="text-decoration: underline;"></span>

ДЕМО 

Сделаем из фотоальбома новый фотоальбом в ajax)
Для начала заходим в ПУ активизируем фотоальбом
и входим в раздел фотоальбом -> Настройки модуля -> Внизу включаем функцию поиска материала
скрин 1

Там же делаем все как на скрине 2

Теперь идем в редактирования шаблона
Фотоальбом -> Страница рейтинга и поиска материала
и там заменяем все на этот код
Code

<center>$BODY$</center>
<center>$PAGE_SELECTOR$</center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<center> $POWERED_BY$</center>
<link type="text/css" rel="StyleSheet" href="http://abcucoz.3dn.ru/_st/my.css" />

Фотоальбом -> Страница добавления фотографий
заменяем на это
Code
<html>
<head>
<title>Добавление</title>
$BODY$
<link type="text/css" rel="StyleSheet" href="http://abcucoz.3dn.ru/_st/my.css" />
<center>$POWERED_BY$</center>

Вид фотографий меняем на это
Code
<center><img src="$FULL_PHOTO_DIRECT_URL$"></center>

Теперь идем в Пользователи -> Персональная страница пользователей
И ставим куда вам угодно под аватаром или внизу
вот код который нужно поставить
Code
<script type=text/javascript src=http://ucozabc.ru//js/openLayerA.js></script>

<center><a href="javascript:openLayerA('player','/photo/0-0-0-1','Добавление фотографий','770','470','no'); "><span style="color:blue">Добавить фото</span></a></center>
<br>
<center>
<?if($_PHOTO_ENTRIES$)?>
<a href="javascript:openLayerA('player','$_PHOTO_ACTIVITY_URL$','Фотальбом $_NAME$','770','470','no'); "><span style="color:blue">Фотоальбом</span></a><center>
<?endif?>
 

Установить скрипт:
Code
<table class="eBlock" width="50%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 3px;">
<br></td></tr><tr><td style="border: 1px solid rgb(255, 255, 255); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center"><div align="left">$PHOTO_NAME$</div><table class="eBlock" width="50%" border="0" cellpadding="1" cellspacing="0"><tbody><tr><td style="padding: 3px;">
<table style="padding-bottom: 1px;" width="300" border="0" cellpadding="1" cellspacing="1" height="115">
<tbody>
<tr valign="top"><td style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" width="20%" align="center">

<a href="$PHOTO_URL$" title="$PHOTO_NAME$ ($PHOTO_SIZE$, $PHOTO_WEIGHT$Kb)">$PHOTO$</a></td> <td style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="right">
<div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;">Название$PHOTO_NAME$<br>Рейтинг:<span style="font-weight: bold;">$RATING$</span>/<span style="font-weight: bold;">$RATED$</span><!--%IFEN19%10%--> <!--%IFTH20%11%-->¦ $RATE_FORM$<br>Добавил: <a href="$PROFILE_URL$">$USER$</a><!--%IFEN16%7%--> <br>Категория<a href="$ALBUM_LINK$">$ALBUM_NAME$</a><br>Размер:$PHOTO_SIZE$<br><br><span style="text-decoration: underline;"></span>
</div><br></td></tr>
</tbody></table></td></tr></tbody></table></td></tr></tbody></table>

В Управление дизайном » Фотоальбомы » Вид материалов 

Скрипт информера фотоальбома как в маил-мире.

1. Создаёшь три отдельных информера для фотоальбома! (у меня 2 это случайные фото и один это последнее

загруженное. Себе на выбор можешь.) Количество материалов в каждом =1. колон6ок тоже 1 (!!!!)

2. В настройках фотоальбома устанавливаешь размер демо картинки 120*120 (!!!!)

3. Устанавлеваешь там же размер фотографии выводимой на отдельной странице 500*500

Теперь меняем шаблон созданных информеров!

Первый информер меняем всё на:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript">//<![CDATA[try{timeInterval('mainpage');}catch(e) {} //--></script>
<link href="http://img2.imgsmail.ru/mail/ru/css/my_xhtml.css?15" rel="stylesheet" type="text/css" /><link href="http://img2.imgsmail.ru/mail/ru/css/mf_css_xhtml.css?25" rel="stylesheet" type="text/css"/><script type="text/javascript" src="http://img3.imgsmail.ru/mail/ru/images/js/myjs/main.js?365"></script><style>.smf_a120 {display:inline-block; background-position: center;background-repeat:no-repeat; font-size:0; line-height:0;}</style><span class="mf_b1p1Grey mf_dIB mf_pAbs mf_right0 mf_bottom0" style="z-index: 1;"><ahref="$PHOTO_URL$" class="smf_a120" onmouseover="chZ(this,10)"onmouseout="chZ(this,1)">$PHOTO$</a></span>

Второй информер меняем всё на:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script type="text/javascript">//<![CDATA[try{timeInterval('mainpage');}catch(e) {} //--></script><link href="http://img2.imgsmail.ru/mail/ru/css/my_xhtml.css?15" rel="stylesheet" type="text/css" /><link href="http://img2.imgsmail.ru/mail/ru/css/mf_css_xhtml.css?25" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://img3.imgsmail.ru/mail/ru/images/js/myjs/main.js?365"></script><style>.smf_a120 {display:inline-block; background-position: center;background-repeat:no-repeat; font-size:0; line-height:0;}</style><span class="mf_b1p1Grey mf_dIB mf_pRel mt10 mb10" style="z-index: 2;"><ahref="$PHOTO_URL$" class="smf_a120" onmouseover="chZ(this,10)"onmouseout="chZ(this,2)">$PHOTO$</a></span>

Третий меняем всё на:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script type="text/javascript">//<![CDATA[try{timeInterval('mainpage');}catch(e) {} //--></script><link href="http://img2.imgsmail.ru/mail/ru/css/my_xhtml.css?15" rel="stylesheet" type="text/css" /><link href="http://img2.imgsmail.ru/mail/ru/css/mf_css_xhtml.css?25" rel="stylesheet" type="text/css"/><script type="text/javascript" src="http://img3.imgsmail.ru/mail/ru/images/js/myjs/main.js?365"></script> <style>.smf_a120 {display:inline-block; background-position: center;background-repeat:no-repeat; font-size:0; line-height:0;}</style><span class="mf_b1p1Grey mf_dIB mf_pAbs mf_left0" style="z-index: 3;"><a href="$PHOTO_URL$" class="smf_a120"onmouseover="chZ(this,10)"onmouseout="chZ(this,3)">$PHOTO$</a></span>

Потом чтобы всё это вывести на главной странице ставим вот что....

Code


<center>
<table border="0" aling="legt">
<td valign="top" colspan="2"><img src="=images/blank.gif"alt=""title=""width="395" height="1"/>

   <center>
<table " border="0" width="340">
     
<td>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript">//<![CDATA[try{timeInterval('mainpage');}catch(e) {} //--></script>
<link href="http://img2.imgsmail.ru/mail/ru/css/my_xhtml.css?15" rel="stylesheet" type="text/css" />
<link href="http://img2.imgsmail.ru/mail/ru/css/mf_css_xhtml.css?25" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://img3.imgsmail.ru/mail/ru/images/js/myjs/main.js?365"></script>

<div class="mf_ohd mf_pRel mf_tac">

<!--Здесь твои информеры-->

<script type="text/javascript" src="3-й информер"></script>   
<script type="text/javascript" src="второй информер"></script>
<script type="text/javascript" src="первый информер"></script>

</div>
<div class="mt10 mf_ohd mf_t11"><a href="http://твой сайт/photo/0-0-0-1" class="mf_spIco mf_iAdd   

mf_flr mf_grey"><span style="color:blue"><b>Загрузить фото</b></span></a><a href="http://твой сайт/photo/"   

class="mf_grey"><span style="color:red"><b>Смотреть все...</b></span></a></div>

</td></table>

</td></TABLE>

Вместо твой сайт ставишь свой адрес. ссылки можно и не ставить..
Выдрала с того-же мира. У меня работает. и в мазиле и в опере и в Ие-в нём нет графического выделения фото при наводе мышью. 

Это новый вид фотографий. Сборка и тестирование заняли около получаса. Думаю, получилось неплохо

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

Установка:

Управление дизайном сайта -- Фотоальбом -- Вид фотографий

Заменяем там всё на:

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)">   

<div style="padding-top:1px;" align="center">$MODER_PANEL$</div>

<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>

<div
style="padding-top:0px;"><b>Категория:</b><br><a
title="Нажмите для перехода в категорию"
href="$CAT_URL$">$CAT_NAME$</a></div><br>   
</center>
 

Вообще делал для своего сайта, но решил выложить в паблик.
Скрипт сам определяет большие фотографии.
Пример можно посмотреть здесь.

Куда вставлять? В "страница с полной фотографией и комментариями" сразу после

Code
$PHOTO$

Ну и вот наконец долгожданный код:

Code
<SPAN style="font-size: 8pt"><FONT color="#696969">1.</FONT><FONT color="#1e90ff">Ссылка</FONT>  
<input type="text" value="$PHOTO_URL$" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">2.</FONT><FONT color="#009900">Картинка в тексте</FONT>  
<input type="text" value="[URL=http://http://img-soft-blin.3dn.ru][IMG]$PHOTO_URL$[/IMG][/URL]" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">3.</FONT><FONT color="#e63a00">Превью - увеличение по клику</FONT>  
<input type="text" value="[url=$PHOTO_URL$][IMG]$THUMBNAIL_URL$[/IMG][/url]" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">4.</FONT><FONT color="#424242"> HTML: картинка в тексте</FONT>  
<input type="text" value="<a target="_blank" href="http://img-soft-blin.3dn.ru"><img src="$PHOTO_URL$">" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">5.</FONT><FONT color="#424242"> HTML: превью - увеличение по клику</FONT>  
<input type="text" value="<a target="_blank" href="$ENTRY_URL$"><img src="$THUMBNAIL_URL$">$PHOTO_NAME$</a>" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">5.</FONT><FONT color="#424242"> Картинка на странице просмотра полноразмерного изображения</FONT>  
<input type="text" value="$ENTRY_URL$" onclick="select(this);" style="width: 100%;"></fieldset>

Источник: microgig.net.ru
Автор: Just_
При копировании указывать источник и автора Just 

Поиск при добавлении материала для всех модулей
Поиск при добавлении материала для всех модулей.