[8WR] XenPorta 2 (Portal) PRO - vPET:Custom

xF2.x Add-ons [8WR] XenPorta 2 (Portal) PRO - vPET:Custom 2.1.0.7.6

Bạn phải thuộc nhóm Donate trở lên để tải về
thuyet951
  • Lượt xem 832
  • Bình luận: 45
thuyet951 submitted a new resource:

[8WR] XenPorta 2 (Portal) PRO - vPET:Custom - Phiên bản [8WR] XenPorta 2 (Portal) PRO được tinh chỉnh bởi vPET Team

Add-ons [8WR] XenPorta 2 (Portal) PRO được chỉnh sửa và tùy biến bởi vPET Team
Một số thành phần đã chỉnh sửa đáng chú ý:
  • Giao diện trang chủ giống tinhte
  • Giao diện Features Widget giống tinhte
  • Hỗ trợ responsive trên tất cả kích thước màn hình
  • Thiết kế lại gọn và nhẹ nhàng hơn.
  • và một số tỉnh chỉnh nhỏ khác...
Read more about this resource...
 
45 Bình luận
Thiết lập trang chủ như thế nào vậy bạn? Bạn chỉ mình với!
 
Xem thêm các trả lời cũ hơn…
@thuyet951 Tại mình vừa cài phiên bản của bạn thấy ko được giao diện như vậy nên mới nhờ bạn giúp Của mình trong trang ACP hiện thế này, ko biết nên chọn cái nào?
@thahtrung06 Chọn giải quyết bằng cách sử dụng phiên bản gốc để đưa code về đúng nguyên bản của bản custom ở trên, nhớ backup lại nếu thực hiện trên web đang chạy nhé.
 
thuyet951 updated [8WR] XenPorta 2 (Portal) PRO - vPET:Custom with a new update entry:

Hướng dẫn thêm 2 banner quảng cáo

Nếu muốn có 2 banner quảng cáo ở Widget Features giống demo của mình, các bạn vào thêm quảng cáo trong ACP bằng cách truy cập vào ACP => Advertising, ở mục Position các bạn chọn tương tứng EWR:Porta - Feature widget ads 1 cho vị trí bên trái, EWR:Porta - Feature widget ads 2 cho vị trí bên trái.
Code quảng cáo trong demo:
HTML:
<a href="https://vpet.vn" target="_blank" rel="noreferrer">
    <img...
Read the rest of this update entry...
 
@thuyet951 ơi, hình như đang bị lỗi không hiển thị attach file ở bài #1 khi promte article lần feature thì phải, bạn kiểm tra thử nhé.
Cảm ơn bạn!
 
@thuyet951 ơi, hình như đang bị lỗi không hiển thị attach file ở bài #1 khi promte article lần feature thì phải, bạn kiểm tra thử nhé. Cảm ơn bạn!
@Quick87 Đã fix theo hướng dẫn ở bài này:

Thanks bạn !
 
Bạn ơi, mình cài lên forrum của mình rồi, nhưng không hiểu sao nó lại ko hiển thị như demo của bạn, bạn giúp mình với được không?
Link: https://diendanbds.vn
Xin cám ơn bạn.
 
Xem thêm các trả lời cũ hơn…
@thuyet951 MÌnh đã vào chỉnh sửa lại nhưng ko hiển thị, và sao nó ko tự lấy hình mà mình phải add tay vậy bạn?
@hellomoto Đúng rồi bạn, ảnh của bài được promo features phải tự thêm ảnh riêng ở ngoài, mình thấy nó cũng hợp lý nên không chỉnh sửa nó trong bản custom của mình, vì lý do là nó là phần tách biết, chứa bài viết trọng tâm của trang web, nên cần 1 cái ảnh đặc biệt thì cũng không có gì phải sửa lại, mà trong lúc bạn tiến hành promo cho bài đó thì có thể kéo xuống tải ảnh trong bài rồi đính kèm theo cũng nhanh mà.
 
@hellomoto Đúng rồi bạn, ảnh của bài được promo features phải tự thêm ảnh riêng ở ngoài, mình thấy nó cũng hợp lý nên không chỉnh sửa nó trong bản custom của mình, vì lý do là nó là phần tách biết, chứa bài viết trọng tâm của trang web, nên cần 1 cái ảnh đặc biệt thì cũng không có gì phải sửa lại, mà trong lúc bạn tiến hành promo cho bài đó thì có thể kéo xuống tải ảnh trong bài rồi đính kèm theo cũng nhanh mà.
@thuyet951 phải chi có phần chọn những ảnh đã có thì quá tuyệt vời, đở mất thời gian hơn, mong bản update sau bạn có thể bổ sung nó vào được ko? cám ơn bạn nhiều
 
