Строение
Вид материалов как на EXTM
Тема в разделе "Движки сайтов", создана пользователем Nicer, 5 апр 2011.
  1. Nicer

    Nicer Новичок

    Сообщения:
    147
    Симпатии:
    0
    Баллы:
    0


    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; 
    }
    Код скрипта:

    Код:
    <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>
     
Показать ещё