Сайт о Counter-Strike:Source. Вид каталога файлов как на EXTM - Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вид каталога файлов как на EXTM
GettoR^^
Offline
Дата: Вторник, 02.08.2011, 11:49 | Сообщение # 1
Сообщений: 332

В таблицу стилей CSS:
Code
.x_news {   
border: 1px solid #a8a9aa;   
background-color:#e9e9e9;   
width:640px;   
}   

.x_news_title {   
background-image: url(http://extm.clan.su/x_news_title.png);   
height: 26px;   
width: 100%;   
border-bottom: 1px solid #a8a9aa;   
text-align: left;   
}   

.x_news_title a {   
font-family: Arial, Helvetica, sans-serif;   
font-size: 11px;   
line-height: 26px;   
padding-left: 7px;   
}   

.x_news_title a:link,   
.x_news_title a:active,   
.x_news_title a:visited {color: #474747; text-decoration: none;}   
.x_news_title a:hover {color: #202020; text-decoration: none;}   

.x_newst {   
height: 19px;   
width: 100%;   
font: Arial, Helvetica, sans-serif;   
font-size: 11px;   
line-height: 19px;   
background-image: url(http://extm.clan.su/x_news_t.png);   
background-repeat: no-repeat;   
background-position: left;   
color:#FFF;   
font-family: Arial, Helvetica, sans-serif;   
font-size: 11px;   
padding-left:4px;   
text-align: left;   
text-shadow: #000 1px 1px 1px;   
}   

.x_news_blueText,   
.x_news_blueText:link,   
.x_news_blueText:active,   
.x_news_blueTe xt:visited  {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#fff;text-shadow: #000 1px 1px 1px;}   
.x_news_blueText:hover {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#c7c5c5;text-shadow: #000 1px 1px 1px;}   

.x_news_content {   
font-family:Arial, Helvetica, sans-serif;   
font-size: 11px;   
color: #474747;   
width:480px;   
text-align: left;   
}   

.x_news_full {   
line-height: 21px;   
background-image: url(http://extm.clan.su/x_news_full.png);   
background-repeat: no-repeat;   
height: 19px;   
width: 109px;   
text-align: center;   
background-position: right;   
color:#FFF;   
font-family: Arial, Helvetica, sans-serif;   
font-size: 11px;   
text-shadow: #000 1px 1px 1px;   
}   

.x_news_info {   
line-height: 21px;   
background-image: url(http://extm.clan.su/x_news_info.png);   
background-repeat: no-repeat;   
height: 19px;   
width: 100%;   
text-align: left;   
background-position: left;   
color:#FFF;   
font-family: Arial, Helvetica, sans-serif;   
font-size: 11px;   
padding-left:4px;   
text-shadow: #000 1px 1px 1px;   
}

В вид материалов каталога файлов:
Code
<style type="text/css" media="all">                
      @import url(http://vidoc.com.ua/templates/anrysys/css/engine.css);                
      </style>                
      <script type="text/javascript" src="http://vidoc.com.ua/engine/ajax/js_edit.js"></script>                
      <script type="text/javascript" src="http://vidoc.com.ua/engine/classes/highslide/highslide.js"></script>                
      <script type="text/javascript">                
                hs.graphicsDir = 'http://vidoc.com.ua/engine/classes/highslide/graphics/';                
                hs.outlineType = 'rounded-white';                
                hs.numberOfImagesToPreload = 0;                
                hs.showCredits = false;                
                hs.loadingText = 'Загрузка...';                
                hs.fullExpandTitle = 'Развернуть до полного размера';                
                hs.restoreTitle = 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения';                
                hs.focusTitle = 'Сфокусировать';                
                hs.loadingTitle = 'Нажмите для отмены';                
      </script>          

      <div style="float: left; padding-bottom: 10px;">          
      <script type="text/javascript" src="/highslide/highslide.js"></script>          
      <script type="text/javascript">hs.graphicsDir = 'http://diz-cs.ru/highslide/graphics/';</script>          
      <style type="text/css" media="all">@import url(/highslide/highslide.css);</style>          

      <div class="x_news">          

      <div class="x_news_title"><a href="$ENTRY_URL$">$TITLE$</a></div>          
      <div class="x_newst">Категория: <a href="$CATEGORY_URL$" class="x_news_blueText">$CATEGORY_NAME$</a></div>          

      <table cellpadding="0" cellspacing="3" border="0">          
      <tr>          
      <td class="x_news_screen">          

      <a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img align="left" border="0" src="$IMG_URL1$" width="120" style="border:3px solid #42aaff;margin-right:5px;margin-left:5px;margin-top:5px; margin-bottom:5px"></a>          
      </td>          
      <td class="x_news_content">$MESSAGE$<td>          
      </tr>          
      </table>          

      <table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" align="left">          
      <div class="x_news_info">          
      Дата: <a class="x_news_blueText">$DATE$</a> |          
      Добавил: <a href="$PROFILE_URL$" target="_blank" class="x_news_blueText">$USERNAME$</a> |           
      Просмотров: <a class="x_news_blueText">$READS$</a> |          
      Загрузок: <a class="x_news_blueText">$FILE_URL$</a>          
      </div></td>          
      <td valign="top" align="right"><div class="x_news_full"><a href="$ENTRY_URL$" class="x_news_blueText">Подробнее</a></div></td>          
      </tr>          
      </table>           
      </div></div>
Прикрепления: 2583264.png (225.4 Kb)


  • Страница 1 из 1
  • 1
Поиск:


Все материалы размещенные на сайте,пренадлежат их владельцам и предоставляються исключительно в ознакомительных целях. Администрация ответствености не несет за содержание материала и убытки не возмещает.
Конструктор сайтов - uCoz