mình bị lỗi này nhưng lúc bị lúc không, có bác nào bị không vậy?
1598419004036.png
 
@thuyet951
Mình update bản này của bạn trên site của mình rồi. Nó ok và không bị lỗi gì cả. Nhưng ở phần hiển thị chỗ "Có gì mới" mình thấy bài viết bị co lại và căn trái. Lúc trước thì căn giữa và không bị co hình lại. Mình làm hoàn toàn mặc định. Ngoài ra khi promo ra mà có video thì nó bị vỡ khung. Bạn xem 2 hình bên dưới:

Bài viết promo bị co lại:
2020-10-03_094350.png


Vỡ khung khi có video:
2020-10-03_094530.png


Site: https://yhocdinhduong.vn/
Bạn fix giúp mình nhé. Cảm ơn bạn! :)
 
@thuyet951 Mình update bản này của bạn trên site của mình rồi. Nó ok và không bị lỗi gì cả. Nhưng ở phần hiển thị chỗ "Có gì mới" mình thấy bài viết bị co lại và căn trái. Lúc trước thì căn giữa và không bị co hình lại. Mình làm hoàn toàn mặc định. Ngoài ra khi promo ra mà có video thì nó bị vỡ khung. Bạn xem 2 hình bên dưới: Bài viết promo bị co lại: View attachment 234 Vỡ khung khi có video: View attachment 235 Site: https://yhocdinhduong.vn/ Bạn fix giúp mình nhé. Cảm ơn bạn! :)
@secpol Bạn bật 2 tùy chọn: Strip line breaks from excerpt text và Strip bbcode from excerpt text trong cài đặt của XenPorta lên nhé.
Ngoài ra cách hoạt động của 8WR Porta thì là nó sẽ lấy link ảnh có trong bài hoặc ảnh đính kèm có trong bài ra làm ảnh đại diện, vì vậy khi promo bài ra ngoài trang chủ bạn hãy chọn 1 ảnh, hoặc có thể chọn avatar nếu không có ảnh nào cho hiển thị tốt nhất và không bị lỗi.
 
@secpol Bạn bật 2 tùy chọn: Strip line breaks from excerpt text và Strip bbcode from excerpt text trong cài đặt của XenPorta lên nhé. Ngoài ra cách hoạt động của 8WR Porta thì là nó sẽ lấy link ảnh có trong bài hoặc ảnh đính kèm có trong bài ra làm ảnh đại diện, vì vậy khi promo bài ra ngoài trang chủ bạn hãy chọn 1 ảnh, hoặc có thể chọn avatar nếu không có ảnh nào cho hiển thị tốt nhất và không bị lỗi.
@thuyet951 Cảm ơn bạn đã trả lời. Mình có làm theo nhưng chỉ nhận ảnh trong file đính kèm không nhận ảnh có trong bài viết. Mặc dù link ảnh là link trực tiếp tại server. Ngoài ra khi dùng ảnh trong file đính kèm mình thấy chất lượng ảnh giảm đi đáng kể. Tất cả ảnh của mình đều là link trực tiếp tại server chứ không đi lấy bên ngoài.
 
Last edited:
@thuyet951 Cảm ơn bạn đã trả lời. Mình có làm theo nhưng chỉ nhận ảnh trong file đính kèm không nhận ảnh có trong bài viết. Mặc dù link ảnh là link trực tiếp tại server. Ngoài ra khi dùng ảnh trong file đính kèm mình thấy chất lượng ảnh giảm đi đáng kể. Tất cả ảnh của mình đều là link trực tiếp tại server chứ không đi lấy bên ngoài.
@secpol Chất lượng ảnh bị mờ, thì bạn vào trong cài đặt (Options) -> Đính kèm (Attachments) ở phần tùy chọn Attachment thumbnail dimensions bạn nhập khoảng 500 nhé, vì trong code mình chỉ định lấy ảnh thumbnail không lấy ảnh full, mục đích duy nhất thì là cho nó tải trạng nhẹ nhàng thôi.
 
@thuyet951
Bạn ơi cho mình hỏi là bỏ chữ "Xem thêm" của cuối trang chủ và thay bằng số trang thì làm như nào vậy bạn. Cảm ơn bạn!
 
