• Страница 1 из 1
  • 1
Форум O-CSS.RU » Скрипты » Скрипты - каталог файлов » Вид материалов с эфектом закругленного фото и с увеличением
Вид материалов с эфектом закругленного фото и с увеличением
vantysДата: Воскресенье, 18.07.2010, 18:53 | Сообщение # 1
Логин: vantys
Имя: vantys vantys
Сообщений: 51
Награды: 0
Репутация: 6
Замечания:
http://s58.radikal.ru/i161/1006/fb/4aaa82906a27.jpg
в пу-каталог файлов-вид материалов заменяем все на
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>

где <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"> это эфект фото

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

Форум O-CSS.RU » Скрипты » Скрипты - каталог файлов » Вид материалов с эфектом закругленного фото и с увеличением
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
LaiNeR Постов [ 3127 ]
Staistesap Постов [ 1545 ]
z1M Постов [ 1488 ]
Mooxyrep Постов [ 1145 ]
Pooniacact Постов [ 986 ]
KoreshoK Постов [ 644 ]
LonS Постов [ 585 ]
BIG_BOSS Постов [ 572 ]
DoZa Постов [ 564 ]
shooter Постов [ 468 ]
LonS Репутация [ 546 ]
LaiNeR Репутация [ 519 ]
Smofee Репутация [ 477 ]
СнAйПер Репутация [ 436 ]
MedeX Репутация [ 412 ]
TiPSy Репутация [ 300 ]
bleff Репутация [ 279 ]
-=SToRM=- Репутация [ 235 ]
A6c3Ht^ Репутация [ 225 ]
NoRD Репутация [ 210 ]
Общение [ 1309 ]
Считаем до 1 000 [ 664 ]
Поговорим обо всем :) (девушки, машины, личная жизнь и тд) [ 369 ]
Афоризмы (Не комментируйте) [ 301 ]
Играем в СЛОВА [ 187 ]
Конкурс "Угадай возраст". [ 183 ]
Конкурс "Угадай автомобиль" [ 110 ]
Предложения по сайту [ 97 ]
Набивка постов [ 80 ]
Обломай товарища [ 75 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Swatik [ 1 ]

Хостинг от uCoz | sitemap.xml | sitemap-forum.xml | sitemap-shop.xml | urllist.txt | |
PR-CY.ru