1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained FontAwesome Icons in Message Buttons

FontAwesome!

  1. Matthew Hawley

    Matthew Hawley Well-Known Member

    Matthew Hawley submitted a new resource:

    FontAwesome Icons in Message Buttons - FontAwesome!

    Read more about this resource...
     
  2. kkk

    kkk Member

    What is it and where is it?
     
  3. Matthew Hawley

    Matthew Hawley Well-Known Member

    The template is called post
     
  4. kkk

    kkk Member

    tnx
     
  5. kram242

    kram242 Member

    Hello thank you for sharing this nice mod
    I am trying to change the icon colors but am having a tough time at it any help would be great
    I understand that I need to add the color# to the style= but not exactly sure how it should be phrased in the code
    Thanks
     
  6. Matthew Hawley

    Matthew Hawley Well-Known Member

    For example, if you wanted to change the color to red you would do this:

    Code:
    <i class="icon-remove icon-large icon-fixed-width" style="padding-right:4px; color:red;"></i>
     
    Barbossa likes this.
  7. Brandon Sheley

    Brandon Sheley Well-Known Member

    Hello,

    Can you provide a screenshot of what this would look like on xenforo?
     
  8. Matthew Hawley

    Matthew Hawley Well-Known Member

    Look at the bottom of the resource page...
     
  9. Brandon Sheley

    Brandon Sheley Well-Known Member

    thanks, I see it now
     
  10. kram242

    kram242 Member

    Thanks Matthew :D
     
  11. Matthew Hawley

    Matthew Hawley Well-Known Member

  12. markku

    markku Well-Known Member

    Following this tutorial the "history" link (post edit history) for moderators (in xf 1.2) is removed from the post template.
     
  13. sayden

    sayden Member

    There are also colour ful Icons or you can addy our own?
     
  14. teletubbi

    teletubbi Active Member

    Here are the Version for Xenforo 1.3

    Code:
    <xen:include template="message">
    
        <xen:map from="$post" to="$message" />
    
        <xen:set var="$messageId">post-{$post.post_id}</xen:set>
     
        <xen:set var="$likesUrl">{xen:link posts/likes, $post}</xen:set>
     
        <xen:set var="$messageContentAfterTemplate"><xen:if is="{$post.attachments}"><xen:include template="attached_files" /></xen:if></xen:set>
     
        <xen:set var="$messageAfterTemplate">
                 
            <div class="messageMeta ToggleTriggerAnchor">
             
                <div class="privateControls">
                    <xen:if is="{$post.canInlineMod}"><input type="checkbox" name="posts[]" value="{$post.post_id}" class="InlineModCheck item" data-target="#post-{$post.post_id}" title="{xen:phrase select_this_post_by_x, 'name={$post.username}'}" /></xen:if>
                    <span class="item muted">
                        <span class="authorEnd"><xen:username user="$post" class="author" />,</span>
                        <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
                    </span>
                    <xen:hook name="post_private_controls" params="{xen:array 'post={$post}'}">
                    <xen:if is="{$post.canEdit}">
                        <a href="{xen:link posts/edit, $post}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}"
                            data-href="{xen:link posts/edit-inline, $post}" data-overlayOptions="{&quot;fixed&quot;:false}"
                            data-messageSelector="#post-{$post.post_id}"><span><i class="fa fa-pencil fa-lg" style="padding-right:4px;"></i></span>{xen:phrase edit}</a>
                        <xen:require js="js/xenforo/discussion.js" />
                    </xen:if>
                    <xen:if is="{$post.edit_count} && {$post.canViewHistory}"><a href="{xen:link posts/history, $post}" class="item control history ToggleTrigger"><span><i class="fa fa-exchange fa-lg" style="padding-right:4px;"></i></span>{xen:phrase history}</a></xen:if>
                    <xen:if is="{$post.canDelete}"><a href="{xen:link posts/delete, $post}" class="item control delete OverlayTrigger"><span><i class="fa fa-times fa-lg" style="padding-right:4px;"></i></span>{xen:phrase delete}</a></xen:if>
                    <xen:if is="{$post.canCleanSpam}"><a href="{xen:link spam-cleaner, $post}" class="item control deleteSpam OverlayTrigger"><span><i class="fa fa-times-circle fa-lg" style="padding-right:4px;"></i></span>{xen:phrase spam}</a></xen:if>
                    <xen:if is="{$canViewIps} AND {$post.ip_id}"><a href="{xen:link posts/ip, $post}" class="item control ip OverlayTrigger"><span><i class="fa fa-user fa-lg" style="padding-right:4px;"></i></span>{xen:phrase ip}</a></xen:if>
                 
                    <xen:if is="{$post.canWarn}">
                        <a href="{xen:link members/warn, $post, 'content_type=post', 'content_id={$post.post_id}'}" class="item control warn"><span><i class="fa fa-warning-sign fa-lg" style="padding-right:4px;"></i></span>{xen:phrase warn}</a>
                    <xen:elseif is="{$post.warning_id} && {$canViewWarnings}" />
                        <a href="{xen:link warnings, $post}" class="OverlayTrigger item control viewWarning"><span></span>{xen:phrase view_warning}</a>
                    </xen:if>
                    <xen:if is="{$post.canReport}">
                        <a href="{xen:link posts/report, $post}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span><i class="fa fa-exclamation-triangle fa-lg" style="padding-right:4px;"></i></span>{xen:phrase report}</a>
                    </xen:if>
                 
                    </xen:hook>
                </div>
             
                <div class="publicControls">
                    <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="item muted postNumber hashPermalink OverlayTrigger" data-href="{xen:link posts/permalink, $post}">#{xen:calc '{$post.position} + 1'}</a>
                    <xen:hook name="post_public_controls" params="{xen:array 'post={$post}'}">
                    <xen:if is="{$post.canLike}">
                        <a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span></span><i class="fa fa-thumbs-up fa-lg" style="padding-right:4px;"></i><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
                    </xen:if>
                    <xen:if is="{$canReply}">
    
                        <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                            data-messageid="{$post.post_id}"
                            class="MultiQuoteControl JsOnly item control"
                            title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><i class="fa fa-reply-all fa-lg" style="padding-right:4px;"></i><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                        <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                            data-postUrl="{xen:link posts/quote, $post}"
                            data-tip="#MQ-{$post.post_id}"
                            class="ReplyQuote item control reply"
                            title="{xen:phrase reply_quoting_this_message}"><span><i class="fa fa-reply fa-lg" style="padding-right:4px;"></i></span>{xen:phrase reply}</a>
                    </xen:if>
                    </xen:hook>
                </div>
            </div>
        </xen:set>
     
    </xen:include>
     
    Last edited: Jul 20, 2014
  15. Barbossa

    Barbossa Active Member

    How to keep only icons, and remove words?
     
  16. teletubbi

    teletubbi Active Member

    Just delete for example
    Code:
    {xen:phrase edit}
     
  17. Barbossa

    Barbossa Active Member

    Thanks, I am planning to remove those and putting back as tooltip. :)
     
  18. Barbossa

    Barbossa Active Member

  19. teletubbi

    teletubbi Active Member

    Read post #6
     
  20. Lexy

    Lexy Active Member

    it is works on all themes or only in default ones
     

Share This Page