@thuyet951
Chào bạn!
Bạn cho mình hỏi thêm là mình muốn bỏ link khi di chuột qua chỗ được khoanh đỏ trong hình dưới dưới thì sửa như nào? Ngoài ra trong khung màu xanh mình muốn nó trỏ về đúng link catology. Ví dụ trong hình dưới là: https://yhocdinhduong.vn/chu-de/tong-quan-ve-suc-khoe.2/ Còn lại khu vực ảnh thumb và tiêu đề bài viết vẫn có link.
Cảm ơn bạn! :)
text_link.png
 
@thuyet951 Chào bạn! Bạn cho mình hỏi thêm là mình muốn bỏ link khi di chuột qua chỗ được khoanh đỏ trong hình dưới dưới thì sửa như nào? Ngoài ra trong khung màu xanh mình muốn nó trỏ về đúng link catology. Ví dụ trong hình dưới là: https://yhocdinhduong.vn/chu-de/tong-quan-ve-suc-khoe.2/ Còn lại khu vực ảnh thumb và tiêu đề bài viết vẫn có link. Cảm ơn bạn! :) View attachment 238
@secpol bạn thay toàn bộ code trong template EWRporta_articles_macros bằng code dưới đây nhé.
HTML:
<xf:macro name="articles_block" arg-link="!" arg-articles="!" arg-catlinks="!" arg-attachments="!"
    arg-page="!" arg-perPage="!" arg-total="!" arg-data="">
    <xf:css src="EWRporta.less" />
    <xf:css src="EWRporta_articles.less" />
    
    <xf:if is="property('EWRporta_infinite') AND $page == 1 AND $total > $perPage">
        <xf:set var="$infnt">1</xf:set>
        <xf:js src="8wayrun/porta/infinite.js" min="1" />
    </xf:if>

    <xf:if is="property('EWRporta_masonry')">
        <xf:set var="$msnry">1</xf:set>
        <xf:js src="8wayrun/porta/images.js" min="1" />
        <xf:js src="8wayrun/porta/masonry.js" min="1" />
    </xf:if>
    
    <xf:js src="8wayrun/porta/portal.js" min="1" />
    <div class="block">
        <div class="block-porta-article-container block-container">
            <div class="block-minorHeader">{{ phrase('whats_new') }}</div>
        
            <ul class="block-body{{ $infnt ? ' porta-infinite' : '' }}{{ $msnry ? ' porta-masonry' : '' }}"
                data-xf-init="{{ $infnt ? ' porta-infinite' : '' }}{{ $msnry ? ' porta-masonry' : '' }}"
                data-masonry="{$msnry}"
                data-click="{{ property('EWRporta_infinite_click') }}"
                data-after="{{ property('EWRporta_infinite_after') }}"
                data-history="{{ property('EWRporta_infinite_history') }}">
                <xf:foreach loop="$articles" i="$i" value="$article"><xf:trim>
                    <xf:macro name="article_block"
                        arg-article="{$article}"
                        arg-catlinks="{$catlinks.{$article.thread_id}}"
                        arg-attachments="{$attachments}" />
                </xf:trim><xf:widgetpos id="ewr_porta_articles_after_article" context-i="{$i}" /></xf:foreach>
            </ul>
            <xf:if is="$infnt">
                <div class="block-row porta-article-status">
                    <div class="porta-loading">
                        <div class="--background-masker --space-cover"></div>
                        <div class="--background-masker --fake-title"></div>
                        <div class="--background-masker --fake-author"></div>
                        <div class="--background-masker --fake-meta"></div>
                    </div>
                </div>
            </xf:if>
        </div>
    </div>
    <xf:if is="$infnt">
        <div class="block porta-article-loader">
            <xf:button class="porta-article-button button--cta">{{ phrase('EWRporta_load_more...') }}</xf:button>
        </div>
    </xf:if>
    
    <div class="block porta-article-pager">
        <div class="block-outer block-outer--after">
            <xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
                link="{$link}" data="{$data}" wrapperclass="block-outer-main" />
        </div>
    </div>
</xf:macro>

<xf:macro name="article_block" arg-article="!" arg-catlinks="!" arg-attachments="!">
    <li class="block-row porta-article-item">
        <article class="porta-article-container">
            <div class="v-grid">
                <a href="{{ link('threads', $article.Thread) }}" class="--figure">
                    <xf:if is="$article.article_icon.type == 'medio' AND {$article.article_icon.data}">
                        <div class="---thumb" style="background-image: url('{{ base_url($article.article_icon.data.image) }}');background-size: cover;background-position: center center;">
                            <img src="{{ base_url($article.article_icon.data.image) }}">
                        </div>
                    <xf:elseif is="$article.article_icon.type == 'attach' AND {$attachments.{$article.article_icon.data}}" />
                        <div class="---thumb" style="background-image: url('{$attachments.{$article.article_icon.data}.thumbnail_url}');background-size: cover;background-position: center center;">
                            <img src="{$attachments.{$article.article_icon.data}.thumbnail_url}">
                        </div>
                    <xf:elseif is="$article.article_icon.type == 'image' AND $xf.options.EWRporta_icon_external" />
                        <div class="---thumb" style="background-image: url('{$article.article_icon.data}');background-size: cover;background-position: center center;">
                            <img src="{$article.article_icon.data}">
                        </div>
                    <xf:elseif is="$article.article_icon.type == 'avatar'" />
                        <div class="---avatar">
                            <xf:avatar user="$article.Thread.User" size="m"
                                defaultname="{$article.Thread.username}" itemprop="image" href="" />
                        </div>
                    </xf:if>
                </a>
                <div class="--main">
                    <a href="{{ link('threads', $article.Thread) }}">
                        <h3 class="---title">
                            <xf:if is="$article.Thread.prefix_id">{{ prefix('thread', $article.Thread, 'html', '') }}</xf:if>
                            {{ $article.article_title ?: $article.Thread.title }}
                        </h3>
                    </a>
                    {{ bb_code($article.article_excerpt, 'ewr_porta_article', $article.Thread.FirstPost) }}
                    <ul class="---meta listInline listInline--bullet contentRow-minor">
                        <li>
                            <xf:fa icon="fa-user" />
                            <xf:username user="$article.Thread.User" rich="true" defaultname="{$article.Thread.User}" itemprop="name" />
                        </li>
                        <xf:foreach loop="$catlinks" value="$catlink">
                            <li>
                                <xf:fa icon="fa-folder" />
                                <a href="{{ link('ewr-porta/categories', $catlink.Category) }}">
                                    {$catlink.Category.category_name}
                                </a>
                            </li>
                        </xf:foreach>
                        <li>
                            <xf:fa icon="fa-clock" />
                            <xf:date time="$article.article_date" data-full-old-date="true" />
                        </li>
                        <xf:if is="{$article.Thread.view_count|NUMBER} > 500">
                            <li>{$article.Thread.view_count|NUMBER} {{ phrase('views') }}</li>
                        </xf:if>
                        <xf:foreach loop="$catlinks" value="$catlink">
                            <li>
                                <xf:fa icon="fa-folder" />
                                {$catlink.Category.category_name}
                            </li>   
                        </xf:foreach>
                    </ul>
                </div>
            </div>
        </article>
    </li>
</xf:macro>

<xf:macro name="article_header" arg-article="!" arg-attachments="!">
    <xf:if is="{{ property('EWRporta_header') }}">
        <xf:if is="$article.article_icon.type == 'medio' AND {$article.article_icon.data}">
            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
                style="background-image: url('{{ base_url($article.article_icon.data.image) }}');background-position: center;background-size: cover;">
        <xf:elseif is="$article.article_icon.type == 'attach' AND {$attachments.{$article.article_icon.data}}" />
            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
                style="background-image: url('{$attachments.{$article.article_icon.data}.thumbnail_url}');background-position: center;background-size: cover;">
        <xf:elseif is="$article.article_icon.type == 'image' AND $xf.options.EWRporta_icon_external" />
            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
                style="background-image: url('{$article.article_icon.data}');background-position: center;background-size: cover;">
        </xf:if>
    </xf:if>
</xf:macro>

<xf:macro name="article_icon" arg-article="!" arg-attachments="!">
    <xf:if is="!property('EWRporta_header') AND
            $article.article_icon.type == 'attach' AND
            {$attachments.{$article.article_icon.data}}">
        <a href="{{ link('threads', $article.Thread) }}">
            <img border="0"
                alt="{$attachments.{$article.article_icon.data}.filename}"
                src="{$attachments.{$article.article_icon.data}.thumbnail_url}" />
        </a>
    <xf:elseif is="!property('EWRporta_header') AND
            $article.article_icon.type == 'image' AND
            $xf.options.EWRporta_icon_external" />
        <a href="{{ link('threads', $article.Thread) }}">
            <img border="0"
                alt="{$article.article_icon.data}"
                src="{$article.article_icon.data}" />
        </a>
    <xf:elseif is="$article.article_icon.type == 'avatar'" />
        <xf:avatar user="$article.Thread.User" size="s"
            defaultname="{$article.Thread.username}" itemprop="image" />
    </xf:if>
</xf:macro>
 
Bạn ơi mình muốn phần feature như hình bên dưới thì sửa lại mã như thế nào vậy?
Cảm ơn bạn rất nhiều!

feature.jpg
 
Top Bottom