Новые сообщения · Участники · Правила форума · Поиск
Страница 3 из 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
 
MHДата: Понедельник, 03.10.2011, 17:53 | Сообщение # 31
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
SleepWalker, Спасибо, приму на заметку! =)
http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
SUBTWELVEДата: Пятница, 03.02.2012, 02:26 | Сообщение # 32
Сержант
Сообщений: 30
Репутация: 1
Социальная репутация:

Статус: Offline
Дизайн "White2 by МН" поставил себе,спасибо!!!!!!!!!! smile
Прикольный сайт!!!!
 
MHДата: Пятница, 03.02.2012, 23:35 | Сообщение # 33
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
SUBTWELVE, всегда пожалуйста))
http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
ARMANIДата: Суббота, 11.02.2012, 12:05 | Сообщение # 34
Рядовой
Сообщений: 11
Репутация: -3
Социальная репутация:

Статус: Offline
ПОДСКАЖИТЕ пожалуйста !!! хочу вот такой вид материалов, как тут, чтобы картинки не ломались по пропорциям, а просто не полностью отображались, они на этом сайте обрезаются, а не сжимаются в трубочку как на ucoz, вот мой код, если кто поможет переделать, отблагодарю попозже, в долгу не останусь

вот всё что я смог сделать!
Quote
<div class="pod_title2"><div style="float:right">
</div> <table style="border-collapse: collapse;" height="130" width="130"><tbody><tr><td> $READS$ | <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a> | $FILTER1_VALUE$

<div class="cont">
<div id="wrapBox">

<a href="$ENTRY_URL$"><img src="$SCREEN_URL$" title="$ENTRY_TITLE$" height="55%" width="65%" border="2"></a></div>
<a href="$ENTRY_URL$"><?if($TITLE$)?><?substr($TITLE$,0,14)?><?endif?></a></td></tr></tbody></table></div></div>

Добавлено (11.02.2012, 12:05)
---------------------------------------------
совсем забыл...посмотреть тут

 
NIKITOS1981Дата: Понедельник, 27.02.2012, 18:33 | Сообщение # 35
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Offline
круто спасибо!
Скрипты,Шаблоны для сайтов ucoz
 
MHДата: Понедельник, 05.03.2012, 14:13 | Сообщение # 36
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
Black by MH

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

Вид:



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

Code
<center>    
<a href="$PHOTO_URL$"><img src="http://qwe.ucoz.ru/icon/Deep_Pools.png" border="0" title="Просмотры: $REVIEWS$"></a>    
<a href="$PROFILE_URL$" title="Добавил: $USER$"><img src="http://qwe.ucoz.ru/icon/Deep_Add_user.png" border="0" alt="" /></a>    
<img src="http://qwe.ucoz.ru/icon/Deep_Info.png" border="0" title="Добавлено: $DATE$ в $TIME$">    
<a href="$COMMENTS_URL$" title="Комменатриев: $COMMENTS_NUM$"><img src="http://qwe.ucoz.ru/icon/Deep_Chat.png" border="0" alt="" /></a>    
<a href="$CAT_URL$" title="Категория: $CAT_NAME$"><img src="http://qwe.ucoz.ru/icon/Deep_Folder.png" border="0" alt="" /></a>    
</center>    
<table align="center"><tr><td>    
<?if($DATE$='Сегодня')?><div style="z-index:20; position:absolute; padding-left: 121;">    
<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="$FULL_PHOTO_DIRECT_URL$" rel="iLoad|albphoto" title="$PHOTO_NAME$ | Категория - $CAT_NAME$">
<img src="$PHOTO_DIRECT_URL$" width="150" height="120" border="0" title="Название: $PHOTO_NAME$" class="ph"/>    
</a>
</div>    
</td></tr></table><br>    

<style type="text/css">    
       .alb {padding: 6px; background: #252525; box-shadow:0px 0px 3px #555; -webkit-box-shadow:0px 0px 3px #555; -moz-box-shadow:0px 0px 3px #555;}
       .ph {opacity: 0.8;}
       .ph:hover {opacity: 1;}
</style>

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


Сообщение отредактировал MH - Понедельник, 05.03.2012, 14:14
 
kirSANДата: Среда, 04.04.2012, 11:09 | Сообщение # 37
Сержант
Сообщений: 30
Репутация: 0
Социальная репутация:

Статус: Offline
устанавливаю скрипты.. а картинки вытягиваються((((( как исправить????
 
MHДата: Среда, 04.04.2012, 12:26 | Сообщение # 38
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

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

Статус: Offline
ща

Добавлено (04.04.2012, 12:35)
---------------------------------------------
Дизайн "Яндекс Фотки by MH"

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>

Добавлено (04.04.2012, 12:38)
---------------------------------------------
и он сразу отключает фенси... ну просмотр изображений

 
SashuraДата: Воскресенье, 13.05.2012, 22:44 | Сообщение # 40
Рядовой
Сообщений: 2
Репутация: 0
Социальная репутация:

Статус: Offline
MH, Шаблончики замечательные. Взяла всего по немножку от трёх. Очень понравились. Давно искала нечто подобное, не попадалось. А сама не умею. Альбомчик теперь у меня преобразился. Фотографии все в рамочках, ровненько сидят. Спасибо большое smile

Сообщение отредактировал Sashura - Воскресенье, 13.05.2012, 22:57
 
MHДата: Среда, 16.05.2012, 15:11 | Сообщение # 41
Генерал-майор
Сообщений: 394
Репутация: 61
Социальная репутация:

Статус: Offline
Sashura, не за что, рад что пригодилось)))
http://mni.my1.ru/
Подключаем iLoad3 к фотоальбому uCoz
Заменяем стандартную галерею uCoz на FancyBox
Нестандартные решения в системе uCoz
Добавляем тень для видео-плеера
Кнопка "добавить фото" в стиле Google
Вид материалов Фотоальбомы от MH
Кнопки в стиле google
"Страница с полной фотографией и комментариями" by MH
 
NFS5851Дата: Воскресенье, 14.07.2013, 11:50 | Сообщение # 42
Рядовой
Сообщений: 6
Репутация: 0
Социальная репутация:

Статус: Offline
MH, Дизайн "Gray by MH"
Почему когда я навожу на звездочки чтобы оценить картинку! Появляется еще один рядок звездочек ! Вот пример:

Как это исправить! Вот код вида фотографий:
Код
<link type="text/css" rel="StyleSheet" href="/_st/my.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: #000000;" href="$PHOTO_URL$">$PHOTO_NAME$</a><br> <b>></b> <a style="color: #000000;" href="$CAT_URL$">$CAT_NAME$</a><br> <b>></b> <a style="color: #000000;" href="$COMMENTS_URL$">Комментарии</a><br> <?if($RATING$)?><div align="center" style="padding-top: 10px; opacity: 0.7; " ><?$RSTARS$('30','/.s/img/stars/3/30.png','1','float')?></div><?endif?></td> </tr> </table>  
<style type="text/css"> table.tablimg {width: 310px; background-color: #dac7a6; padding: 10px; border: 1px solid #46300b; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; } td.photo {background-color: #956f2d; padding: 5px; border: 2px solid #46300b; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; } td.photo:hover {background-color: #ceaa6b; padding: 5px; border: 2px solid #46300b; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; } td.inf {color: #46300b; background-color: #f9ecd3; padding: 7px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;} </style>
 
SleepWalkerДата: Воскресенье, 14.07.2013, 16:08 | Сообщение # 43
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
NFS5851, я так понял, что проблема решена? так как на твоем сайте подобного бага не наблюдается
Time Waits For No One
 
NatulekДата: Четверг, 28.11.2013, 01:24 | Сообщение # 44
Рядовой
Сообщений: 2
Репутация: 0
Социальная репутация:

Статус: Offline
Здравствуйте! Спасибо за шаблоны!
MH, а как можно в информерах фотографии в рамках сделать? smile Напишите код пожалуйста smile Чтобы получилось примерно так:

Сейчас как-то не очень симпатично.
 
ФигВамАДата: Суббота, 28.12.2013, 21:30 | Сообщение # 45
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Offline
Подскажите пожалуйста, могу ли я сделать демо-картинку прозрачной? А то при вводе фоток png и gif у меня зачастую одни чёрные квадраты(((.
И спасибо за красивую подборку.
 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Вид материалов Фотоальбомы от MH (Красивая подборка)
Страница 3 из 3«123
Поиск: