Emoticons Style

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
avatar
MasterSly
Forumember

Male Posts : 165
Reputation : 6

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
avatar
MasterSly
Forumember

Male Posts : 165
Reputation : 6

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 43098
Reputation : 3052
Language : English
Location : United States

https://fmthemes.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"]'));
});
avatar
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
avatar
MasterSly
Forumember

Male Posts : 165
Reputation : 6

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 43098
Reputation : 3052
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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