Вид материалов с эфектом закругленного фото и с увеличением - Форум

Меню сайта

Обновления на форуме

Название темы: Стильный мини профиль для ucoz (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: Мини профиль со встроенным поиском New ! (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: Мини-чат v1.1 (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: Боковая панель "Вверх" как вконтакте для uCoz (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: Скрипт Статистики CW на тему counter-strike (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: Скрипт Наш сайт оптимизирован под Mozila firefox (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: Скрипт "Новости сайта" (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: Новые анекдоты на вашем сайте (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 30.03.2012

Название темы: ЗаказочкЭ (0)
Раздел: Неактивные темы | 19.02.2012

Название темы: Форма входа, простая светлая предназначена для авторизации (0)
Раздел: Другие скрипты для ucoz [выкладывайте скрипты, пользователи] | 06.02.2012

Последние новости

Новый Android-троян ...

Разрабатывается игра...

iPhone 4S официально...

Огромное спасибо за ...

Разработчики Call of...

Battlefield 3 не пус...

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: Akngooo

Вид материалов с эфектом закругленного фото и с увеличением

Вид материалов с эфектом закругленного фото и с увеличением

Offline

Дата: Четверг, 07.04.2011, 21:02 | Сообщение # 1

I ♥ MY PROJECT

Постов: 346

Награды: 4

Репутация: 766

Статус: Offline

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

Code

<style type="text/css" media="all">
@import url(http://www.play-gamers.ru/highslide/highslide.css);
</style>
<script type="text/javascript" src="http://www.play-gamers.ru/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://www.play-gamers.ru/highslide/graphics/';
</script>

<table style="border: 1px solid #252525" cellpadding="1" cellspacing="0" width="100%" align="center"><tr><td valign="top" align="center">

<table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
        <td class="eTitle" align="center" style="border: 1px solid #252525;"><a href="$ENTRY_URL$">Скачать $TITLE$ ($SECTION_NAME$-$CATEGORY_NAME$)</a><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> </td>
        </tr>
</table>

<table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png');">Скрин</td>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png');">Подробнее о файле</td>
        </tr>
        <tr>
<td width="125px" align="center" style="border: 1px solid #252525;"><?if($IMG_URL1$)?><center><a id="thumb$ID$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img class="glossy" src="$IMG_URL1$" border="1" width="170" align="left"></a></center><?endif?> </td>
        <td align="center" style="border: 1px solid #252525;"><?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$
<br>
<br>
<br><center><img src="http://play-gamers.ru/liniya.png"></center>
<font size=4><center>Скачать <font color="#1E90FF"><b>$TITLE$</b></font> Бесплатно<center></font>
<br><center>Для того что бы скачать <font color="#1E90FF"><b>$CATEGORY_NAME$</b></font> Вам необходимо <a href="$REGISTER_LINK$"><STRONG>Зарегистрироваться</STRONG></a>,делее нажать на <font color="#1E90FF"><b>$TITLE$</b></font> и нажать на кнопку Скачать</center>
<br><center><img src="http://play-gamers.ru/liniya.png"></center>
<br><center><font size=2><b>У нас есть: Всё для Wc3 - Counter-Strike - Фотошоп - uCoz</b></font></center>
</div><?endif?></td>
        </tr></table>
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>

        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')">Просмотрели</td>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')">Добавил</td>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')">Комментарии</td>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')">Подробнее</td>

        </tr>
        <tr>

        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')">$READS$</td>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')"><a href="$PROFILE_URL$">$USERNAME$</a></td>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')">$COMMENTS_NUM$</td>
        <td align="center" style="border: 1px solid #252525;background:url('http://play-gamers.ru/vid_materialov/fff.png')"><a href="$ENTRY_URL$">Перейти</a></td>

        </tr></table></td></tr></table><br>

а теперь сделаем эфект закругленного фото

во все страницы сайта ставим между "head" и "/head" хотя я ставил в верхнюю часть сайта,чтобы не мучаться)))

Code

<script type="text/javascript" src="http://www.play-gamers.ru/js/glossy.js"></script>

Сама картинка такого вида должна быть:

Code

<img class="glossy" src="ВАША ССЫЛКА НА КАРТИНКУ">

у меня на пример картинка такого вида

Code

<td width="125px" align="center" style="border: 1px solid #252525;"><?if($IMG_URL1$)?><center><a id="thumb$ID$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img class="glossy" src="$IMG_URL1$" border="1" width="170" align="left"></a></center><?endif?> </td>

где

Code

<a id="thumb$ID$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"> это увеличение картинки

и

Code

<img class="glossy" src="$IMG_URL1$" border="1" width="170" align="left"> это эфект фото а именно закругленные края картинки

точно также можно сделать для новостей сайта
просто заменив в коде $IMG_URL1$ на $OTHER1$ или что у вас там )))
спасибо за внимание,если комуто помогло не жалеем + )

Не прошу у бога ни денег, ни славы, а прошу лишь, чтоб вечно билось сердце у мамы

Вид материалов с эфектом закругленного фото и с увеличением

Страница 1 из 1
1