[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вид материалов как на extm
Дата: Суббота, 19.02.2011, 11:29 | Сообщение # 1
Администратор
    Сообщений:
    841
    Награды:
    2

Изменен вид увеличения картинки!

Вид материалов:

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></div>

В 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_blueText: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;       
}
  • Страница 1 из 1
  • 1
Поиск: