Новые сообщения · Участники · Правила форума · Поиск
Страница 2 из 3«123»
Модератор форума: z-17, Anarki 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Вид материалов Фотоальбомы от MH (Красивая подборка)
Вид материалов Фотоальбомы от MH
MHДата: Суббота, 22.01.2011, 12:17 | Сообщение # 1
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
Дизайн "White by МН"

ОСОБЕННОСТИ: Демо-картинка (изначально чуть прозрачная) проявляется при наведении. Подходит для всех размеров. Title с подробной информацией. Предназначено для белых шаблонов.

Вид:



Код вставлять в "вид фотографий":

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                        
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                        
<script>                       
$(function(){                       
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
});                       
</script>

<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="17" background="http://qwe.ucoz.ru/ava_1.png" height="17">
</td>
<td background="http://qwe.ucoz.ru/ava_2.png" height="17">
</td>
<td width="17" background="http://qwe.ucoz.ru/ava_3.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="http://qwe.ucoz.ru/ava_4.png">
</td>
<td>
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
<script>
jQuery(function(){
$("#banners img").hover(function(){
$(this).stop().animate({opacity:'1.0'})},
function(){$(this).stop().animate({opacity:'.8'})}
);
});
</script>
<style>
#banners img{opacity:.3;filter:alpha(opacity=80)}
</style>
<div id="banners">
<a href="$PHOTO_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$">$PHOTO$</a>
</div>
</td>
<td width="17" background="http://qwe.ucoz.ru/ava_5.png">
</td>
</tr>
<tr>
<td width="17" background="http://qwe.ucoz.ru/ava_6.png" height="17">
</td>
<td background="http://www.dinedi.ru/design/ava_7.png" height="17">
</td>
<td width="17" background="http://qwe.ucoz.ru/ava_8.png" height="17">
</td>
</tr>
</tbody></table> </div>
<style type="text/css">
                    #banners img {opacity: 0.8;}
</style>


Добавлено (20.05.2011, 23:46)
---------------------------------------------
Дизайн "Gray by MH"

Особенности: Подходит для всех размеров демо-картинки, Title с подробной информацией, изменяющийся фон ячейкм, обновленная форма оценки материала в виде знака "ок".

Вид:



Код вставлять в "вид фотографий":

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                        
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                        
<script>                       
$(function(){                       
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
});                       
</script>

<table border="0" cellpadding="0" cellspacing="0" class="tablimg"  align="center">
<tr>
<td class="photo" align="center">
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
<a href="$PHOTO_LIGHTBOX_URL$" class="ewq" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$"><img src="$PHOTO_DIRECT_URL$" height="100" width="130" border="0"/></a><td class="inf" valign="center">
<i>Добавил: $USER$</i><br><br>
<b>></b> <a style="color: #555555;" href="$PHOTO_URL$">$PHOTO_NAME$</a><br>
<b>></b> <a style="color: #555555;" href="$CAT_URL$">$CAT_NAME$</a><br>
<b>></b> <a style="color: #555555;" href="$COMMENTS_URL$">Комментарии</a><br>
<?if($RATING$)?><div align="center" style="padding-top: 10px; opacity: 0.7; " ><?$RSTARS$('20','http://src.ucoz.net/img/stars/12/20.png','0','float')?></div><?endif?></td>
</tr>
</table>

<style type="text/css">
                            table.tablimg {width: 310px; background-color: #dedede; padding: 10px; border: 1px solid #9a9a9a; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; }
                            td.photo {background-color: #bcbcbc; padding: 5px; border: 2px solid #9a9a9a; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; }
                            td.photo:hover {background-color: #cdcdcd; padding: 5px; border: 2px solid #9a9a9a; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; }
                            td.inf {color: #555555; background-color: #ebebeb; padding: 7px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}
</style>

__________________________________________

Дизайн "Яндекс Фотки by MH"

Особенности: внешний вид напоминает виджет Яндекс Фотки (фон взят именно из него). Размеры - 172*171 px - подходит для демо-картинки, размером не более чем 150*120 px. title с подробной информацией.

Вид:



Код вставлять в "вид фотографий":

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                        
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                        
<script>                       
$(function(){                       
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
});                       
</script>

<table align="center" cellpadding="5" cellspacing="5" class="qwe">
<tr><td align="center" valign="center"><div style="padding: 5px; background: url('http://qwe.ucoz.ru/r45.bmp') left no-repeat;"><a href="$PHOTO_URL$" style="color: #777777;">$PHOTO_NAME$</a></div>
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
<div style="padding-bottom: 5px;"><a href="$PHOTO_LIGHTBOX_URL$" class="ewq" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><img src="$PHOTO_DIRECT_URL$" height="120" width="150" border="0"/></a></div>
</td></tr></table>

<style type="text/css">
table.qwe { background: url('http://qwe.ucoz.ru/bg-fotki.png') center no-repeat; width: 172px; height: 171px;}
</style>


___________________________________

Дизайн "Iphone by MH"

Особенности: красивый дизайн в стиле iphone, демо-картинка светлеет при наведении, центральная кнопка iphonа открывает изображение в новом окне.

Вид:



Код вставлять в "вид фотографий":

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                        
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                        
<script>                       
$(function(){                       
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
});                       
</script>                 

<table align="center" cellpadding="5" cellspacing="5" class="qwe">
<tr><td width="160px" align="center" valign="top">
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30; padding-top: 41px; padding-left: 4px;">$MODER_PANEL$</div><?endif?>
<div style="padding-top: 41px;" align="center"><a href="$PHOTO_LIGHTBOX_URL$" class="ewq" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><img src="$PHOTO_DIRECT_URL$" height="104" width="132" border="0"/></a></div>
<div style="padding-top: 3px;" align="center"><a href="$PHOTO_URL$" class="wwe" title="Открыть: $PHOTO_NAME$"><img src="http://qwe.ucoz.ru/knop.png" border="0"></a></div>
</td></tr></table>

<style type="text/css">
table.qwe { background: url('http://qwe.ucoz.ru/plaxo-pulse-iphone12.jpg') center no-repeat; width: 160px; height: 204px;}
a.ewq:hover {opacity: 0.8;}
a.wwe:hover {opacity: 0.4;}
</style>


___________________________________

Дизайн "For Estenny by MH"

Особенности: Предназначен для белых шаблонов. При наведении демо-картинка становится чуть прозрачной. Размеры 145*110. Посвящается тов. Estenny =)

Вид:



Код вставлять в "вид фотографий":

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                        
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                        
<script>                       
$(function(){                       
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
});                       
</script>                 

<table align="center" cellpadding="0" cellspacing="0" class="qwe">
<tr><td align="center">
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
<a href="$PHOTO_LIGHTBOX_URL$" class="ewq" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><img src="$PHOTO_DIRECT_URL$" width="145" height="110" border="0"/></a>
<div style="padding-top: 3px;"><a style="color: #999999;" href="$PHOTO_URL$">$PHOTO_NAME$</a></div>
</td></tr></table>

<style type="text/css">
table.qwe { background: url('http://qwe.ucoz.ru/kopija_kopija_commbar.jpg') no-repeat top; padding: 10px;}
a.ewq:hover {opacity: 0.9;}
</style>


__________________________________________

Дизайн "Gray2 by MH"

Особенности: При наведении демо-картинка темнеет. Title с подробной информацией. Ленточка "new" в углу фотографии появляется только в том случае, если фото добавлено сегодня. На следующий день она убирается. СПАСИБО UnShame ЗА ИДЕЮ И КОД!!! =)

Вид:



Код вставлять в "вид фотографий":

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                        
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                        
<script>                       
$(function(){                       
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
});                       
</script>                 

<table align="center" cellpadding="0" cellspacing="0" class="qwe">
<tr><td align="center">
<div style="padding-bottom: 5px;"><a style="color: #ffffff;" href="$PHOTO_URL$">$PHOTO_NAME$</a></div>
<div style="z-index:20; position:absolute; padding-left: 104px;"><?if($DATE$='Сегодня')?><img src="http://qwe.ucoz.ru/new12.png" border="0" alt="" /><?endif?></div>
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
                    <div style="background-color: #000000;"><a href="$PHOTO_LIGHTBOX_URL$" class="ewq" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><img src="$PHOTO_DIRECT_URL$" width="145" height="110" border="0"/></a></div>
<?if($RATING$)?><div align="center" style="padding-top: 10px; opacity: 0.7; " ><?$RSTARS$('12','http://src.ucoz.net/img/stars/9/12.png','0','float')?></div><?endif?>
</td></tr></table>

<style type="text/css">
table.qwe { background: url('http://qwe.ucoz.ru/fon9.jpg') no-repeat top; padding: 10px; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px;}
a.ewq:hover {opacity: 0.8;}
</style>


_________________________________________

Дизайн "White2 by МН"

ОСОБЕННОСТИ: Демо-картинка (изначально чуть прозрачная) проявляется при наведении. Подходит для всех размеров. Title с подробной информацией. Предназначено для белых шаблонов. Верхнее меню нагло позаимствовано у apo)) Ленточка "new" в углу фотографии появляется только в том случае, если фото добавлено сегодня. На следующий день она убирается.

