Расширенный поиск
Разделы сайта
На правах рекламы
Наш опрос
Как Вы попали на сайт?
Поисковая система
По ссылки с форума
Рекламный баннер
Посоветовали
Главные новости
Google: прозрачные шаблоны для ucoz
Google: скрипты для ucoz вид новостей
Яndex.ru: Скрипт для DLE хостинг игровых серверов
Google: как вставить курсоры для сайтов ucoz
Mail.ru: скачать скрипты для сайта ucoz на тему css
Google: красивый вид новостей
Google: вид материалов кинотеатра
Mail.ru: скрипты для ucoz состав клана cs 1.6
Google: slider ucoz

Регистрация



Календарь
«    Май 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
Архив новостей
Ноябрь 2011 (13)
Октябрь 2011 (3)
Август 2011 (2)
Июль 2011 (5)
Май 2011 (4)
Апрель 2011 (10)
Наши друзья
Скрипты О-uCoz
Русский Рэп
Фильмы, Софт, Музыка!
Заработок в интернете
Витя и Максим АК47


Сортировать статьи по: дате | популярности | посещаемости | комментариям | алфавиту
Скрипты для ucoz | Ucoz скрипты | Шаблоны для ucoz скачать » Всё для ucoz » Скрипты для ucoz » Фотоальбом

Title В Разных Категориях Для Ucoz.

Title В Разных Категориях Для Ucoz.
Здравствуйте! Многие спрашивают - Как же сделать разный title в каждой категории для ucoz.
1. Зайдём в админ. панель вашего сайта.
2. В меню выбираем "Новости сайта"

Интернет - фотогалерея для сайтов ucoz

Интернет - фотогалерея для сайтов ucoz


Для начала скачайте рамочку и залейте в корень сайта. 

Новый вид фотоальбома для белого дизайна

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

 

Вид фотоальбома для белого дизайна

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>

если было извеняюсь)) без поиска сложно! 

Новый вид фотоальбома (Для белого фона)

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

Новый вид фотоальбома (Для белого фона)


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>

Источник :
 

GL-z PhotoHosting Easy V-1.0

GL-z PhotoHosting Easy V-1.0

Очень легкий фотохостинг , новерное самый простой и удобный....
Пример Фотохостинга
Ссылка на фотохостинг GameLinez
Очень просто и не плохо )
Сами отредактируете под себя
Вот скриншоты:
Главная страница:
Ссылка на картинку
Страница добавления
Ссылка на картинку
Ссылка на добавленную картинку
Ссылка на картинку
Что бы получить Bbcode ( HTMLcode ) Увеличение , другие , прямую ссылку
Надо нажать на
Ссылка на картинку
Вылезит такое меню
Ссылка на картинку
и копируем код, какой вам надо
Получится вот так
Ссылка на картинку

Что бы зделать этот скрипт, даже не нужно знать коды , просто убрали лишнее , кое что добавили, и получилось вот такой фотохостинг

GL-z PhotoHosting Easy V-1.0
Теперь установка
1) Создаем сайт на укозе
2) Включаем фотоальбом
3) Заходим в общие настройки, ставим переадресовку на Фотоальбом
4) заходим в Управления дизайном модуля , фотоальбома , главная страница
и Заменяем старый код на этот

Code
<HTML><head></head><body>
<span style="font-weight: bold;"><span style="font-size: 76pt; font-family: Arial;"><a href="http://img.gamelinez.ru/photo/0-0-0-1"><!--<s5160>-->Добавить фотографию<!--</s>--></a></span></span><br>
<br>
<br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>< br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>< br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
$POWERED_BY$</body></HTML>

5) Далее идем в Страница добавления фотографии
Заменяем весь код на этот

Code
<br>
<HTML><head>

<title>$SECTION_NAME$ - $MODULE_NAME$ - $SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/971.css">
</head><body style="margin: 0pt; padding: 0pt; background-color: rgb(255, 255, 255);">
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 3px;" valign="top">
<br></td>

<td style="padding-top: 5px;" width="80%" valign="top">
<table style="border: 1px solid rgb(215, 215, 215);" width="100%" border="0" cellpadding="10" cellspacing="0"><tbody><tr><td style="background: rgb(248, 248, 248) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>--></a> <hr>
$BODY$<!-- </body> --></td></tr></tbody></table>
</td>

