[OzzModz] Attachment Icons II 2.1.7

[Mian Shahid]

Mian Shahid submitted a new resource:

[ITD] Attachment Icons II - Use custom attachment icons instead of XF default.

Now you can use custom file-type icons instead of XF default attachment font awesome icons.

Currently supporting 20 file-type attachments:

1. APK
2. AVI
3. DOC
4. DOCX
5. FILE
6. JS
7. MP3
8. MP4
9. MPG
10. PDF
11. PHP
12. RAR
13. RTF
14. TORRENT
15. TXT
16. WAV
17. XLS
18. XLSX
19. XML
20. ZIP

[ATTACH...​

Read more about this resource...

 

[Tuts]

work not for xenforo 2.1.4

 

[Mian Shahid]

Working fine with default theme at 2.1.4

 

[Tuts]

url work not

https://www.xxxxxx.be/threads/top-tips-deel-23.240923/%7Bxf:link%20attachments,%20$attachment%7D

View attachment 2019-11-02_7-08-08.mp4

 

[Mian Shahid]

You have to click as per below image

 

[Tuts]

Can't the link be removed from the image?

 

[welington]

the image files get better, thanks [ITD]

 

[Mikethemix]

Is it possible to make the images appear smaller when displayed?

 

[Mian Shahid]

Is it possible to make the images appear smaller when displayed?

You can re size images as per your requirement. . .

 

[Mikethemix]

Many thanks, do you know how I can get the attachments to appear as a list below the post - see:https://xenforo.com/community/threads/how-to-change-appearance-of-attachments-in-a-post.176665/

 

[Mikethemix]

I tried this add-in but it didn't seem to work with XF2.1.7

 

[Mian Shahid]

I tried this add-in but it didn't seem to work with XF2.1.7

Let me check . . .

 

[Mian Shahid]

I tried this add-in but it didn't seem to work with XF2.1.7

Working fine with 2.1.7 . . .

 

[Mikethemix]

Perhaps you can help me to get it working
I uploaded it, installed it from the admin CP and that's all. Was I meant to make any changes in the config of XF2?

 

[Masetrix]

You have to click as per below image

View attachment 213060

If forum users can click an icon, they do it.
If the icon is then linked incorrectly, this results in a "404 not found" and users complain why an icon is linked if it does not work.

Can you fix the link, or at least remove it if it doesn't already work? Thank you for your work because the addon is otherwise very good.

<a href="{xf:link attachments, $attachment}" target="_blank"><img src="https://www.auer.url/styles/default/ITD/attach-icon/doc-itd-icon.png" alt="Kosten gemäß § 63 SGB X.doc"></a>

The broken link in the icon is also a disaster for SEO ...

 

[Masetrix]

Perhaps you can help me to get it working
I uploaded it, installed it from the admin CP and that's all. Was I meant to make any changes in the config of XF2?

You don't have to do anything, you just have to open a post that contains a corresponding attachment (.pdf, .doc) ... Or upload a pdf file and voila...

 

[Mikethemix]

I installed it ok, this is what the Add-ons screen shows:

However, this is what a post with attachments now looks like - no attachment logos:


I am using the template and css scripts as shown in this thread:

XF 2.1 - attachments like vbulletin

Hello! I migrated from vbulletin to xenforo, and i have question about attachment! How i can change style for attachments? Now it's look like this But i need look like this p/s sorry for my english!

xenforo.com

whose contents I attempt to paste below - do you think there could be some conflict between these scripts and yours?......
Thanks,
Mike
Quote:
If you wanted to create a different look for attachments vs images... this appears to work.

The result is something like this:

Template:" message_macros"

Find:

Code:
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</section>
</xf:if>
</xf:macro>
Replace with:

Code:
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<xf:contentcheck>
<xf:if contentcheck="true">
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment) AND $attachment.has_thumbnail">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>

<xf:if contentcheck="true">
<ul class="attachmentList attachmentListCustom">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment) AND !$attachment.has_thumbnail">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>

</xf:contentcheck>
</section>
</xf:if>
</xf:macro>

Then the CSS:

Code:
.attachmentList.attachmentListCustom
{
.xf-minorBlockContent();
display: block;
padding: @xf-paddingMedium @xf-paddingLarge;
margin-top: @xf-elementSpacer;
.attachment
{
display: block;
width: auto;
background-color: transparent;
border-width: 0;
padding: 5px 0;
margin: 0;

div { display: inline-block; }

i { width: 24px; text-align: center; }
i:before { font-size: 22px; }
.attachment-icon.attachment-icon--img img { max-height: 24px; }
.attachment-name { margin-top: 0; }
&:first-of-type { padding-top: 0; }
&:last-of-type { padding-bottom: 0; }
}
}

 

[Mian Shahid]

I installed it ok, this is what the Add-ons screen shows:
View attachment 219254
However, this is what a post with attachments now looks like - no attachment logos:
View attachment 219255

I am using the template and css scripts as shown in this thread:

XF 2.1 - attachments like vbulletin

Hello! I migrated from vbulletin to xenforo, and i have question about attachment! How i can change style for attachments? Now it's look like this But i need look like this p/s sorry for my english!

xenforo.com

whose contents I attempt to paste below - do you think there could be some conflict between these scripts and yours?......
Thanks,
Mike
Quote:
If you wanted to create a different look for attachments vs images... this appears to work.

The result is something like this:

Template:" message_macros"

Find:

Code:
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</section>
</xf:if>
</xf:macro>
Replace with:

Code:
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<xf:contentcheck>
<xf:if contentcheck="true">
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment) AND $attachment.has_thumbnail">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>

<xf:if contentcheck="true">
<ul class="attachmentList attachmentListCustom">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment) AND !$attachment.has_thumbnail">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>

</xf:contentcheck>
</section>
</xf:if>
</xf:macro>

Then the CSS:

Code:
.attachmentList.attachmentListCustom
{
.xf-minorBlockContent();
display: block;
padding: @xf-paddingMedium @xf-paddingLarge;
margin-top: @xf-elementSpacer;
.attachment
{
display: block;
width: auto;
background-color: transparent;
border-width: 0;
padding: 5px 0;
margin: 0;

i { width: 24px; text-align: center; }
i:before { font-size: 22px; }
.attachment-icon.attachment-icon--img img { max-height: 24px; }
.attachment-name { margin-top: 0; }
&:first-of-type { padding-top: 0; }
&:last-of-type { padding-bottom: 0; }
}
}

Looks like you didn't upload or installed any icon set for this addon, kindly also add link described in additional requirement

Also please note their is not icon for image attachments.

 

[Mian Shahid]

If forum users can click an icon, they do it.
If the icon is then linked incorrectly, this results in a "404 not found" and users complain why an icon is linked if it does not work.

Can you fix the link, or at least remove it if it doesn't already work? Thank you for your work because the addon is otherwise very good.

<a href="{xf:link attachments, $attachment}" target="_blank"><img src="https://www.auer.url/styles/default/ITD/attach-icon/doc-itd-icon.png" alt="Kosten gemäß § 63 SGB X.doc"></a>

The broken link in the icon is also a disaster for SEO ...

I will try to fix this issue in a day or two

 

[Mian Shahid]

Mian Shahid updated [ITD] Attachment Icons II with a new update entry:

See Description . . . .

Fixed: link over attachment icon.

Read the rest of this update entry...