| 
| Kosten | Понедельник, 09 Июля 2012, 14:06 | Сообщение 1 |  
|   |   
 Вид материалов:
 Оригинальный вид новостей для сайта юкоз, согласитесь красивый вид все в рабочем состояний, маленько дизайн хаки придает виду свою индивидуальность, при двойном клике картинка увеличивается, как говорится все прием, то есть все при нем, оцениваете все для вас.
 Приступаем к установке:
 Идем как всегда в свою админ-панель, дизайн- сайта, новости - вид материалов и там все убираем и вставляем наш код, можно в модель файлов поставить вид.
 Вид материалов:
 Оригинальный вид новостей для сайта юкоз, согласитесь красивый вид все в рабочем состояний, маленько дизайн хаки придает виду свою индивидуальность, при двойном клике картинка увеличивается, как говорится все прием, то есть все при нем, оцениваете все для вас.
 Приступаем к установке:
 Идем как всегда в свою админ-понель, диз- сайта, новости - вид материалов и там все убираем и вставляем наш код, можно в модель файлов поставить вид.
 
 
 Код <style type="text/css" media="all">     @import url(https://zornet.ru/highslide/highslide.css);
 </style>
 <script type='text/javascript' src='https://zornet.ru/highslide/highslide.js'></script>
 <script type="text/javascript" src="https://zornet.ru/zornet_ru4/include_highslide.js"></script>
 <script type="text/javascript">
 hs.graphicsDir = 'https://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('https://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(https://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(https://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(https://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(https://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(https://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 ] |  |  |