<td style="padding: 3px;" valign="top">
<br></td>
</tr>
</tbody></table>
<!-- </middle> -->  

</body></HTML>$POWERED_BY$

6)
Далее идем в страница с полной фотографией и комментариями
Заменяем весь код на этот
Code
<br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
<a href="$ADD_ENTRY_LINK$"><!--<s5160>-->Добавить Еще одну(другие) фотографию(ии)<!--</s>--></a>  

<?if($FULL_PHOTO_URL$)?><tr><td colspan="2" align="center"><a href="$FULL_PHOTO_URL$" target="_blank"><!--<s5227>-->Просмотреть фотографию в реальном размере<!--</s>--></a><hr></td></tr><?endif?>
<tr><td align="center"><br></td></tr>

<HTML><head>

<title>$PHOTO_NAME$ - $CAT_NAME$ <!--%IFTH1%0%-->- $SECTION_NAME$<!--%IFEN1%0%--> - $MODULE_NAME$ - $SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="http://imghosting.3dn.ru/_st/my.css">
<style>.mainBBcode { padding: 5px; } .img-3 { cursor: pointer; } .img-2 { background: transparent url(http://img.ucoz.ru/plus_sm.gif) no-repeat scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 20px; } .unfolded { background: transparent url(http://img.ucoz.ru/minus_sm.gif) no-repeat scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 20px; } .img-1 { text-align: left; } .img-body { padding: 1px 2px 2px; display: none; } .bbTable { border: 0px none ; width: 100%; font-family: verdana,arial,helvetica; font-size: 8pt; } .bbTdLeft { width: 40%; } .bbTdRight { width: 60%; } .bbInput { height: 18px; width: 100%; font-size: 8pt; } a:link { text-decoration: underline; color: rgb(139, 136, 129); } a:active { text-decoration: underline; color: rgb(139, 136, 129); } a:visited { text-decoration: underline; color: rgb(139, 136, 129); } a:hover { text-decoration: underline; color: rgb(0, 0, 0); } .topLink a:link { text-decoration: none; color: rgb(0, 0, 0); } .topLink a:active { text-decoration: none; color: rgb(0, 0, 0); } .topLink a:visited { text-decoration: none; color: rgb(0, 0, 0); } .topLink a:hover { text-decoration: none; color: rgb(252, 255, 239); } a.forRegLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link { text-decoration: underline; color: rgb(51, 51, 51); } a.forRegLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active { text-decoration: underline; color: rgb(51, 51, 51); } a.forRegLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited { text-decoration: underline; color: rgb(51, 51, 51); } a.forRegLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover { text-decoration: underline; color: rgb(255, 255, 255); } td, body { font-family: verdana,arial,helvetica; font-size: 8pt; color: rgb(0, 0, 0); } form { margin: 0px; padding: 0px; } input, textarea, select { vertical-align: middle; font-size: 8pt; font-family: verdana,arial,helvetica; } .copy { font-size: 7pt; } a.noun:link { text-decoration: none; color: rgb(139, 136, 129); } a.noun:active { text-decoration: none; color: rgb(139, 136, 129); } a.noun:visited { text-decoration: none; color: rgb(139, 136, 129); } a.noun:hover { text-decoration: underline; color: rgb(0, 0, 0); } hr { color: rgb(194, 194, 194); height: 1px; } label { cursor: pointer; } .blocktitle { font-family: Verdana,Sans-Serif; color: rgb(108, 130, 157); font-size: 12px; } a.menu1:link { text-decoration: underline; color: rgb(156, 207, 0); } a.menu1:active { text-decoration: underline; color: rgb(156, 207, 0); } a.menu1:visited { text-decoration: underline; color: rgb(156, 207, 0); } a.menu1:hover { text-decoration: none; color: rgb(0, 0, 0); } .menuTd { background: transparent url(/.s/t/971/11.gif) no-repeat scroll 0px 3px; padding-left: 12px; padding-right: 10px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .mframe { border-left: 1px solid rgb(229, 231, 234); border-right: 1px solid rgb(229, 231, 234); } .colgray { border-right: 1px solid rgb(229, 231, 234); } .colwhite { border-right: 1px solid rgb(250, 250, 250); } .msep { border-top: 1px solid rgb(250, 250, 250); } ul.uz, ul.uMenuRoot { margin: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; padding-left: 0px; } li.menus { margin: 0pt 0pt 0.6em; padding: 0pt 0pt 0pt 13px; background: transparent url(/.s/t/971/12.gif) no-repeat scroll 0px 3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .uMenuH li { padding: 0pt 5px; float: left; } .uMenuV .uMenuItem { font-weight: normal; } .uMenuV li a:link { text-decoration: none; color: rgb(139, 136, 129); } .uMenuV li a:active { text-decoration: none; color: rgb(139, 136, 129); } .uMenuV li a:visited { text-decoration: none; color: rgb(139, 136, 129); } .uMenuV li a:hover { text-decoration: underline; color: rgb(0, 0, 0); } .uMenuV .uMenuItemA { font-weight: bold; } .uMenuV a.uMenuItemA:link { text-decoration: none; color: rgb(0, 0, 0); } .uMenuV a.uMenuItemA:visited { text-decoration: none; color: rgb(0, 0, 0); } .uMenuV a.uMenuItemA:hover { text-decoration: underline; color: rgb(12, 91, 254); } .uMenuV .uMenuArrow { background: transparent url(/.s/img/wd/1/ar1.gif) no-repeat scroll 0pt 0pt; position: absolute; width: 10px; height: 10px; right: 0pt; top: 3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .uMenuV li { margin: 0pt 0pt 0.6em; padding: 0pt 0pt 0pt 13px; background: transparent url(/.s/t/971/12.gif) no-repeat scroll 0px 3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .catsTable { } .catsTd { padding: 0pt 0pt 6px 13px; background: transparent url(/.s/t/971/12.gif) no-repeat scroll 0px 3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .catName { font-family: Verdana,Tahoma,Arial,Sans-Serif; font-size: 11px; } .catNameActive { font-family: Verdana,Tahoma,Arial,Sans-Serif; font-size: 11px; } .catNumData { font-size: 7pt; color: rgb(85, 85, 85); } .catDescr { font-size: 7pt; padding-left: 10px; } a.catName:link { text-decoration: none; color: rgb(139, 136, 129); } a.catName:visited { text-decoration: none; color: rgb(139, 136, 129); } a.catName:hover { text-decoration: underline; color: rgb(0, 0, 0); } a.catName:active { text-decoration: none; color: rgb(139, 136, 129); } a.catNameActive:link { text-decoration: none; color: rgb(0, 0, 0); } a.catNameActive:visited { text-decoration: none; color: rgb(0, 0, 0); } a.catNameActive:hover { text-decoration: none; color: rgb(12, 91, 254); } a.catNameActive:active { text-decoration: underline; color: rgb(0, 0, 0); } .eBlock { } .eTitle { padding: 0pt 0pt 0pt 15px; background: transparent url(/.s/t/971/13.gif) no-repeat scroll 0px 3px; font-family: Verdana,Arial,Sans-Serif; font-size: 13px; font-weight: bold; color: rgb(119, 159, 0); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .eTitle a:link { text-decoration: underline; color: rgb(119, 159, 0); } .eTitle a:visited { text-decoration: underline; color: rgb(119, 159, 0); } .eTitle a:hover { text-decoration: none; color: rgb(0, 0, 0); } .eTitle a:active { text-decoration: underline; color: rgb(119, 159, 0); } .eMessage { text-align: justify; padding-bottom: 5px; } .eText { border-top: 1px solid rgb(194, 194, 194); text-align: justify; padding-bottom: 5px; padding-top: 5px; } .eDetails { border: 1px solid rgb(215, 215, 215); background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: Verdana,Tahoma,Arial,Sans-Serif; color: rgb(26, 26, 26); padding-bottom: 5px; padding-top: 3px; text-align: left; font-size: 7pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .eDetails1 { border: 1px solid rgb(215, 215, 215); background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: Verdana,Tahoma,Arial,Sans-Serif; color: rgb(26, 26, 26); padding-bottom: 5px; padding-top: 3px; text-align: left; font-size: 8pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .eDetails2 { border: 1px solid rgb(215, 215, 215); background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: Verdana,Tahoma,Arial,Sans-Serif; color: rgb(26, 26, 26); padding-bottom: 5px; padding-top: 3px; text-align: left; font-size: 8pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .eRating { font-size: 7pt; } .eAttach { margin: 16px 0pt 0pt; padding: 0pt 0pt 0pt 15px; background: transparent url(/.s/t/971/14.gif) no-repeat scroll 0px 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .manTable { } .manTdError { color: rgb(255, 0, 0); } .manTd1 { } .manTd2 { } .manTd3 { } .manTdSep { } .manHr { } .manTdBrief { } .manTdText { } .manTdFiles { } .manFlFile { } .manTdBut { } .manFlSbm { } .manFlRst { } .manFlCnt { } .cAnswer { padding-left: 15px; padding-top: 4px; font-style: italic; } .cBlock1 { border: 1px solid rgb(194, 194, 194); background: rgb(250, 250, 250) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .cBlock2 { border: 1px solid rgb(194, 194, 194); background: rgb(241, 242, 243) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .commTable { } .commTd1 { color: rgb(0, 0, 0); } .commTd2 { } .commFl { border: 1px solid rgb(194, 194, 194); background: rgb(235, 235, 235) none repeat scroll 0% 0%; color: rgb(51, 51, 51); width: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .smiles { border: 1px inset ; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .commReg { padding: 10px 0pt 10px 0px; text-align: center; } .commError { color: rgb(255, 0, 0); } .securityCode { border: 1px solid rgb(194, 194, 194); background: rgb(235, 235, 235) none repeat scroll 0% 0%; color: rgb(51, 51, 51); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .archUl { margin: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; padding-left: 0pt; } .archLi { padding: 0pt 0pt 3px 10px; background: transparent url(/.s/t/971/15.gif) no-repeat scroll 0px 4px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: Tahoma,Arial,Sans-Serif; } a.archLink:link { text-decoration: underline; color: rgb(156, 207, 0); } a.archLink:visited { text-decoration: underline; color: rgb(156, 207, 0); } a.archLink:hover { text-decoration: none; color: rgb(0, 0, 0); } a.archLink:active { text-decoration: none; color: rgb(0, 0, 0); } .archiveCalendars { text-align: center; color: rgb(0, 0, 255); } .archiveDateTitle { font-weight: bold; color: rgb(156, 207, 0); padding-top: 15px; } .archEntryHr { width: 250px; color: rgb(221, 221, 221); } .archiveeTitle li { padding: 0pt 0pt 0pt 15px; background: transparent url(/.s/t/971/16.gif) no-repeat scroll 0px 4px; margin-left: 15px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-bottom: 0.6em; } .archiveEntryTime { width: 65px; font-style: italic; } .archiveEntryComms { font-size: 9px; color: rgb(195, 195, 195); } a.archiveDateTitleLink:link { text-decoration: none; color: rgb(156, 207, 0); } a.archiveDateTitleLink:visited { text-decoration: none; color: rgb(156, 207, 0); } a.archiveDateTitleLink:hover { text-decoration: underline; color: rgb(156, 207, 0); } a.archiveDateTitleLink:active { text-decoration: underline; color: rgb(156, 207, 0); } .archiveNoEntry { text-align: center; color: rgb(0, 0, 255); } .calMonth { } .calWday { background: rgb(153, 153, 153) none repeat scroll 0% 0%; color: rgb(255, 255, 255); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 18px; } .calWdaySe { background: rgb(102, 102, 102) none repeat scroll 0% 0%; color: rgb(255, 255, 255); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 18px; } .calWdaySu { background: rgb(102, 102, 102) none repeat scroll 0% 0%; color: rgb(255, 255, 255); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 18px; font-weight: bold; } .calMday { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(153, 153, 153); } .calMdayA { background: rgb(156, 207, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; color: rgb(255, 255, 255); } .calMdayIs { background: rgb(195, 192, 181) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; } .calMdayIsA { border: 1px solid rgb(156, 207, 0); background: rgb(195, 192, 181) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; } a.calMonthLink:link, a.calMdayLink:link { text-decoration: none; color: rgb(0, 0, 0); } a.calMonthLink:visited, a.calMdayLink:visited { text-decoration: none; color: rgb(0, 0, 0); } a.calMonthLink:hover, a.calMdayLink:hover { text-decoration: underline; color: rgb(0, 0, 0); } a.calMonthLink:active, a.calMdayLink:active { text-decoration: underline; color: rgb(0, 0, 0); } .pollBut { width: 110px; } .pollBody { margin: 0px; padding: 7px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .textResults { background: rgb(226, 230, 234) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .textResultsTd { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .pollNow { border-left: 1px solid rgb(226, 230, 234); border-right: 1px solid rgb(226, 230, 234); border-bottom: 1px solid rgb(226, 230, 234); } .pollNowTd { } .totalVotesTable { border-left: 1px solid rgb(226, 230, 234); border-right: 1px solid rgb(226, 230, 234); border-bottom: 1px solid rgb(226, 230, 234); } .totalVotesTd { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } a.groupModer:link, a.groupModer:visited, a.groupModer:hover { color: blue; } a.groupAdmin:link, a.groupAdmin:visited, a.groupAdmin:hover { color: red; } a.groupVerify:link, a.groupVerify:visited, a.groupVerify:hover { color: green; } .replaceTable { border: 1px solid rgb(170, 170, 170); background: rgb(238, 238, 238) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 100px; width: 300px; } .legendTd { font-size: 7pt; } .gTable { background: rgb(140, 138, 130) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .gTableTop { padding: 2px 2px 2px 17px; background: rgb(204, 204, 204) url(/.s/t/971/10.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); font-weight: bold; height: 20px; font-size: 11px; } .gTableSubTop { border: 1px solid rgb(255, 255, 255); padding: 2px; background: rgb(176, 227, 0) url(/.s/t/971/7.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); height: 20px; font-size: 10px; } .gTableBody { padding: 2px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .gTableBody1 { padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .gTableBottom { border: 1px solid rgb(255, 255, 255); padding: 2px; background: rgb(216, 216, 216) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .gTableLeft { padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; color: rgb(156, 207, 0); } .gTableRight { padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .gTableError { border: 1px solid rgb(255, 255, 255); padding: 2px; background: rgb(216, 216, 216) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(255, 0, 0); } .forumNameTd, .forumLastPostTd { padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .forumIcoTd, .forumThreadTd, .forumPostTd { border: 1px solid rgb(255, 255, 255); padding: 2px; background: rgb(216, 216, 216) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .forumLastPostTd, .forumArchive { padding: 2px; font-size: 7pt; } a.catLink:link { text-decoration: none; color: rgb(0, 0, 0); } a.catLink:visited { text-decoration: none; color: rgb(0, 0, 0); } a.catLink:hover { text-decoration: underline; color: rgb(51, 51, 51); } a.catLink:active { text-decoration: underline; color: rgb(0, 0, 0); } .lastPostGuest, .lastPostUser, .threadAuthor { font-weight: bold; } .archivedForum { font-size: 7pt; color: rgb(255, 0, 0); font-weight: bold; } .forum { font-weight: bold; font-size: 9pt; } .forumDescr, .forumModer { color: rgb(133, 133, 133); font-size: 7pt; } .forumViewed { font-size: 9px; } a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link { text-decoration: none; color: rgb(156, 207, 0); } a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited { text-decoration: none; color: rgb(156, 207, 0); } a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover { text-decoration: underline; color: rgb(179, 179, 179); } a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active { text-decoration: underline; color: rgb(156, 207, 0); } .forumNamesBar { font-weight: bold; font-size: 7pt; } .forumBarKw { font-weight: normal; } a.forumBarA:link { text-decoration: none; color: rgb(0, 0, 0); } a.forumBarA:visited { text-decoration: none; color: rgb(0, 0, 0); } a.forumBarA:hover { text-decoration: none; color: rgb(156, 207, 0); } a.forumBarA:active { text-decoration: underline; color: rgb(156, 207, 0); } .fastNav, .fastSearch, .fastLoginForm { font-size: 7pt; } .fastNavMain { background: rgb(199, 215, 239) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .fastNavCat { background: rgb(231, 238, 248) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .fastNavCatA { background: rgb(231, 238, 248) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 255); } .fastNavForumA { color: rgb(0, 0, 255); } .switches { background: rgb(194, 194, 194) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .pagesInfo { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-right: 10px; font-size: 7pt; } .switch { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 15px; font-size: 7pt; } .switchActive { background: rgb(156, 207, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; color: rgb(0, 0, 0); width: 15px; } a.switchDigit:link, a.switchBack:link, a.switchNext:link { text-decoration: none; color: rgb(0, 0, 0); } a.switchDigit:visited, a.switchBack:visited, a.switchNext:visited { text-decoration: none; color: rgb(0, 0, 0); } a.switchDigit:hover, a.switchBack:hover, a.switchNext:hover { text-decoration: underline; color: rgb(255, 0, 0); } a.switchDigit:active, a.switchBack:active, a.switchNext:active { text-decoration: underline; color: rgb(255, 0, 0); } .threadNametd, .threadAuthTd, .threadLastPostTd { padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .threadIcoTd, .threadPostTd, .threadViewTd { border: 1px solid rgb(255, 255, 255); padding: 2px; background: rgb(216, 216, 216) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .threadLastPostTd { padding: 2px; font-size: 7pt; } .threadDescr { color: rgb(133, 133, 133); font-size: 7pt; } .threadNoticeLink { font-weight: bold; } .threadsType { border: 1px solid rgb(255, 255, 255); padding: 2px 2px 2px 40px; background: rgb(175, 174, 174) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(255, 255, 255); height: 20px; font-size: 10px; } .threadsDetails { border: 1px solid rgb(255, 255, 255); padding: 2px; background: rgb(187, 187, 187) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); height: 20px; font-size: 10px; } .forumOnlineBar { border: 1px solid rgb(255, 255, 255); padding: 2px; background: rgb(175, 174, 174) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(255, 255, 255); height: 20px; font-size: 10px; } a.threadPinnedLink:link { text-decoration: none; color: rgb(0, 0, 255); } a.threadPinnedLink:visited { text-decoration: none; color: rgb(0, 0, 255); } a.threadPinnedLink:hover { text-decoration: none; color: rgb(255, 0, 0); } a.threadPinnedLink:active { text-decoration: underline; color: rgb(255, 0, 0); } a.threadLink:link { text-decoration: none; color: rgb(156, 207, 0); } a.threadLink:visited { text-decoration: none; color: rgb(156, 207, 0); } a.threadLink:hover { text-decoration: underline; color: rgb(0, 0, 0); } a.threadLink:active { text-decoration: underline; color: rgb(0, 0, 0); } .postpSwithces { font-size: 7pt; } .thDescr { font-weight: normal; } .threadFrmBlock { font-size: 7pt; text-align: right; } .postTable { } .postPoll { background: rgb(238, 238, 238) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-align: center; } .postFirst { border-bottom: 3px solid rgb(154, 234, 29); background: rgb(245, 249, 253) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .postRest1 { background: rgb(238, 238, 238) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .postRest2 { background: rgb(245, 249, 253) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .postSeparator { background: rgb(153, 153, 153) none repeat scroll 0% 0%; height: 3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .postTdTop { background: rgb(176, 227, 0) url(/.s/t/971/7.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); height: 20px; font-size: 10px; } .postBottom { border: 1px solid rgb(187, 187, 187); background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); height: 20px; } .postUser { font-weight: bold; } .postTdInfo { padding: 5px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; text-align: center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .postRankName { margin-top: 5px; } .postRankIco { margin-bottom: 5px; } .reputation { margin-top: 5px; } .signatureHr { margin-top: 20px; color: rgb(45, 67, 91); } .posttdMessage { padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .pollQuestion { text-align: center; font-weight: bold; } .pollButtons, .pollTotal { text-align: center; } .pollSubmitBut, .pollreSultsBut { width: 140px; font-size: 7pt; } .pollSubmit { font-weight: bold; } .pollEnd { text-align: center; height: 30px; } .codeMessage { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 9px; } .quoteMessage { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 9px; } .signatureView { font-size: 7pt; } .edited { padding-top: 30px; font-size: 7pt; text-align: right; color: gray; } .editedBy { font-weight: bold; font-size: 8pt; } .statusBlock { padding-top: 3px; } .statusOnline { color: rgb(0, 0, 255); } .statusOffline { color: rgb(255, 0, 0); } .newThreadBlock { border: 1px solid rgb(178, 178, 178); background: rgb(249, 249, 249) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .newPollBlock { border: 1px solid rgb(178, 178, 178); background: rgb(249, 249, 249) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .newThreadItem { padding: 0pt 0pt 0pt 8px; background: transparent url(/.s/t/971/19.gif) no-repeat scroll 0px 4px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .newPollItem { padding: 0pt 0pt 0pt 8px; background: transparent url(/.s/t/971/19.gif) no-repeat scroll 0px 4px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton { border: 1px outset rgb(97, 94, 88); background: rgb(141, 138, 131) none repeat scroll 0% 0%; font-size: 7pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(218, 215, 204); } .codeButtons { border: 1px outset rgb(97, 94, 88); background: rgb(141, 138, 131) none repeat scroll 0% 0%; font-size: 7pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(218, 215, 204); } .codeCloseAll { border: 1px outset rgb(97, 94, 88); background: rgb(141, 138, 131) none repeat scroll 0% 0%; font-size: 7pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(218, 215, 204); font-weight: bold; } .postNameFl, .postDescrFl { border: 1px solid rgb(156, 207, 0); background: rgb(235, 235, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 400px; } .postPollFl, .postQuestionFl { border: 1px solid rgb(156, 207, 0); background: rgb(235, 235, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 400px; } .postResultFl { border: 1px solid rgb(156, 207, 0); background: rgb(235, 235, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 50px; } .postAnswerFl { border: 1px solid rgb(156, 207, 0); background: rgb(235, 235, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 300px; } .postTextFl { border: 1px solid rgb(156, 207, 0); background: rgb(235, 235, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 550px; height: 150px; } .postUserFl { border: 1px solid rgb(156, 207, 0); background: rgb(235, 235, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 300px; } .pollHelp { font-weight: normal; font-size: 7pt; padding-top: 3px; } .smilesPart { padding-top: 5px; text-align: center; } </style></head><body style="margin: 0pt; padding: 0pt; background-color: rgb(255, 255, 255);">
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 3px;" valign="top">
<br></td>

<td style="padding-top: 5px;" width="80%" valign="top">
<table style="border: 1px solid rgb(215, 215, 215);" width="100%" border="0" cellpadding="10" cellspacing="0"><tbody><tr><td style="background: rgb(248, 248, 248) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>--></a><hr>
<table width="100%" border="0" cellpadding="2" cellspacing="1">
<tbody><tr><td colspan="2" align="center">$PHOTO_DESCR$</td></tr>
<tr><td colspan="2" align="center">$PHOTO$</td></tr>
<tr><td colspan="2" class="eDetails" style="text-align: center;"><!--<s3177>--> ¦ <!--<s5162>-->Размеры<!--</s>-->: $PHOTO_SIZE$px/$PHOTO_WEIGHT$Kb <div style="padding-top: 4px;"><!--<s3165>--> $MODER_PANEL$<!--ENDIF--></div></td></tr>
<script type="text/javascript" src="http://img.ucoz.ru/phBBcode.js"></script>

<?if($OTHER_PHOTOS$)?><tr><td colspan="2" height="10"><hr></td></tr><tr><td colspan="2" align="center"><br><div style="padding-top: 5px;"><br></div></td></tr><?endif?>
</tbody></table><hr>

<!--IF-->
<!--IF-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td width="60%" height="25"><!--<s5183>--><br></td><td align="right" height="25"><br></td></tr><tr><td colspan="2"><br></td></tr><tr><td colspan="2" align="center"><br></td></tr><tr><td colspan="2" height="10"><br></td></tr></tbody></table></td></tr></tbody></table></td><td style="padding: 3px;" valign="top"><br></td></tr></tbody></table></body></HTML> $POWERED_BY$

Много лишнего в коде, но это не помешает вам...
А если мешает, то уберите там коды ( надо знать что бы не испортить )
Источник http://mu-game.3dn.ru
Автор B-b0y(Andr) 

Фотоальбом в виде выдвигающихся фото на highslide

Заливаем в корень сайта папку highslide из архива
На всех страницах фотоальбома подключаем скрипты в head (между <head> и </head>)

Code
<script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>  
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />

Далее туда же подключаем графическиен элементы

Code
<script type="text/javascript">  
hs.graphicsDir = '/highslide/graphics/';  
hs.align = 'center';  
hs.transitions = ['expand', 'crossfade'];  
hs.outlineType = 'rounded-white';  
hs.fadeInOut = true;  
//hs.dimmingOpacity = 0.75;  

// Add the controlbar  
hs.addSlideshow({  
  //slideshowGroup: 'group1',  
  interval: 5000,  
  repeat: false,  
  useControls: true,  
  fixedControls: 'fit',  
  overlayOptions: {  
  opacity: .75,  
  position: 'bottom center',  
  hideOnMouseOut: true  
  }  
});  
</script>

Что бы убрать логотип powered_by нужно добавить строчку

Code
hs.showCredits = false;

Ну и последнее, в виде фотографий меняем

Code
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ ¦ Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>

На

Code
<a id="thumb$ID$" href="$FULL_PHOTO_DIRECT_URL$"  
class="highslide" onclick="return hs.expand(this)">  
<img src="$PHOTO_DIRECT_URL$" border="0"  
title="$PHOTO_DESCR$" /></a>
 

Фотоальбом в виде выдвигающихся фото на highslide

Заливаем в корень сайта папку highslide.
На главной странице фотоальбома, разделов, подключаем скрипты в <!--head-->

Code
<script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>  
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />

Далее подключаем графическиен элементы

Code
<script type="text/javascript">  
hs.graphicsDir = '/highslide/graphics/';  
hs.align = 'center';  
hs.transitions = ['expand', 'crossfade'];  
hs.outlineType = 'rounded-white';  
hs.fadeInOut = true;  
//hs.dimmingOpacity = 0.75;  

// Add the controlbar  
hs.addSlideshow({  
  //slideshowGroup: 'group1',  
  interval: 5000,  
  repeat: false,  
  useControls: true,  
  fixedControls: 'fit',  
  overlayOptions: {  
  opacity: .75,  
  position: 'bottom center',  
  hideOnMouseOut: true  
  }  
});  
</script>

Что бы убрать логотип powered_by нужно добавить строчку

Code
hs.showCredits = false;

Ну и последние в виде фотографий меняем

Code
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ ¦ Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>

на

Code
<a id="thumb$ID$" href="$FULL_PHOTO_DIRECT_URL$"  
class="highslide" onclick="return hs.expand(this)">  
<img src="$PHOTO_DIRECT_URL$" border="0"  
title="$PHOTO_DESCR$" /></a>
 

Web Chelsea studio: "Вид информера фотоальбома"

Мы уже много чего выложили из скрипт - коллекции, вид блогов и мини-профиля и так далее, но решили поделится с вами еще одной вещью, которая стоит похвал.

Вид информера фотоальбома.

* Вот собственно вам скрин:

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

Заценили? Хотите себе такой? Да пожалуйста =)

Так, теперь делаем следуещее:

* Создаем отдельный блог, не важно где, на главной и так далее, главное где вы хотите.
* Создаем информер: информеры ~ фотоальбом ~ случайные данные или как вы хотите (фотографии)
* Колличество колонок и материалов зависит от вас, сколько хотите.
* В шаблон информера вставляем следующий код:

Code
<table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="border: 1px solid rgb(220, 220, 220); text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><div align="center"><table style="width: 100%; border-collapse: collapse;" align="center"><tbody><tr><td style="text-align: left; vertical-align: middle; background-color: rgb(0, 0, 205); letter-spacing: 0pt; word-spacing: 0pt;"><font color="#ffffff"><b></b></font><center><font color="#ffffff"><b>Дата добавления:</b> $DATE$</font><br></center></td></tr></tbody></table><a href="$PHOTO_URL$"></a><table style="border-collapse: collapse;" width="41" height="24"><tbody><tr><td style="border: medium double rgb(169, 169, 169); text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><a href="$PHOTO_URL$"></a><center><a href="$PHOTO_URL$">$PHOTO$</a></center></td></tr></tbody></table><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="text-align: left; vertical-align: middle; background-color: rgb(169, 169, 169); letter-spacing: 0pt; word-spacing: 0pt;"><a href="$CAT_URL$"></a><center><a class="forum" href="$CAT_URL$"><font color="#ffffff">$CAT_NAME$</font></a><font color="#ffffff"></font><br></center></td></tr></tbody></table></div></td></tr></tbody></table>

Заметьте, что если вам нужны другие цветовые схемы, то их поменять проще простого:
- можно и через визуальный редактор
- можно поменять код цветовой гаммы в коде: допустим rgb(220, 220, 220) на rgb(160, 160, 160) и так далее. Если требуется помощь пишите в личку)

Теперь любуемся и смотрим =) и не забываем оставлять комментарии и отзывы: качество гарантированно.

При копировании указываем истинный источник! 

Назад Дальше 1 2

Поддержка

Связь с администрацией

WebuCoz - делаем как хотим, можем как угодно! © 2009-2012

webucoz.com - это портал скриптов, шаблонов для ucoz. На нашем сайте огромное количество отличающиеся качеством скрипты и шаблоны для ucoz. Вы сможете без особого усилия скачать или просто просмотреть понравившиеся Вам шаблоны или скрипты для ucoz.