Вид:



Код вставлять в "вид фотографий":

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                       
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                       
<script>                      
$(function(){                      
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                      
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                      
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                      
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                      
});                      
</script>

<div align="center" style="padding-top:5px; padding-bottom:1px;">                         
<a href="$PHOTO_URL$"><img src="http://qwe.ucoz.ru/name.png" border="0" title="Название: $PHOTO_NAME$; Размер: $PHOTO_WEIGHT$ kb"></a>                    
<a href="$PROFILE_URL$" title="Добавил"><img src="http://qwe.ucoz.ru/user.png" border="0" alt="" /></a>                    
<img src="http://qwe.ucoz.ru/time.png" border="0" title="Добавлено: $DATE$ в $TIME$">                    
<a href="$COMMENTS_URL$" title="Комменатриев: $COMMENTS_NUM$"><img src="http://qwe.ucoz.ru/comments.png" border="0" alt="" /></a>                    
<a href="$CAT_URL$" title="Категория: $CAT_NAME$"><img src="http://qwe.ucoz.ru/place.png" border="0" alt="" /></a>                    
</div>                    
<table border="0" cellpadding="0" cellspacing="0" align="center">                         
<tbody><tr>                         
<td width="17" background="http://qwe.ucoz.ru/ava_1.png" height="17">                         
</td>                         
<td background="http://qwe.ucoz.ru/ava_2.png" height="17">                         
</td>                         
<td width="17" background="http://qwe.ucoz.ru/ava_3.png" height="17">                         
</td>                         
</tr>                         
<tr>                         
<td width="17" background="http://qwe.ucoz.ru/ava_4.png">                         
</td>                         
<td style="background: #000;">                         
                      
                            <div style="z-index:20; position:absolute; padding-left: 109px;"><?if($DATE$='Сегодня')?>                    
                      <img src="http://qwe.ucoz.ru/new12.png" border="0" alt="" /><?endif?></div>                         
                      
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>                         
<script>                         
jQuery(function(){                         
$("#banners img").hover(function(){                         
$(this).stop().animate({opacity:'1.0'})},                         
function(){$(this).stop().animate({opacity:'.8'})}                         
)   ;                         
});                         
</script>                         
<style>                         
#banners img{opacity:.3;filter:alpha(opacity=80);}                         
</style>                         
<div id="banners">                         
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>                         
</div>                         
</td>                         
<td width="17" background="http://qwe.ucoz.ru/ava_5.png">                         
</td>                         
</tr>                         
<tr>                         
<td width="17" background="http://qwe.ucoz.ru/ava_6.png" height="17">                         
</td>                         
<td background="http://www.dinedi.ru/design/ava_7.png" height="17">                         
</td>                         
<td width="17" background="http://qwe.ucoz.ru/ava_8.png" height="17">                         
</td>                         
</tr>                         
</tbody></table> </div>                         
<style type="text/css">                         
                            #banners img {opacity: 0.8; }                         
