MyBB Community Forums

Full Version: Thanks Button Fontawesome
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
i have install Thanks plugin but 3 days ago i have use fontawesome for postbit buttions but Thanks button not shown with these fonts .
<i class="fa fa-iconhere"> Like</i>
(2015-03-02, 03:42 PM)PhantomD Wrote: [ -> ]
<i class="fa fa-iconhere"> Like</i>

where i add this code ?
Templates > your theme > Postbit Templates

Postbit and postbit_classic .. look near the bottom for all the other postbit buttons
(2015-03-02, 04:29 PM)iturdu Wrote: [ -> ]
(2015-03-02, 03:42 PM)PhantomD Wrote: [ -> ]
<i class="fa fa-iconhere"> Like</i>

where i add this code ?

Post your postbit code please.
Moved to Plugin Support.
This is my postbit template :

{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author">
	{$post['useravatar']}
<if $thread['uid'] == $post['uid'] then>
<div class="badge"></div>
</if>
	<div class="author_information">
			<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
			<span class="smalltext">
				{$post['usertitle']}<br />
				{$post['threadstarter']}
{$post['userstars']}
				{$post['groupimage']}{$post['ougc_agi']}
			</span>
	</div>
	<div class="author_statistics">
		{$post['user_details']}{$post['usercountry']}{$post['ougc_awards']}{$post['newpoints_postbit']}{$post['usermood']}
	</div>
</div>
<div class="post_content">
	<div class="post_head">
		{$post['posturl']}
		{$post['icon']}
		<span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
		{$post['subject_extra']}
	</div>
	<div class="post_body scaleimages" id="pid_{$post['pid']}">
		{$post['customrep']}{$post['message']}
	</div>
	{$post['attachments']} {$post['extendedpolls']}
	{$post['signature']}
	<div class="post_meta" id="post_meta_{$post['pid']}">
		{$post['iplogged']}
	</div>
</div>
<div class="post_controls">
	<div class="postbit_buttons author_buttons float_left">
		{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
	</div>
	<div class="postbit_buttons post_management_buttons float_right">
		{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
	</div>{$post['thxdsp_outline']}
</div>
</div>{myadvertisements[zone_3]}

(2015-03-02, 06:44 PM)Leefish Wrote: [ -> ]Moved to Plugin Support.

Thanks for Moving thread to Right Place .
Could someone point me in the right direction. I am using the plugin "Thanks" Created by Huji Lee and SaeedGh. Version. 3.9.2. I am trying to get a Font Awesome Icon to work with the button. I have edited the thx.css file to

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: url("images/buttons_bg.png") repeat-x scroll 0% 0% #EEE;
   border: 1px solid #CCC;
color: #555;
}

.postbit_buttons > a:hover {
border-color: #bbb;
}

.postbit_buttons a span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
   font-size: 12px;
}

.postbit_buttons a.postbit_thx_btn_add span:before {
content: "\f087";
}

.postbit_buttons a.postbit_thx_btn_remove span:before {
content: "\f088";
}

and this gave me a font awesome button that matches my forum theme Ejuice Forum. Now all that I lack is getting a thumbs up and thumbs down font awesome icon in the button.

Does anyone have any ideas?
(2015-03-06, 10:05 PM)mistere372002 Wrote: [ -> ]Could someone point me in the right direction. I am using the plugin "Thanks" Created by Huji Lee and SaeedGh. Version. 3.9.2. I am trying to get a Font Awesome Icon to work with the button. I have edited the thx.css file to

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: url("images/buttons_bg.png") repeat-x scroll 0% 0% #EEE;
   border: 1px solid #CCC;
color: #555;
}

.postbit_buttons > a:hover {
border-color: #bbb;
}

.postbit_buttons a span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
   font-size: 12px;
}

.postbit_buttons a.postbit_thx_btn_add span:before {
content: "\f087";
}

.postbit_buttons a.postbit_thx_btn_remove span:before {
content: "\f088";
}

and this gave me a font awesome button that matches my forum theme Ejuice Forum. Now all that I lack is getting a thumbs up and thumbs down font awesome icon in the button.

Does anyone have any ideas?

where i found thx.css file in themes i was unable to find .....?
(2015-03-08, 10:49 AM)iturdu Wrote: [ -> ]
(2015-03-06, 10:05 PM)mistere372002 Wrote: [ -> ]Could someone point me in the right direction. I am using the plugin "Thanks" Created by Huji Lee and SaeedGh. Version. 3.9.2. I am trying to get a Font Awesome Icon to work with the button. I have edited the thx.css file to


.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: url("images/buttons_bg.png") repeat-x scroll 0% 0% #EEE;
   border: 1px solid #CCC;
color: #555;
}

.postbit_buttons > a:hover {
border-color: #bbb;
}

.postbit_buttons a span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
   font-size: 12px;
}

.postbit_buttons a.postbit_thx_btn_add span:before {
content: "\f087";
}

.postbit_buttons a.postbit_thx_btn_remove span:before {
content: "\f088";
}

and this gave me a font awesome button that matches my forum theme Ejuice Forum. Now all that I lack is getting a thumbs up and thumbs down font awesome icon in the button.

Does anyone have any ideas?

where i found thx.css file in themes i was unable to find .....?

In cache/theme/global/thanks
Pages: 1 2