Hỏi Tạo Thread Cover giống tinhte

HungTQ

Sergeant
Bạn nào biết chỉ mình cấu hình với nhỉ :D cảm ơn nhiều lắm ạ
Capture.PNG
 
Đầu tiên các bạn vào Style Properties: XenPorta 2 - Articles List tích vào Display Article Icon as a Header

Mở template EWRporta2_ArticleView

tìm : <div class="section messageAuthor">

Thêm bên dưới nó:

Mã:
<xen:if is="@porta2_articles_header">
        <xen:if hascontent="true">
            <div class="headerBlock">
                <xen:contentcheck>
                <xen:if is="{$article.article_icon.type} == 'attach'">
                    <a class="attachHolder" href="{xen:link threads, $article}"><img src="{xen:link attachments, $article.article_icon.data}" alt="{$article.article_icon.data.filename}" /></a>
                <xen:elseif is="{$article.article_icon.type} == 'image'" />
                    <a class="attachHolder" href="{xen:link threads, $article}"><img src="{$article.article_icon.data.url}" alt="{$article.article_icon.data.file}" /></a>
                <xen:elseif is="{$article.article_icon.type} == 'medio'" />
                    <a class="medioHolder OverlayTrigger"style="background-image: url('{xen:helper medio, $article.article_icon.data}');"
                        href="{xen:link 'full:media/media', $article.article_icon.data}" data-href="{xen:link 'full:media/media/popout', $article.article_icon.data}"
                        data-cacheOverlay="false" data-overlayoptions="{&quot;fixed&quot;:false}">
                            <img src="styles/8wayrun/EWRmedio_play.png" />
                    </a>
                </xen:if>
                </xen:contentcheck>
            </div>
        </xen:if>
        </xen:if>

Done.
Css thì các bạn tự tùy biến theo khả năng sáng tạo nhé. ở đây mìn chỉ HD cách làm thôi .
 
Đầu tiên các bạn vào Style Properties: XenPorta 2 - Articles List tích vào Display Article Icon as a Header

Mở template EWRporta2_ArticleView

tìm : <div class="section messageAuthor">

Thêm bên dưới nó:

Mã:
<xen:if is="@porta2_articles_header">
        <xen:if hascontent="true">
            <div class="headerBlock">
                <xen:contentcheck>
                <xen:if is="{$article.article_icon.type} == 'attach'">
                    <a class="attachHolder" href="{xen:link threads, $article}"><img src="{xen:link attachments, $article.article_icon.data}" alt="{$article.article_icon.data.filename}" /></a>
                <xen:elseif is="{$article.article_icon.type} == 'image'" />
                    <a class="attachHolder" href="{xen:link threads, $article}"><img src="{$article.article_icon.data.url}" alt="{$article.article_icon.data.file}" /></a>
                <xen:elseif is="{$article.article_icon.type} == 'medio'" />
                    <a class="medioHolder OverlayTrigger"style="background-image: url('{xen:helper medio, $article.article_icon.data}');"
                        href="{xen:link 'full:media/media', $article.article_icon.data}" data-href="{xen:link 'full:media/media/popout', $article.article_icon.data}"
                        data-cacheOverlay="false" data-overlayoptions="{&quot;fixed&quot;:false}">
                            <img src="styles/8wayrun/EWRmedio_play.png" />
                    </a>
                </xen:if>
                </xen:contentcheck>
            </div>
        </xen:if>
        </xen:if>

Done.
Css thì các bạn tự tùy biến theo khả năng sáng tạo nhé. ở đây mìn chỉ HD cách làm thôi .
Tuyệt vời!!!!
Cảm ơn bạn!!!!!
Nếu được bạn có thể chỉ bọn mình cách làm giao diện giống hiện tại của Tinhte không?
Thanks!!!!!!!!!!!!!!!!1
 
Back
Top