Поиск:
  • Страница 1 из 1
  • 1
Вид каталога с квличением и округлением изображения
Дата: Пятница, 24.12.2010, 07:14 | Сообщение # 1
Offline
  • Проверенный
  • I'm b0t1k;)


  • 85 Сообщения
[Table]Скрин http://s008.radikal.ru/i304/1011/db/7157d0fa6b05.jpg [/Table]
[Table]1.Панель управления->каталог файлов->вид каталога файлов(удаляем все,и заменяем на мой код)[/Table]
[Table]Код: Выделить всё[/Table]

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>

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

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

[Table]Теперь как сделать эффект закругления изображения?
Все очень просто,вставляем код
Код: Выделить всё[/Table]

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

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

Дата: Суббота, 05.02.2011, 13:19 | Сообщение # 2
Offline
  • Проверенный
  • Ранг: Генерал-майор
  • 461 Сообщения


  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.