Table of Contents
Current Version: 2.6.4.1
Please direct all support requests here.
Download 24px smileys:
Tango Smileys (Version 24px) - 532 Hits
Description
Tango Smileys Extended (TSE) disables the built-in WordPress smileys and extends the number of available smileys from 18 to 202. The extended smileys can be input using standard emoticon shorthand, or through the CTI (Click to Insert) interface introduced in TSE 2.0.0b. Smileys in comments is also supported, and may be inserted using the standard emoticon shorthand or through the CTI interface introduced in TSE 2.0.1b. MCEComments is now supported as of TSE 2.5.2.0.
Installation
Installation of TSE is easy. Simply follow these directions:
- Upload
tango-smileys-extendedto the
/wp-content/plugins/directory. - Activate the plugin through the
Pluginsmenu in WordPress. - If this is your first installation of TSE, you may enable TSE on the TSE admin page at Settings » Tango Smileys Extended. If you are upgrading, TSE retains its settings from the previous installation. You may change the options on the TSE admin page at Settings » Tango Smileys Extended.
- The comment CTI interface is not supported by some themes, but standard emoticon shorthand will still work. See the FAQs for information on adding support for CTI to your theme. Comment CTI may be disabled on the TSE Options page.
Screenshots
Here are all 202 available smileys:
FAQs
The FAQ has been moved here.
Instead of leaving a comment requesting help, please direct all support requests here.
256 Comments 
Boogie on 
greenwizard on 
Hi, Great plugins constribution.
Can you help me please ?
I have wp-forum integrated in my wordpress website, this plugins can work very well in website for post comments.
and I want put this smileys to the forum integrated also.
what the php code must put with manual in my forum integrated ?
thanks
I’m sorry, but there is currently no (known) way to use the Tango Smileys in WP Forum. Since WP Forum has not been updated in over a year, and I cannot get it to work on my WordPress install, I have no plans to add support for it in the future. This may change in the future if WP Forum is ever updated, but it is not likely.
Why Tango Smileys Extended plugin doesn’t have an option at it’s admin area to change the images storage location to an alternative address like Sociable plugin does?
I have more than five WP installations, so that idea can solve the bandwith problem and give one address for one image at many WP installations, so the guest’s browser can cache the images well, and the result is all of the websites can loaded faster.
Sorry. Tango Smileys Extended is not designed that way, and never will be. I think Sociable is set up that way is so you can replace the default images with custom ones, and there is no reason for me to program that into TSE. There may be other smiley plugins that do this, but I’m unaware of any.
Wew,,thanks for your confirmation.
Two thumbs up!
very great plugin! 2 thumbs up
with indonesia flag. i hope you don’t mind
i’ve installed it dan added 1 smiley icon, i also changed
thanks
It is yours to change
Enjoy!
It’s a fabulous plugin. I love it, thank you. But just like some comments above, I can’t add the smiley by clicking it. I read every comments above hoping that would help me. Even after trying those solutions, I’m still stuck..
FYI, I’m currently using Shoutmix, Wibiya and YM Pingbox. Please be advise..
Unfortunately, your theme has two elements with the id “comment” which is improper HTML.
The only way to fix this is to change the id of one of the elements. TSE requires that the id of the textarea be comment, so you’ll have to search your theme’s files for
<div id="comment">and change the id to something else.Thanks,
I searched id=”comment” and always ended up in comments.php. I found nothing other than this line:
I checked the style.css and found two #comment {} style. I tried to change the first one assuming the second one is for textarea. Nothing’s happen.
I also tried to change both of them into #comments {}. nothing’s happen.. I’m too curious to stop now.
Here is the comments section of my style.css. Maybe you could help me figure it out.
#comment {
margin-bottom: 10px;
background: #040404;
width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
border: 1px solid #090909;
padding: 10px 15px;
color: #fff;
}
#comment a {
color: #6598b8;
}
#comment a:hover {
color: #fff;
}
#numberofcomments {
color: #fff;
font-size: 12pt;
margin-top: 10px;
}
ol#commentlist {
list-style: none;
margin: 10px 0;
font-size: 9pt;
}
#commentlist li {
margin: 0 0 15px 0;
padding: 10px;
background: #030303;
border: 1px solid #0a0a0a;
}
#commentlist li.alt {
background: #000;
border: 1px solid #010101;
border: none;
}
#commentlist li.cleared {
background: transparent;
border: none;
}
#commentlist a:hover {
color: #eee;
}
#commentlist a.gravatar {
float: left;
margin: 0 10px 0 0;
width: 69px;
}
#commentlist .commentbody {
margin: 0;
padding: 0 5px 0 0;
float: right;
width: 410px;
}
#commentlist .commentbody p a {
text-decoration: underline;
}
#commentlist cite {
font-size: 10pt;
font-style: normal;
color: #ddd;
}
#commentlist small.commentmetadata a {
color: #666;
}
#commentlist p {
color: #dedede;
}
#comment h3 {
font-size: 10pt;
font-weight: normal;
color: #fff;
margin: 15px 0 0 0;
padding: 0;
}
textarea#comment {
width: 450px;
background: #fff;
color: #111;
}
#comment #submit {
margin-left: 0px;
margin-top: -25px;
}
Sorry for the delay. It took me a long time to figure out the problem, but I think I found it.
You are using the theme called Pixeled, but I’m fairly sure you’re looking at the source for Pixel which is not surprising because it’s almost exactly the same and it’s by the same author.
Now, here’s your problem:
Pixeled has been replaced by Pixel. There are differences between the two. You can fix your copy of Pixeled, which I’ll tell you how to do below, or you can switch to Pixel, which will work immediately – but it may look slightly different.
To fix your copy of Pixeled, you’ll have to edit single.php on your server and replace
<div id="comment">with<div id="comments">AND replace all instances of #comment with #comments in your style.css file on your server.Great! It works! thank you very much.
You’re the man
I should also mention that you should leave textarea#comment as-is.
There is no im my comments.php
Here’s the complete file:
// Do not delete these lines
if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');
if ( post_password_required() ) { ?>
<p class="nocomments"><?php _e('This post is password protected. Enter the password to view comments.',woothemes); ?></p>
<?php
return;
}
?>
<!-- You can start editing here. -->
<div id="comments_wrap">
<?php sexycomments::show($comments); ?>
</div> <!-- end #comments_wrap -->
<?php if ('open' == $post->comment_status) : ?>
<div id="respond">
<h3><?php comment_form_title( __('Plaats Reactie',woothemes), __('Reageer op %s',woothemes) ); ?></h3>
<div class="cancel-comment-reply">
<p><small><?php cancel_comment_reply_link(); ?></small></p>
</div>
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p>Je moet <a href="<?php echo get_option('siteurl'); ? rel="nofollow">/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">inloggen</a> om te reageren.</p>
<?php else : ?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php if ( $user_ID ) : ?>
<p>Ingelogd als <a href="<?php echo get_option('siteurl'); ? rel="nofollow">/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(); ? rel="nofollow">" title="<?php _e('Gebruiker afmelden',woothemes); ?>"><?php _e('Uitloggen »',woothemes); ?></a></p>
<?php else : ?>
<?php if (function_exists('gravbox')) gravbox(); ?>
<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small><?php _e('Naam',woothemes); ?> <?php if ($req) echo "(verplicht)"; ?></small></label></p>
<p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small><?php _e('Mail (wordt niet getoond)',woothemes); ?> <?php if ($req) echo "(verplicht)"; ?></small></label></p>
<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small><?php _e('Website',woothemes); ?></small></label></p>
<?php endif; ?>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <?php echo allowed_tags(); ?></small></p>-->
<p><textarea name="comment" id="comment" rows="10" tabindex="4" style="width:85%"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="<?php _e('Plaats Reactie',woothemes); ?>" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php comment_id_fields(); ?>
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif; // If logged in ?>
<div class="fix"></div>
</div> <!-- end #respond -->
<?php endif; // if you delete this the sky will fall on your head ?>
Check the very bottom of single.php then. I don’t have a copy of your theme, so I don’t know exactly which file the div is in.
You are the man! That was the issue…! It works now!
Thank you very much! Have a nice weekend!
I’m glad it worked! Enjoy your weekend as well!
Yeah, it’s in your single.php file on line 51.
It’s AJAX Comment Preview but have removed it.. This is my comment field:
<p><input name="submit" type="submit" id="submit" tabindex="5" value="<?php _e('Plaats Reactie',woothemes); ?>" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php comment_id_fields(); ?>
<?php do_action('comment_form', $post->ID); ?>
</form>
There still appears to be a conflict with javascript, but I won’t be able to pinpoint it until I get in front of a computer.
I’m sure I’ll find the problem.
Ok, thanks for the cooperation. I am going to bed now, it’s two in the morning in the netherlands… Hop you have something for me when i wake up..!
Alright. I found the problem! The problem wasn’t a script conflict, it was an issue with invalid HTML.
Since the comment textarea has an ID of “comment” there should be no other element with the same ID in the generated HTML. Unfortunately, there is a div on your page that has “comment” as its ID.
I don’t know what template file is affected, but my guess is that it’s the comments.php file. If you look at your template files, just search for
<div id="comment">and consider changing the ID to something else. I changed the ID to “comments” and found no conflicts, but you may want to check your stylesheet to make sure the div wasn’t being styled as#comment { }(There is one reference to #comment in your stylesheet, but I think it is pointing to the textarea, so it is probably safe to rename the div ID to “comments” but you should double-check as I may have missed something.)
Once you change the ID of the div to something other than “comment“, the smileys will be clickable like they are supposed to be!
Ok, i have changed the ID of the text input form. This is how it looks:
But no clickable smiles…
The textarea MUST be
The problem is the
<div id="comment">which needs to be changed to something else.Hi,
I have the smae problem as some other users. The box with te smileys does appear but they aren’t clickable. I’ve tried all of the above fixes but they were helping me…
Could you please give some assistance?
Your smileys are not clickable because you have MCEComments enabled.
Open the Tango Smileys Extended options page and uncheck the MCEComments box, then click Update Options.
Ok, done… Uncheked MCEComments.
2 boxes cheked now:
Enable TSE in: Comments
Enable CTI for: Comments
But still not clickable…
Oh and i use Safari and Firefox with the latest WordPress version…
I can see a conflict with your comment preview script. Is that a plugin (if so, what is it called) or is it part of your theme?
It shouldnt take long to fix once i find the conflict.
It is a plugin but i have disabled it and it doesn’t help…
Even disabled, the plugin is loading its scripts for your comment form.
What plugin is it?
When I click the smiley, it is not entered in the text box. I have tried everything that you have suggested. I also would like the smiley to be displayed when hovered over. For example, when I hover over the smiley face, I’d like it to display
.
Please advise! I would really like to use these smileys!
Your smileys are not clickable because you have MCEComments enabled. If you open the Tango Smileys Extended options page, you should uncheck the MCEComments box and click Update Options.
As for tooltips for the images, it’s actually a quick fix, so I’ll add it to the next version of TSE.
I tried the new Upgrade, but it didn’t work. No smilies were shown.
I take the old version of Tango smilies – but now there is no Piggy Icon in my blog… What’s wrong?
Tango Smileys Extended version 2.5.6.1 is not compatible with any version of WordPress earlier than 2.8. The plugin page on WordPress.org is not updated to show the new requirements.
Since you’re using WordPress 2.8.5, you should revert to using TSE version 2.5.4.1, or consider updating to anything newer than 2.8.
Also, if you revert to TSE version 2.5.4.1, you’ll need to go to the options page and update the settings.
I am using WordPress 2.6.5.
I had now installed the old Tango version, that works formerly fine. But now there is no Piggy Icon and the smilies on the blog shown double. I have nothing changed…
I had updatet the seetings.
Deactivate TSE, delete the TSE folder and all files in it, and then reinstall version 2.5.4.1.
Some of the files changed and it looks like you have two instances of the plugin running.
Once you have deleted all of the files and reinstalled TSE, check the options page. Even if the options are correct, click the Update Settings button anyway.
Hopefully this works.
Looking back, you had the same issue before with the
icon not showing up. Unchecking the Enable TSE in Posts & Pages box and updating settings, then rechecking the box and updating settings again fixed the problem before, so I’m sure it will fix the issue again.
I know, that I had the same problem before, but I can’t find my old comment.
I had forgotten the right settings….
Exists a screenshot from the “Tango Smileys Extended: Options”?
I’ve tried everything, but nothing happens anywere.
Did you completely uninstall and reinstall the plugin?
Deactivate TSE, delete the TSE folder and all files in it, and then reinstall version 2.5.4.1.
Done…
nothing changes
Ok.
Now uncheck everything on the TSE Options page and click Update Options.
Then, check the options you want and click Update Options again.
This should fix the
icon.
The Browser Safari shows the piggy-icon, but firefox shows no piggy-icon
The smilies shown at the comment form two times in all browser.
Were you using TSE version 2.5.4.1 before you upgraded, or were you using version 2.5.2.8? I didn’t know anyone was still using WordPress 2.6.x, so you may have to revert even further for TSE to work.
And the issue with the smileys on the comment form is in your comments.php file in your theme. I’m guessing you changed themes at some point? If you open your theme’s comments.php file and go to line 90, you can delete the
<?php tse_cti_anywhere(); ?>since your new theme is already compatible.Hello, I’ve installed Tango Smileys Extended in my site and appeared in end of comment box but didn’t reply by click.
Even I can insert smily icon in this comment! I checked this problem with Opera 10, IE8 web browser but the problem exist.
thanks
You should open the Tango Smileys Option page (under Settings) and make sure MCEComments is unchecked. If it is already unchecked, click the Update Options button and it should fix itself.
The smileys for here were disabled because I’m testing a new version.
Hello, thanks about reply, I followed your recommendation, but the problem didn’t fix.
My WordPress version is 2.8.5.
Sorry for the delay…
Turn off CTI for comments and open comments.php
Find your comment textarea and add the following below it:
<?php CTIStyle(); ?>
I know why you’re having a problem and I know how to fix it, but I’m not at a computer so it will be a little while before I can get you instructions on how to get the plugin to work.
Sorry
Hello, thanks a lot about your helps and kindness to me, I did whatever you said but i couldn’t fixed the problem. I think I should learn PHP language.
If you are still interested in using my plugin, I can give you step-by-step instructions. It’s not difficult and can be done in a few minutes.
Dear Whesley,
I have just updated my plugin to new version, but all the smileys are now shown as a symbol like “x”.
How can I fix it?
Thanks
It looks like it didn’t update properly.
I recommend you deactivate the plugin, uninstall it, and reactivate it.
Let me know if this works.
I followed your recommendations, but it is still the same.
The problem is a compatibility issue with WordPress 2.7.1, so I changed the plugin a bit and emailed you some replacement files.
Just replace the files in the
/wp-content/plugins/tango-smileys-extendedfolder with the files I just emailed you.I’ve confirmed the issue lies with WordPress version 2.7.1. My best recommendation is that you update WordPress to 2.8+ – even if only for the security fixes that are available in the newer versions.
But… If you are really committed to version 2.7.1, I suggest reverting to version 2.5.4.1 of Tango Smileys Extended to maintain full functionality.
Thanks a lot for your help.
I’ve received about 30 additional smileys in the form of gif’s, bmp’s… from someone, some of the smileys are nice animated one’s.
How do I go about adding them in the code, and would you be interested if I mailed them to you?
Another thing, many bloggers have asked whether there is a way to make the smileys larger, so that one can see the pics clearer?
If you email the smileys (archived) and let me know what shorthand you want to use with each smiley, I’ll send you a modified version of the plugin.
Also, I have 24px versions of all of the current smileys which I can include as part of the customized plugin.
Just email everything to whesleymccabe@slightofmind.net and I’ll get it set up for you
Thanks man, you’ve got MAIL !
Hello! I’m here again! When I atualized your plugin, the panel to show smiles under the coment form has disappear! I don’t know what’s the problem!
I change to the old one and now it’s perfect! I think the new has some bug! Can you verify this? Thanks!
There was a typo in the new version, which is now fixed. You can now safely update to the newer version 2.5.6.1 when it becomes available (within 15 minutes).
Sorry for the problem
No problem! I changed to the old version while u solve ythe problem! Now, everything is perfect again!!!
Thanks for all!!!
=***
P.S.: I clicked at smiles in this post and it not appear here! U probably mark the MCEComments option!
You’re right!
I was testing to make sure MCEComments worked and I forgot to turn it off!
Thanks
I can see the smileys under your comment form. Did you reinstall the old version?
U post at the same time I’ve posted! =P
=***
Worked very well, all that I needed was to follow the instructions.
Thanks!