• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Оригинальный вид новостей для сайта юкоз
Оригинальный вид новостей для сайта юкоз
Kosten
Понедельник, 09 Июля 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70


Вид материалов:
Оригинальный вид новостей для сайта юкоз, согласитесь красивый вид все в рабочем состояний, маленько дизайн хаки придает виду свою индивидуальность, при двойном клике картинка увеличивается, как говорится все прием, то есть все при нем, оцениваете все для вас.
Приступаем к установке:
Идем как всегда в свою админ-панель, дизайн- сайта, новости - вид материалов и там все убираем и вставляем наш код, можно в модель файлов поставить вид.
Вид материалов:
Оригинальный вид новостей для сайта юкоз, согласитесь красивый вид все в рабочем состояний, маленько дизайн хаки придает виду свою индивидуальность, при двойном клике картинка увеличивается, как говорится все прием, то есть все при нем, оцениваете все для вас.
Приступаем к установке:
Идем как всегда в свою админ-понель, диз- сайта, новости - вид материалов и там все убираем и вставляем наш код, можно в модель файлов поставить вид.

Код
<style type="text/css" media="all">     
@import url(http://zornet.ru/highslide/highslide.css);  
</style>  
   <script type='text/javascript' src='http://zornet.ru/highslide/highslide.js'></script>   
<script type="text/javascript" src="http://zornet.ru/zornet_ru4/include_highslide.js"></script>  
<script type="text/javascript">  
hs.graphicsDir = 'http://zornet.ru/highslide/graphics/';      
hs.outlineType = 'rounded-black';     
hs.numberOfImagesToPreload = 0;     
hs.showCredits = false;     
hs.lang = {     
loadingText : 'Загрузка...',     
fullExpandTitle : 'Развернуть до полного размера',     
restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',     
focusTitle : 'Сфокусировать',     
loadingTitle : 'Нажмите для отмены'     
};     
hs.allowSizeReduction = false;     
hs.dimmingOpacity = 0.8;     
</script>     
<div align="center" id="Div1" style="display:block;"/>   
<table border="0" width="100%" cellspacing="2" cellpadding="3" class="gTable">   
<tbody>   
<tr>   
<td class="eNewsTitle">   
<div class="s10b"><a href="$ENTRY_URL$">$TITLE$</a></div>   
</td>   
</tr>   
<tr>   
<td class="gTable">   
<center>   
<noindex>   
<table border="0" cellpadding="1" cellspacing="1" width="100%" style="padding-bottom:1px;">   
<tbody>   
<tr>   
<td colspan="2" align="left" class="gTableNews1">   
<div width="10%" style="float:left"/>   
<div style="float:right">   
<ul class="post-meta">   
<li class="author">   
<a href="$PROFILE_URL$" target="_blank" title="Новость добавил">$USERNAME$</a>   
</li>   
<li class="date">   
<font class="s10l" color="#ababab">$TIMESTAMP$</font>   
</li>   
<li class="category">   
<a href="$CATEGORY_URL$" title="Категория">$CATEGORY_NAME$</a>   
</li>   
<li class="reads">   
<a href="http://nwo-team.ru/news/srochnoe_pismo_ot_komandy_apb/2012-04-19-448" title="Количество просмотров новости">$READS$</a>   
</li>   
<li class="comments">   
<a href="$COMMENTS_URL$" title="Количество комментариев к новости">$COMMENTS_NUM$</a>   
</li>   
</ul>   
</div>   
</td>   
</tr>   
<tr valign="top">   
<td align="left" class="gTableNews2" style="width: 240px; margin-left: auto; margin-right: auto;">   
<table width="200" align="left" class="image" style="margin:10px;">   
<tbody>   
<tr>   
<td class="img">   
<div align="center" class="$IMG_URL1$"><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img alt="$TITLE$" src="$IMG_URL1$" style="border: 1px solid #232323;" align="left" height="120" width="200" border="0" title=""></a></div>   
</a>   
</td>   
</tr>   
</tbody>   
</table>   
</td>   
<td align="right" width="100%" class="gTableNews1">   
<div class="publ_text">   
$MESSAGE$   
</div>   
</td>   
</tr>   
<tr>   
<td colspan="2" align="right" class="gTableNews1">   
<div style="float:left">   
<?if($RATING$)?><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?><?endif?>   
</div>   
<div style="float:right">   
<input class="buttonprofile" type="button" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Читать полностью"/>   
</div>   
</td>   
</tr>   
</tbody>   
</table>   
</noindex>   
</center>   
</td>   
</tr>   
</tbody>   
</table>   
<div id="entryID447"/>


Идем в CSS и прописываем там этот стиль.

Код
.gTable {background: #202020; border: 1px solid #303030; text-align:left;}   
.gTable2 {background: #272727; border: 1px solid #303030; text-align:left;}   
.gTableNews1 {padding:5px;background: #272727; border: 1px solid #3a3a3a;}   
.gTableNews2 {padding:1px;background: #272727; border: 1px solid #3a3a3a;}   
.eNewsTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#ababab; padding: 6px; border:0px solid #303030; height:12px; background:url('http://zornet.ru/zornet_ru4/news_title.gif') repeat-x ;}   

        
    .post-meta {   
    text-transform:uppercase;   
    margin:15px 0 15px 0;   
    font-size:10px;   
    color:#7e7a7a;   
    display:inline;   
    border:none;   
    }   
        
    .date {   
    background:url(http://zornet.ru/zornet_ru4/date.png) no-repeat;   
    text-transform:uppercase;   
    padding:0 10px 0 15px;   
    font-size:10px;   
    color:#7e7a7a;   
    display:inline;   
    border:none;   
    }   
        
    .comments {   
    background:url(http://zornet.ru/zornet_ru4/comments.png) no-repeat;   
    text-transform:uppercase;   
    padding:0 10px 0 15px;   
    font-size:10px;   
    color:#7e7a7a;   
    display:inline;   
    border:none;   
    }   
        
    .category {   
    background:url(http://zornet.ru/zornet_ru4/category.png) no-repeat;   
    text-transform:uppercase;   
    padding:0 10px 0 15px;   
    font-size:10px;   
    color:#7e7a7a;   
    display:inline;   
    border:none;   
    }   

    .reads {   
    background:url(http://zornet.ru/zornet_ru4/reads.png) no-repeat;   
    text-transform:uppercase;   
    padding:0 10px 0 15px;   
    font-size:10px;   
    color:#7e7a7a;   
    display:inline;   
    border:none;   
    }   
        
    .author {   
    background:url(http://zornet.ru/zornet_ru4/author.png) no-repeat;   
    text-transform:uppercase;   
    padding:0 10px 0 15px;   
    font-size:10px;   
    color:#7e7a7a;   
    display:inline;   
    border:none;   
    }
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Оригинальный вид новостей для сайта юкоз
  • Страница 1 из 1
  • 1
Поиск: