• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Sticky threads with animed image

Allan

Well-known member
Sticky threads with animed image
___________________
This change image original by animed image more visible

Demo: http://xenfrench.com/forum/forums/actualités-xenforo-com.12/

(Image animed: sticky.gif )

  • In "discussion_list.css" template, change:
Code:
.discussionListItem .iconKey span
        {
            @property "dicussionListIcon";
            margin-left: 3px;
            text-indent: -10000em;
            float: right;
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
            @property "/dicussionListIcon";
        }

            .discussionListItem .iconKey .sticky    { background-image: url('@imagePath/xenforo/icons/sticky.png'); }
/
By
Code:
.discussionListItem .iconKey span
        {
            @property "dicussionListIcon";
            margin-left: 3px;
            text-indent: -10000em;
            float: right;
            background-repeat: no-repeat;
            width: 54px;
            height: 16px;
            @property "/dicussionListIcon";
        }

            .discussionListItem .iconKey .sticky    { background-image: url('@imagePath/xenforo/icons/sticky.gif'); }
  • In "thread_list_item" template, change:
Code:
<xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase sticky}">{xen:phrase sticky}</span></xen:if>
By
Code:
<xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase sticky}"><img src="@imagePath/xenforo/icons/sticky.gif"></span></xen:if>
  • Upload this image: sticky.gif in "../styles/default/xenforo/icons/"
 

Attachments

  • important.webp
    important.webp
    10.6 KB · Views: 156
Thanks!, You can make an image (animation) for my forum with the text "IMPORTANTE" please? with blue color.


Thanks, implemented on my website.
 
Thanks!, You can make an image (animation) for my forum with the text "IMPORTANTE" please? with blue color.


Thanks, implemented on my website.
For you :)

In "discussion_list.css" template, change width: 54px; by width: 67px;
 

Attachments

  • IMPORTANTE.gif
    IMPORTANTE.gif
    9.6 KB · Views: 65
I think it would be helpful if the animated image had a link to the thread.
As well, it might be nice if the animated image went away if someone visited the sticky thread.
 
Top Bottom