[MOD] Horizontal Attachments

แนะนำ Mod ต่างๆ ของ PHPBB3 แนะนำความสามารถ ของ mod การติดตั้ง การเข้ากันได้กับเวอร์ชั่น

Moderator: mindphp

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

[MOD] Horizontal Attachments

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

22-5-2557 15-29-44.png
22-5-2557 15-29-44.png (93.88 KiB) Viewed 786 times
รายละเอียด :: MOD สำหรับ ไฟล์แนบทรามีรูปแบบขนาดเล็ก ให้มีการแสดงรูปแบบในโพสต์ในเเถว เรียงตามแถวเดียวกัน
พัฒนาโดย :: Sniper_E
Version :: 1.0.0
ดาวน์โหลดได้ที่ :: https://www.mindphp.com/download/files/7 ... a-zip.html
ไฟล์ที่ใช้ในการติดตั้ง ::
styles/prosilver/template/viewtopic_body.html,
styles/prosilver/template/posting_preview.html,
styles/prosilver/template/posting_review.html,
styles/prosilver/template/mcp_post.html,
styles/prosilver/template/attachment.html,
styles/prosilver/template/bbcode.html,
styles/prosilver/theme/content.css
วิธีการติดตั้ง ::
เปิดไฟล์ ->styles/prosilver/template/viewtopic_body.html
ค้นหา ::

โค้ด: เลือกทั้งหมด

                <dl class="attachbox">
                    <dt>{L_ATTACHMENTS}</dt>
                    <!-- BEGIN attachment -->
                        <dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
                    <!-- END attachment -->
                </dl> 
แทนที่::

โค้ด: เลือกทั้งหมด

                <h3>{L_ATTACHMENTS}</h3>
                <!-- BEGIN attachment -->
                {postrow.attachment.DISPLAY_ATTACHMENT}
                <!-- END attachment --> 
เปิดไฟล์ ->styles/prosilver/template/posting_preview.html
ค้นหา ::

โค้ด: เลือกทั้งหมด

        <dl class="attachbox">
            <dt>{L_ATTACHMENTS}</dt>
            <!-- BEGIN attachment -->
            <dd>{attachment.DISPLAY_ATTACHMENT}</dd>
            <!-- END attachment -->
        </dl> 
แทนที่::

โค้ด: เลือกทั้งหมด

        <h3>{L_ATTACHMENTS}</h3>
        <!-- BEGIN attachment -->
        {attachment.DISPLAY_ATTACHMENT}
        <!-- END attachment --> 
เปิดไฟล์ ->styles/prosilver/template/posting_review.html
ค้นหา ::

โค้ด: เลือกทั้งหมด

            <dl class="attachbox">
                <dt>{L_ATTACHMENTS}</dt>
                <!-- BEGIN attachment -->
                    <dd>{post_review_row.attachment.DISPLAY_ATTACHMENT}</dd>
                <!-- END attachment -->
            </dl> 
แทนที่::

โค้ด: เลือกทั้งหมด

            <h3>{L_ATTACHMENTS}</h3>
            <!-- BEGIN attachment -->
            {post_review_row.attachment.DISPLAY_ATTACHMENT}
            <!-- END attachment --> 
เปิดไฟล์ ->styles/prosilver/template/mcp_post.html
ค้นหา ::

โค้ด: เลือกทั้งหมด

            <dl class="attachbox">
                <dt>{L_ATTACHMENTS}</dt>
                <!-- BEGIN attachment -->
                    <dd>{attachment.DISPLAY_ATTACHMENT}</dd>
                <!-- END attachment -->
            </dl> 
แทนที่::

โค้ด: เลือกทั้งหมด

            <h3>{L_ATTACHMENTS}</h3>
            <!-- BEGIN attachment -->
            {attachment.DISPLAY_ATTACHMENT}
            <!-- END attachment --> 
เปิดไฟล์ ->styles/prosilver/template/attachment.html
ค้นหา ::

โค้ด: เลือกทั้งหมด

        <!-- IF _file.S_THUMBNAIL -->
        <dl class="thumbnail">
            <dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
            <!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
        </dl>
        <!-- ENDIF -->


        <!-- IF _file.S_IMAGE -->
        <dl class="file">
            <dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
            <!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
            <dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
        </dl>
        <!-- ENDIF -->

        <!-- IF _file.S_FILE -->
        <dl class="file">
            <dt><!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a></dt>
            <!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
            <dd>({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
        </dl>
        <!-- ENDIF --> 
แทนที่::

โค้ด: เลือกทั้งหมด

        <!-- IF _file.S_THUMBNAIL -->
        <div class="thumbnail">
            <a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
            <!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
        </div>
        <!-- ENDIF -->

        <!-- IF _file.S_IMAGE -->
        <div class="file">
            <img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" />
            <!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
            <br />{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}
        </div>
        <!-- ENDIF -->

        <!-- IF _file.S_FILE -->
        <div class="file">
            <!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a>
            <!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
            <br />({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}
        </div>
        <!-- ENDIF --> 
เปิดไฟล์ ->styles/prosilver/template/bbcode.html
ค้นหา ::

โค้ด: เลือกทั้งหมด

<!-- BEGIN inline_attachment_open --><div class="inline-attachment"><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --></div><!-- END inline_attachment_close --> 
แทนที่::

โค้ด: เลือกทั้งหมด

<!-- BEGIN inline_attachment_open --><table><tr><td><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --></td></tr></table><!-- END inline_attachment_close --> 
เปิดไฟล์ ->styles/prosilver/theme/content.css
ค้นหา ::

โค้ด: เลือกทั้งหมด

/* Inline image thumbnails */ 
เติมก่อน::

โค้ด: เลือกทั้งหมด

/* Horizontal attachments */
div.thumbnail {
    float: left;
    padding: 4px 4px 2px;
    text-align: center;
    margin: 4px 4px 4px 0;
}
div.thumbnail img {
    padding: 2px;
    background-color: #C79360;
    border: 2px solid #9A5614;
}
div.file {
    float: left;
    padding: 4px 4px 2px;
    background-color: #cadceb;
    border: 1px solid #A5C1D8;
    margin: 4px 4px 4px 0;
}
 
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 59