</style>


___________________________________________

ОБНОВЛЕНИЕ TITLE

Если хотите подключить к виду материалов фотоальбома такой title:



То вставьте в вид материалов фотоальбома в самом верху этот код:

Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                        
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>                        
<script>                       
$(function(){                       
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});                       
});                       
</script>


_______________________________________

Дизайн "Shadow by MH"

ОСОБЕННОСТИ: Красивое верхнее меню, нестандартный вид title, тень по краям изображения, которая при наведении становится больше.

Вид:



Код вставлять в "вид фотографий":

Code

<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">    
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>    
<script>    
$(function(){    
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});    
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});    
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});    
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});    
});    
</script>    

<center>    
<a href="$PHOTO_URL$"><img src="http://qwe.ucoz.ru/icon/info.png" border="0" title="<b>Название:</b> $PHOTO_NAME$; <b>Размер:</b> $PHOTO_WEIGHT$ kb"></a>    
<a href="$PROFILE_URL$" title="<b>Добавил:</b> $USER$"><img src="http://qwe.ucoz.ru/icon/dobavil.png" border="0" alt="" /></a>    
<img src="http://qwe.ucoz.ru/icon/kogda.png" border="0" title="<b>Добавлено:</b> $DATE$ в $TIME$; <b>Просмотры:</b> $REVIEWS$">    
<a href="$COMMENTS_URL$" title="<b>Комменатриев:</b> $COMMENTS_NUM$"><img src="http://qwe.ucoz.ru/icon/comment.png" border="0" alt="" /></a>    
<a href="$CAT_URL$" title="<b>Категория:</b> $CAT_NAME$"><img src="http://qwe.ucoz.ru/icon/albom.png" border="0" alt="" /></a>    
</center>    
<table align="center"><tr><td>    
<?if($DATE$='Сегодня')?><div style="z-index:20; position:absolute; padding-left: 109;">    
<img src="http://qwe.ucoz.ru/new12.png" border="0" alt="" /></div><?endif?>    
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>    
<div class="alb"><a href="$PHOTO_LIGHTBOX_URL$">
<img src="$PHOTO_DIRECT_URL$" width="150" height="120" border="0"/>      
</a></div>    
</td></tr></table><br>    

<style type="text/css">    
.alb { box-shadow:0px 0px 20px #555; -webkit-box-shadow:0px 0px 20px #555; -moz-box-shadow:0px 0px 20px #555;}    
.alb:hover { box-shadow:0px 0px 30px #222; -webkit-box-shadow:0px 0px 30px #222; -moz-box-shadow:0px 0px 30px #222;}    
</style>


__________________________________________

Black by MH

все здесь - http://udf.su/forum/32-5101-52857-16-1330942424
Как установить кнопки социальных сетей?

Не поленитесь просмотреть весьма внушительный Список рабочих uCoz скриптов

http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH


Сообщение отредактировал MH - Понедельник, 05.03.2012, 14:16
 
BaniKДата: Суббота, 25.06.2011, 16:42 | Сообщение # 16
Полковник
Сообщений: 201
Репутация: 12
Социальная репутация:

Статус: Offline
MH, Спс,"White2 by MH"- круто ваще)
лови +


ВСЕ ДЛЯ КС
 
MHДата: Суббота, 25.06.2011, 18:10 | Сообщение # 17
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
BaniK, спс)))

Добавлено (25.06.2011, 18:10)
---------------------------------------------
Обратите внимание на "Обновление title" - вы можете добавить его себе на сайт.

http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
BaniKДата: Вторник, 28.06.2011, 23:30 | Сообщение # 18
Полковник
Сообщений: 201
Репутация: 12
Социальная репутация:

Статус: Offline
Quote (MH)
White2 by МН

шось неробе іконка "NEW" і коли натискаеш по зменшеній копії зображення то воно тебе перекидує на повне зображення з коментарями,а повине здається відкривати в Ajax вікні збільшене зображення


ВСЕ ДЛЯ КС
 
