The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Emoticons Style

View previous topic View next topic Go down

Solved Emoticons Style

Post by MasterSly on January 12th 2013, 8:49 pm

How to delete this

and to put like this


I use PunBB Smile

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Emoticons Style

Post by MasterSly on January 12th 2013, 9:58 pm

I put the following codes
CSS Stylesheet
Code:
#smiley-box {
    padding: 10px;
    border: 1px solid #105389;
}
Javascript
Code:
$(function() {
    var sb = document.getElementById('smiley-box');
    if(!sb) return;
    sb.style.position = 'absolute'; sb.style.visibility = 'hidden';
    document.getElementById('text_editor_select_controls').appendChild(sb);
    document.getElementById('format-buttons').innerHTML += '<button type="button" class="button2" onclick="selectWysiwyg(this, \'smiley-box\')"><img src="http://illiweb.com/fa/i/smiles/icon_smile.gif" title="Smilies"></button>';
    document.getElementById('textarea_content').style.width = '100%';
});
and it is okay Smile
but how can i move this

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Emoticons Style

Post by SLGray on January 12th 2013, 10:33 pm

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Emoticons Style

Post by Cassius Dio on January 12th 2013, 11:23 pm

Hi,

Replace the JavaScript code you posted above to this:
Code:
$(function() {
    var sb = document.getElementById('smiley-box');
    if(!sb) return;
    sb.style.position = 'absolute'; sb.style.visibility = 'hidden';
    document.getElementById('text_editor_select_controls').appendChild(sb);
    document.getElementById('format-buttons').innerHTML += '<button type="button" class="button2 special-smilies" onclick="selectWysiwyg(this, \'smiley-box\')"><img src="http://illiweb.com/fa/i/smiles/icon_smile.gif" title="Smilies"></button>';
    document.getElementById('textarea_content').style.width = '100%';
});

$(document).ready(function(){
$('.special-smilies').insertBefore($('button.button2[title="Font size"]'));
});

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Emoticons Style

Post by MasterSly on January 13th 2013, 10:14 am

Solved Very Happy

Thank you SGSS Smile

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Emoticons Style

Post by SLGray on January 13th 2013, 5:10 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum