1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

XenPorta модификация RecentNews

Тема в разделе "Модификации шаблонов", создана пользователем adder, 28 авг 2013.

Загрузка
  1. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    Думаю некоторым это покажется интересным.

    Тема на оф. сайте:
    HTML:
    http://xenforo.com/community/resources/xenporta-linux-org-modified-recentnews.2189/
    Автор: kprojects

    Модификация RecentNews блока, как на http://www.Linux.org

    Linux.org.png

    Вам нужно будет поправить всего 2 шаблона:
    EWRblock_RecentNews
    EWRblock_RecentNews.css

    Данный код работает с версией 1.1.5 и 1.2!

    И так... приступим:
    1.
    Сделайте бэкап шаблонов, чтобы Вы могли "откатиться" в случае проблем.
    2. Замените всё содержимое шаблона EWRblock_RecentNews на:
    Код:
    <xen:require css="message_user_info.css" />
    <xen:require css="bb_code.css" />
    <xen:require css="EWRblock_RecentNews.css" />
    
    <div id="recentNews">
        <xen:foreach loop="$RecentNews" value="$news" i="$i">
            <div class="recentNews" id="{$news.thread_id}">
        
                <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">
                    <div class="newsImage">
                        <xen:contentcheck>
                        <xen:if is="{$news.attach}">
                            <a href="{xen:link threads, $news}"><img src="{xen:link attachments, $news.attach}" alt="{$news.attach.filename}" /></a>
                        <xen:elseif is="{$news.image}" />
                            <a href="{xen:link threads, $news}"><img src="{$news.image}" alt="{$news.image}" /></a>
                        <xen:else />
                            <xen:avatar user="$news" size="m" itemprop="photo" />
                        </xen:if>
                        </xen:contentcheck>
                                <div class='newsTitle'><h2><a href="{xen:link threads, $news}" title="{$news.title}">{xen:helper threadPrefix, $news}{$news.title}</a></h2></div>
                    </div>
                </xen:if>
                </xen:if>
            
            
                <div class='newsDetails'>
                    <div class='newsAuthor'>By <a href="{xen:link members, $news}" class="username">{$news.username}</a></div>
                    <div class='newsDate'>{xen:date $news.post_date, 'l'}</div>
                    <div class='newsComments'><a href="{xen:link threads/unread, $news}">{xen:number $news.view_count} Views</a></div>
                </div>
    
            </div>
                    {xen:if '{$i} % 2 == 0', '<div class="news-divider"></div>'}
        </xen:foreach>
    </div>
    <script type="text/javascript">
    <!--
    
    $(document).ready(function(){
    
    $(".newsImage").hover(function(){
      $(this).children(".newsTitle").stop().animate({"background-color": "#5884ab", "text-indent": "20px"}, 500, function(){
        $(this).css("background-image", "url(/images/arrow-white.png)");
    });
    //  $(this).children(".newsTitle").children("h2").children("a").stop().animate({"color": "#000000"}, 500);
    }, function(){
    $(this).children(".newsTitle").css("background-image", "none");
      $(this).children(".newsTitle").stop().animate({"background-color": "#000000", "text-indent": "8px"}, 500);
    //  $(this).children(".newsTitle").children("h2").children("a").stop().animate({"color": "#ffffff"}, 500);
    });
    
    });
    
    // -->
    </script>
    3. Замените всё содержимое шаблона EWRblock_RecentNews.css на:
    Код:
    #recentNews                { overflow:hidden; width:100%; }
    
    .recentNews                { float:left; width:48.5%; margin:10px 0 20px 0; clear:both; }
    .recentNews:nth-child(3n-1)    { float:right !important; clear:none !important; margin-right:2px !important; }
    
    .news-divider { float:left; clear:both; width:100%; height:0px; border-top:solid 1px #c0c0c0; margin:10px 0 20px 0; }
    
    .recentNews .newsImage        { width:100%; min-height:183px; }
    .recentNews .newsImage img        { max-width:100%; height:185px; border:solid 1px #c1c1c1; }
    
    .recentNews .newsTitle        {
    overflow:hidden;
    width:100%;
    position: relative;
    height: 30px;
    line-height: 30px;
    background-color: #000000;
    margin-top: -34px;
    margin-left: 1px;
    opacity: 0.9;
    text-indent: 8px;
    background-repeat:no-repeat;
    background-position:8px 11px;
    }
    .recentNews .newsTitle h2        {
    font-size:16px; width:100%; font-weight:400;
    margin:0; white-space:nowrap; overflow:hidden;
    text-overflow:ellipses;
    height: 30px;
    line-height: 30px;
    }
    .recentNews .newsTitle a        { color:#ffffff; text-decoration:none !important;
    width: 98%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .recentNews .newsTitle a:hover        { color:#ffffff; text-decoration:none !important; }
    
    .recentNews .newsDetails        { overflow:hidden; width:100%; margin-top:5px; }
    .recentNews .newsAuthor            { float:left; width:auto; font-size:12px; margin-left:10px; }
    .recentNews .newsDate            { float:left; width:auto; font-size:12px; margin-left:15px; }
    .recentNews .newsComments        { float:right; width:auto; font-size:12px; margin-right:10px; }
    4. Удостоверьтесь, что у каждой статьи из Вашего новостного блока есть 500x250px картинка с названием slide.jpg

    Вы можете пользоваться настройками RecentNews блока (сколько новостей выводить и т.п.)
     
    exarh, Alex Gludo, sanmitsu и ещё 1-му нравится это.
  2. sanmitsu

    sanmitsu Местный

    Регистрация:
    09.02.13
    Сообщения:
    50
    Симпатии:
    15
    Версия XF:
    1.1.3
    Очень интересно
     
  3. vovik1646

    vovik1646 Пользователь

    Регистрация:
    15.12.12
    Сообщения:
    88
    Симпатии:
    12
    Версия XF:
    1.2.4
    У меня уже более 1000 новостей))) На всех не посмотреть какая картинка)))
     
  4. vovik1646

    vovik1646 Пользователь

    Регистрация:
    15.12.12
    Сообщения:
    88
    Симпатии:
    12
    Версия XF:
    1.2.4
    На вашем фан сайте отлично сделана данная реконструкция блока новостей. Лучше бы ее выложили)))
     
  5. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    @vovik1646 ну я тоже о многом мечтаю... :)

    ps: и кстати там не переделка этой модификации
     
  6. vovik1646

    vovik1646 Пользователь

    Регистрация:
    15.12.12
    Сообщения:
    88
    Симпатии:
    12
    Версия XF:
    1.2.4
    А так красиво смотрится...;)
     
  7. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.326
    Симпатии:
    384
    Версия XF:
    1.2.3
    В шаблоне EWRblock_RecentNews.css не узковата?
    Код:
    .recentNews .newsImage img        { max-width:100%; height:185px; border:solid 1px #c1c1c1; }
    Я заменил 185 на 285. Стало нормально отображаться.
     

Поделиться этой страницей