[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вид материалов "Каталога файлов"
rudenko0Дата: Среда, 25.05.2011, 23:43 | Сообщение # 1
Логин: rudenko0
Имя: vlad
Сообщений: 61
Награды: 0
Репутация: 83
Замечания:
ID вашей групы: 4
Offline

Изменен вид увеличения картинки.
css
Code
[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>

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