MHДата: Среда, 29.06.2011, 00:54 | Сообщение # 19
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
BaniK, Замени
Code
<a href="$PHOTO_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>

на
Code
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>


В итоге - кнопка в меню переводит на стр. с коментами, а изображение - откр. в аякс )
Я так тебя понял? Это было нужно сделать? ))

http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
BaniKДата: Среда, 29.06.2011, 21:47 | Сообщение # 20
Полковник
Сообщений: 201
Репутация: 12
Социальная репутация:

Статус: Offline
MH, Велике дякую)))

Добавлено (29.06.2011, 21:47)
---------------------------------------------
Quote (MH)
ОБНОВЛЕНИЕ TITLE

а ось можно зробити щоб наприклад: коли наводеш на слово спорт(наприклад)появлявся title з зображенням,а не з текстом?Буду дуче вдячний


ВСЕ ДЛЯ КС


Сообщение отредактировал BaniK - Среда, 29.06.2011, 21:48
 
MHДата: Воскресенье, 03.07.2011, 16:52 | Сообщение # 21
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
BaniK, ну наверно можно как-то сделать, но я не знаю как. Будет время - попробую)

Добавлено (03.07.2011, 16:52)
---------------------------------------------
Только что обновил все виды фотографий (исправил недочеты и добавил новый title)

http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
BaniKДата: Пятница, 08.07.2011, 00:36 | Сообщение # 22
Полковник
Сообщений: 201
Репутация: 12
Социальная репутация:

Статус: Offline
Quote (MH)
новый title

всього 1,де новий?(


ВСЕ ДЛЯ КС
 
MHДата: Четверг, 18.08.2011, 13:20 | Сообщение # 23
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
BaniK, в смысле добавил прямо в шаблоны, в готовый код))

Добавлено (18.08.2011, 13:19)
---------------------------------------------
angry2 devil angry2 devil ччерт!! В общем, тут такая хрень - я добавил в главное сообщение новый вид фото, но в результате невесть чего все нахрен перекосилось, хотя ошибок с моей стороны не было допущено никаких. Я стал все переделывать, и вот невесть от чего в код предыдущего вида вставилось это сообщение, типа "не поленитесь осмотреть другие скрипты..." и оно нахрен испортило мне все... в общем, вид "Mail by MH" утерян навсегда, блин. Новый публикую в этом сообщении.

Дизайн "Shadow by MH"

ОСОБЕННОСТИ: Красивое верхнее меню, нестандартный вид title, тень по краям изображения, которая при наведении становится больше.

Вид:



Код вставлять в "вид фотографий":

Code

<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">  
<script src="http://qwe.ucoz.ru/js/jquery.tipTip.js"></script>  
<script>  
$(function(){  
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
});  
</script>  

<center>  
<a href="$PHOTO_URL$"><img src="http://qwe.ucoz.ru/icon/info.png" border="0" title="<b>Название:</b> $PHOTO_NAME$; <b>Размер:</b> $PHOTO_WEIGHT$ kb"></a>  
<a href="$PROFILE_URL$" title="<b>Добавил:</b> $USER$"><img src="http://qwe.ucoz.ru/icon/dobavil.png" border="0" alt="" /></a>  
<img src="http://qwe.ucoz.ru/icon/kogda.png" border="0" title="<b>Добавлено:</b> $DATE$ в $TIME$; <b>Просмотры:</b> $REVIEWS$">  
<a href="$COMMENTS_URL$" title="<b>Комменатриев:</b> $COMMENTS_NUM$"><img src="http://qwe.ucoz.ru/icon/comment.png" border="0" alt="" /></a>  
<a href="$CAT_URL$" title="<b>Категория:</b> $CAT_NAME$"><img src="http://qwe.ucoz.ru/icon/albom.png" border="0" alt="" /></a>  
</center>  
<table align="center"><tr><td>  
<?if($DATE$='Сегодня')?><div style="z-index:20; position:absolute; padding-left: 109;">  
<img src="http://qwe.ucoz.ru/new12.png" border="0" alt="" /></div><?endif?>  
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>  
<div class="alb"><a href="$PHOTO_LIGHTBOX_URL$">
<img src="$PHOTO_DIRECT_URL$" width="150" height="120" border="0"/>    
</a></div>  
</td></tr></table><br>  

