Среда, 25.05.2011, 17:22:05

Реклама:

  • Страница 1 из 1
  • 1
Вид каталога с квличением и округлением изображения
f0rtwOwДата: Пятница, 14.01.2011, 14:01 | Сообщение # 1
Сообщений: 556
Репутация: 53
Замечания:

1.Панель управления->каталог файлов->вид каталога файлов(удаляем все,и заменяем на мой код)

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

<table style="border: 1px solid rgb(37, 37, 37);" align="center" cellpadding="1" cellspacing="0" width="100%"><tbody><tr><td align="center" valign="top">    

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

<table border="0" cellpadding="0" cellspacing="1" width="100%">    
       <tbody><tr>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Изображение</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Подробнее о файле</td>    
       </tr>    
       <tr>    
<td style="border: 1px solid rgb(37, 37, 37);" align="center" width="125px"><?if($SOURCE_URL$)?><center><a id="thumb$ID$" href="$SOURCE_URL$" class="highslide" onclick="return hs.expand(this)"><img class="glossy" src="$SOURCE_URL$" align="left" border="1" width="170"></a></center><?endif?> </td>    
       <td style="border: 1px solid rgb(37, 37, 37);" align="center"><?if($MESSAGE$)?><div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">$MESSAGE$    
<center><font size="4"></font><center>       
<br><center><br></center>    
<br></center></center><br></div><?endif?></td>    
       </tr></tbody></table>    
       <table border="0" cellpadding="0" cellspacing="1" width="100%">    
       <tbody><tr>    

       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Добавил</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Загрузок</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Категория</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Комментарии</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Подробнее</td>    

       </tr>    
       <tr>    
             
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$PROFILE_URL$">$USERNAME$</a></td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">$LOADS$</td>       
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></td>       
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$COMMENTS_URL$">$COMMENTS_NUM$</a></td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$ENTRY_URL$">Перейти</a></td>    
             
       </tr></tbody></table></td></tr></tbody></table><br>

2.Где $SOURCE_URL$ это изображение(ставим галочку на источник в настроках модуля и переминовываем взамене стандарных написей),так же можно изменить на

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

Теперь как сделать эффект закругления изображения?
Все очень просто,вставляем код

Code
<script type="text/javascript" src="http://cs-ars.ru/design/glossy.js"></script>

между тегами "head" и "/head" -во всех подмодулях каталога файлов,иначе округления не будет!
Если кому-то,что-то не понятно,то пишите,обязательно помогу
Спасибо за внимание,кому + не жалко,можно отблагодарить)



Status:
╠►Game: Counter-Strike 1.6
╠►Name: diz-steam.clansu | f0rtwOw
╠►Skype: ak.47.ak.47425
╠►Team: diz-steam.clan.su (teg: diz-steam)
╚═►Weapon: m4a1, AK47, deagle, USP
Сообщение
1.Панель управления->каталог файлов->вид каталога файлов(удаляем все,и заменяем на мой код)

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

<table style="border: 1px solid rgb(37, 37, 37);" align="center" cellpadding="1" cellspacing="0" width="100%"><tbody><tr><td align="center" valign="top">    

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

<table border="0" cellpadding="0" cellspacing="1" width="100%">    
       <tbody><tr>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Изображение</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Подробнее о файле</td>    
       </tr>    
       <tr>    
<td style="border: 1px solid rgb(37, 37, 37);" align="center" width="125px"><?if($SOURCE_URL$)?><center><a id="thumb$ID$" href="$SOURCE_URL$" class="highslide" onclick="return hs.expand(this)"><img class="glossy" src="$SOURCE_URL$" align="left" border="1" width="170"></a></center><?endif?> </td>    
       <td style="border: 1px solid rgb(37, 37, 37);" align="center"><?if($MESSAGE$)?><div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">$MESSAGE$    
<center><font size="4"></font><center>       
<br><center><br></center>    
<br></center></center><br></div><?endif?></td>    
       </tr></tbody></table>    
       <table border="0" cellpadding="0" cellspacing="1" width="100%">    
       <tbody><tr>    

       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Добавил</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Загрузок</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Категория</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Комментарии</td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Подробнее</td>    

       </tr>    
       <tr>    
             
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$PROFILE_URL$">$USERNAME$</a></td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">$LOADS$</td>       
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></td>       
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$COMMENTS_URL$">$COMMENTS_NUM$</a></td>    
       <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$ENTRY_URL$">Перейти</a></td>    
             
       </tr></tbody></table></td></tr></tbody></table><br>

2.Где $SOURCE_URL$ это изображение(ставим галочку на источник в настроках модуля и переминовываем взамене стандарных написей),так же можно изменить на

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

Теперь как сделать эффект закругления изображения?
Все очень просто,вставляем код

Code
<script type="text/javascript" src="http://cs-ars.ru/design/glossy.js"></script>

между тегами "head" и "/head" -во всех подмодулях каталога файлов,иначе округления не будет!
Если кому-то,что-то не понятно,то пишите,обязательно помогу
Спасибо за внимание,кому + не жалко,можно отблагодарить)


Автор - f0rtwOw
Дата добавления - 14.01.2011 в 14:01
Реклама
Rip by inbox for www.well-cs.ru
  • Страница 1 из 1
  • 1
Поиск:
Загрузка...

Статистика форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи
Профиль для ucoz в нижнем правом углу сайта [ 0 ]
Красивый информер для файлов ucoz [ 0 ]
Уведомления о регистрации для ucoz [ 0 ]
Форма входа на uCoz [ 0 ]
Нету ссылки на файл? [ 1 ]
Новый Топ пользователей с аватарами для Ucoz [ 0 ]
Простой и красивый вид формы опроса [ 0 ]
Красивый информер "кто нас сегодня посетил" для Ucoz [ 0 ]
Flash радио для сайта [ 0 ]
Новый информер комментарии для ucoz как на Dle [ 0 ]
Прикольные истории.. [ 19 ]
wabka DIZ-STEAM [ 10 ]
Набивка постов by f0rtwOw [ 9 ]
Пишем красиво и аккуратно! [ 7 ]
шапка [ 6 ]
Шапка 2 [ 5 ]
Баннер [ 5 ]
новй шабка Diz-Steam [ 4 ]
новый шапка №2 [ 4 ]
баннер 468х60 [ 4 ]
f0rtwOw Репутация [ 53 ]
pŁâỳeR Репутация [ 5 ]
AK-47 Репутация [ 3 ]
Dizz Репутация [ 3 ]
Uvrus Репутация [ 1 ]
aSq Репутация [ 1 ]
RazzoN Репутация [ 0 ]
MyLife Репутация [ 0 ]
zenj68 Репутация [ 0 ]
40Glocc Репутация [ 0 ]
f0rtwOw Постов [ 556 ]
pŁâỳeR Постов [ 38 ]
AK-47 Постов [ 33 ]
aSq Постов [ 22 ]
Romario-one Постов [ 18 ]
Dexterneds Постов [ 15 ]
40Glocc Постов [ 8 ]
MyLife Постов [ 7 ]
Dizz Постов [ 5 ]
startsmart Постов [ 4 ]
Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.
Дизайн данного сайта полностью принадлежит администратору. Конструктор сайтов - uCoz