[Help] Cần giúp đỡ về hiển thị file

boylt9x · 13/4/13

attached_files

<xen:require css="attached_files.css" />

<div class="attachedFiles">

<h4 class="attachedFilesHeader">{xenhrase attached_files}:</h4>

<ul class="attachmentList SquareThumbs"
data-thumb-height="{xen:calc '{$xenOptions.attachmentThumbnailDimensions} / 2'}"
data-thumb-selector="div.thumbnail > a">
<xen:foreach loop="$post.attachments" value="$attachment">
<li class="attachment{xen:if {$attachment.thumbnailUrl}, ' image'}" title="{$attachment.filename}">
<div class="boxModelFixer primaryContent">

<div class="thumbnail">
<xen:if is="{$attachment.thumbnailUrl} AND {$canViewAttachments}">
<a href="{xen:link attachments, $attachment}" target="_blank" class="LbTrigger"
data-href="{xen:link misc/lightbox}"><img
src="{$attachment.thumbnailUrl}" alt="{$attachment.filename}" class="LbImage" /></a>
<xen:elseif is="{$attachment.thumbnailUrl}" />
<a href="{xen:link attachments, $attachment}" target="_blank"><img
src="{$attachment.thumbnailUrl}" alt="{$attachment.filename}" /></a>
<xen:else />
<a href="{xen:link attachments, $attachment}" target="_blank" class="genericAttachment"></a>
</xen:if>
</div>

<div class="attachmentInfo pairsJustified">
<h6 class="filename"> <a href="{xen:link attachments, $attachment}" target="_blank">{$attachment.filename}</a> <small>({xen:number $attachment.file_size, size}) | {xenhrase views}: {xen:number $attachment.view_count}</small></h6>

</div>
</div>
</li>
</xen:foreach>
</ul>
</div>

<xen:comment><xen:require css="xenforo.css" /></xen:comment>
Click to expand...

CSS

/* the attached files block is intended to appear like a bb code block */

.attachedFiles
{
@property "bbCodeBlock";
margin: 1em @messageInfo.margin-left 1em 0;
border: 1px solid @primaryLighterStill;
border-radius: 5px;
@property "/bbCodeBlock";
}

.messageList.withSidebar .attachedFiles
{
margin-right: 0px;
}

.attachedFiles .attachedFilesHeader
{
@property "bbCodeBlockType";
font-size: 11px;
font-family: @body.font-family;
color: @primaryLight;
background: @primaryLighterStill url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
padding: 3px 8px;
border-bottom: 1px solid @primaryLighter;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
@property "/bbCodeBlockType";

padding: 4px 8px;
}

.attachedFiles .attachmentList
{
/* roughly the same as "bbCodeCode" with the monospacing stuff removed */
overflow: hidden; zoom: 1;
padding: 10px 10px 0;
background: @primaryLightest url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
border-radius: 5px;
}

.attachment
{
float: left;
width: 100%;
}

.attachment .boxModelFixer
{
overflow: hidden; zoom: 1;
margin-bottom: 10px;
margin-right: 10px;
padding: 5px;
background-color: @contentBackground;
border: 1px solid @primaryLighterStill;
border-radius: 5px;
}

<xen:set var="$attachThumbSize">{xen:calc '{$xenOptions.attachmentThumbnailDimensions} / 2'}px</xen:set>

.attachment .thumbnail
{
float: left;
border-right: 1px solid @primaryLighterStill;
padding-right: 5px;
width: 18px;
height: 18px;
}

.attachment .thumbnail .SquareThumb
{
width: {$attachThumbSize};
height: {$attachThumbSize};
border-radius: 3px;
}

.attachment .thumbnail .genericAttachment
{
@property "genericAttachmentThumb";
background: transparent url('http://kzone13.com/styles/default/xenforo/icon_file_down.gif') no-repeat 0 0;
width: 16px;
height: 16px;
@property "/genericAttachmentThumb";

}

.attachment .attachmentInfo
{
white-space: nowrap;
overflow: hidden; zoom: 1;
font-size: 12px;
padding-left: 5px;
}
Click to expand...

Do không rành về cái này mong mọi người giúp đỡ, mình mún hiện full page lun
Của mình hiện tại:

Nó vẫn chưa hiện hết 100%

boylt9x · 13/4/13

Vẫn còn 1 khoảng trống bên phải, mình mún cho nó hiện dài ra bằng với khung bài viết nhưng không ảnh hưởng đến chữ ký phía dưới, đã thử làm dài ra nhưng bị vướn với chữ ký, bó tay rùi, hjc

nttruong · 13/4/13

.attachment
{
float: left;
width: 100%;
}

chỉnh lại width: 1000px; xem!

boylt9x · 13/4/13

Up Up, co ai giup minh voi

boylt9x · 13/4/13

Help me please, thanks

ku Hiệu · 13/4/13

tìm .attachedFiles
sửa margin: 1em 140px 1em 0;
thành margin: 1em 5px 1em 0;

boylt9x · 13/4/13

ku Hiệu said: ↑

tìm .attachedFiles
sửa margin: 1em 140px 1em 0;
thành margin: 1em 5px 1em 0;
Click to expand...

nhung ko co cai 140px ma la>> margin: 1em @messageInfo.margin-left 1em 0;
Co sua dc ko ta?

ku Hiệu · 13/4/13

boylt9x said: ↑

nhung ko co cai 140px ma la>> margin: 1em @messageInfo.margin-left 1em 0;
Co sua dc ko ta?
Click to expand...

đc, cứ sửa thành margin: 1em 5px 1em 0;

boylt9x · 13/4/13

ku Hiệu said: ↑

đc, cứ sửa thành margin: 1em 5px 1em 0;
Click to expand...

xong rui, cam on bac nhieu

[Help] Cần giúp đỡ về hiển thị file

boylt9x Member

boylt9x Member

nttruong Well-Known Member

boylt9x Member

boylt9x Member

ku Hiệu Lì Lắm Luôn

boylt9x Member

ku Hiệu Lì Lắm Luôn

boylt9x Member

Chia sẻ trang này

Text Links

Textlink

Thông báo mới nhất