<style type="text/css">  
.alb { box-shadow:0px 0px 20px #555; -webkit-box-shadow:0px 0px 20px #555; -moz-box-shadow:0px 0px 20px #555;}  
.alb:hover { box-shadow:0px 0px 30px #222; -webkit-box-shadow:0px 0px 30px #222; -moz-box-shadow:0px 0px 30px #222;}  
</style>


Добавлено (18.08.2011, 13:20)
---------------------------------------------
Вопрос ко всем - почему произошла такая хрень? Я так понял, что главное сообщение в теме больше нельзя увеличивать.

http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH


Сообщение отредактировал MH - Понедельник, 22.08.2011, 14:43
 
GhostДата: Четверг, 18.08.2011, 18:45 | Сообщение # 24
Генералиссимус
Сообщений: 1298
Репутация: 122
Социальная репутация:

Статус: Offline
MH, его увеличивать то ещё можно, но здесь прокол Свята, надо ему будет сказать об этом. Насколько я помню, его "не поленитесь посмотреть внушительный список скриптов" вставляется JavaScript'ом. Сейчас поищу каким.
 
MHДата: Четверг, 18.08.2011, 22:44 | Сообщение # 25
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
Ghost, да, этот самый блок влез в код моих видов и многое подпортил)
http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
UnShameДата: Пятница, 19.08.2011, 00:31 | Сообщение # 26
Генералиссимус
Сообщений: 1869
Репутация: 173
Социальная репутация:

Статус: Offline
не мог же он сам влезть
наверное тег где-то не закрыл просто

Тот, кто удалит этот пост будет гореть в аду.
 
GhostДата: Пятница, 19.08.2011, 00:41 | Сообщение # 27
Генералиссимус
Сообщений: 1298
Репутация: 122
Социальная репутация:

Статус: Offline
UnShame, всё он закрыл, я сам дважды пробывал, это баг скрипта свята и юкоза.
 
MHДата: Пятница, 19.08.2011, 08:31 | Сообщение # 28
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
UnShame, да, я все закрывал. Сначала просто пропал код для вставки от того вида, что я хотел добавить. Я открыл редактирование и все посмотрел - ошибок нет, все закрыто. Сохранил. И тут в мой код вставился этот блок. Я снова редактировал. Там появилась какая-то ерсиь типа <spoiler> - таких тегов. Я вообще офигел. И чтобы больше не заморачиваться удалил новый вид. Но блок влез в код предыдущего! Пришлось удалить и его.
http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
spatifilumДата: Воскресенье, 02.10.2011, 21:07 | Сообщение # 29
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Offline
По поводу Дизайн "Яндекс Фотки by MH", поставила код, всё рабатает...но после открывания фото (нажав на название) - перестаёт всплывать окно с описанием..
 
SleepWalkerДата: Понедельник, 03.10.2011, 09:19 | Сообщение # 30
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Quote (MH)
ччерт!! В общем, тут такая хрень - я добавил в главное сообщение новый вид фото, но в результате невесть чего все нахрен перекосилось, хотя ошибок с моей стороны не было допущено никаких. Я стал все переделывать, и вот невесть от чего в код предыдущего вида вставилось это сообщение, типа "не поленитесь осмотреть другие скрипты..." и оно нахрен испортило мне все... в общем, вид "Mail by MH" утерян навсегда, блин. Новый публикую в этом сообщении.

надпись "не поленитесь осмотреть другие скрипты..." вставлена в сам шаблон вида материалов. она не вставляется скриптом и я не представляю как она могла попасть в само сообщение. возможны вариант всетаки, что пост оказался слишком длинный.
Возможный вариант решения задачи. дописывать в шапку ссылки на посты где ты выкладываешь новые вид (тоесть ссылка на пост и скрин)

Time Waits For No One
 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Вид материалов Фотоальбомы от MH (Красивая подборка)
Страница 2 из 3«123»
Поиск: