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.

More color and text options

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved More color and text options

Post by PlayToy on August 2nd 2017, 9:34 pm

First topic message reminder :

Is it possible to add more font and color options to the chat bubble?


Last edited by PlayToy on August 7th 2017, 12:35 am; edited 1 time in total
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down


Solved Re: More color and text options

Post by PlayToy on August 5th 2017, 2:45 am

@SLGray wrote:I just noticed you added something to the font code which you should have not.

You need to add it to your CSS stylesheet:
Code:
.sceditor-font-picker {
  height:250px;
  width:150px;
  overflow-y:auto;
}

Yea i kinda figured that out to....dummy me..
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 5th 2017, 2:49 am

Like the the number one here
addSize(1, 'before');
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 5th 2017, 3:12 am

@Draxion wrote:HI means in this code. Remove all the numbers that are already in the editor by default.
Code:
$(function(){$(function() {
  $('.sceditor-button-size').click(function() {
    addSize(1, 'before');
    addSize(2, 'before');
    addSize(3, 'before');
    addSize(4, 'before');
    addSize(5, 'before');
    addSize(6, 'before');
    addSize(7, 'before');
    addSize(8, 'before');
    addSize(9, 'before');
    addSize(10, 'before');
    addSize(11, 'before');
    addSize(12, 'before');
    addSize(13, 'before');
    addSize(14, 'before');
    addSize(15, 'before');
    addSize(16, 'before');
    addSize(17, 'before');
    addSize(18, 'before');
    addSize(19, 'before');
    addSize(20, 'before');
  
    addSize(26, 'after');
    addSize(28, 'after');
    addSize(30, 'after');
 
    $('.sceditor-fontsize-option.new-size').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[size='+$(this).attr('data-size')+']','[/size]');$('.sceditor-fontsize-picker').remove();e.preventDefault()})
  });
  function addSize(size, position){
    var data = '<a unselectable="on" class="sceditor-fontsize-option new-size" href="#" data-size="'+size+'"><span unselectable="on" style="font-size:'+size+'px;">'+size+'</span></a>';
    if (position == 'after' || position == null) $('.sceditor-fontsize-picker div').append(data);
    if (position == 'before') $('.sceditor-fontsize-picker div').prepend(data);
  }
})});
I tested this on my forum, and it worked.  The only thing is the number are reverse.  Instill of 1,2,3..., it is ...3,2,1.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 5th 2017, 6:06 pm

I do not know what is going on and why but I tried a different tut here Forum Font Size Selector and still cant make an option to make more font sizes. Could something be conflicting with the Javascript Codes from making it?
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 5th 2017, 6:37 pm

Add the first font tutorial and post a link to a section where guests can post on your forum.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 5th 2017, 7:16 pm

@SLGray wrote:Add the first font tutorial and post a link to a section where guests can post on your forum.
This is the code...
Code:
$(function(){$(function() {
  $('.sceditor-button-size').click(function() {
    addSize(10, 'before');
    addSize(8, 'before');
    addSize(6, 'before');
    addSize(4, 'before');
    addSize(2, 'before');
    addSize(1, 'before');
 
    $('.sceditor-fontsize-option.new-size').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[size='+$(this).attr('data-size')+']','[/size]');$('.sceditor-fontsize-picker').remove();e.preventDefault()})
  });
  function addSize(size, position){
    var data = '<a unselectable="on" class="sceditor-fontsize-option new-size" href="#" data-size="'+size+'"><span unselectable="on" style="font-size:'+size+'px;">'+size+'</span></a>';
    if (position == 'after' || position == null) $('.sceditor-fontsize-picker div').append(data);
    if (position == 'before') $('.sceditor-fontsize-picker div').prepend(data);
  }
})});
And this is my site http://bestwowaddons.forumotion.com/
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 5th 2017, 7:20 pm

Is there a section for guests to post?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 5th 2017, 7:35 pm

@SLGray wrote:Is there a section for guests to post?
I applied it to the whole forum, so anywhere you want to.

Don't mind the "Must register/login to comment." I added to the topics, I enabled guest chat just now for this situation.
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 5th 2017, 10:04 pm

I suppose that their was no salution to my problem?
I don't know if this may help, but here is the Administration Panel > Display > Colors > CSS stylesheet. Maybe something here is screwing with it.
Administration Panel > Display > Colors > CSS stylesheet
Code:
body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.mainoption:hover{
font-weight:bold;
background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');
background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;}
.thRight{border:none !important;}
.forumline{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/b1_bas10.png');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;}  .bodyline{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/217.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#2e2b26 !important;color:#a79f91;}
.attachbox{
background-color:#2e2b26;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{
background-color:#212121;
margin-top:8px;padding:5px;
border:1px solid #6c6657;-moz-border-radius:15px;
-webkit-border-radius:15px;border-radius:15px;
-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid  #37342d;}  .container_IE{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/copy11.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}
#i_icon_mini_index{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/412.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/412.png) no-repeat 0 -22px;}
#i_icon_mini_portal{width:80px; height:22px; background:url(http://i30.servimg.com/u/f30/13/30/32/72/p111.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i30.servimg.com/u/f30/13/30/32/72/p111.png) no-repeat  0 -22px;}
#i_icon_mini_gallery{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/211.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/211.png) no-repeat  0 -22px;}
#i_icon_mini_calendar{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/311.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/311.png) no-repeat  0 -22px;}
#i_icon_mini_faq{width:80px; height:22px; background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat  0 -22px;}
#i_icon_mini_search{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/511.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/511.png) no-repeat  0 -22px;}
#i_icon_mini_members{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/611.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/611.png) no-repeat  0 -22px;}
#i_icon_mini_groups{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/711.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/711.png) no-repeat  0 -22px;}
#i_icon_mini_profile{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/810.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/810.png) no-repeat  0 -22px;}
#i_icon_mini_message{width:80px; height:22px; background:url(http://i35.servimg.com/u/f35/11/95/30/70/913.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/913.png) no-repeat 0 -22px;}
#i_icon_mini_new_message{width:80px; height:22px; background:url(http://i35.servimg.com/u/f35/11/95/30/70/p210.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/p210.png) no-repeat  0 -22px;}
#i_icon_mini_logout{width:34px; height:22px; background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat  0 -22px;}
#i_icon_mini_register{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/111.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/111.png) no-repeat  0 -22px;}
#i_icon_mini_login{width:34px; height:22px; background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat  0 -22px;}
.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
button.button2,input.button2{
color:#000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
a:link:hover, a:link:focus
{color: #fff;
  text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
  transition: 800ms;
}
.sceditor-font-picker {
  height:250px;
  width:150px;
  overflow-y:auto;
}
.sceditor-fontsize-picker div {
  height:150px;
  width:75px;
  overflow-y:auto;
  overflow-x:hidden;
}
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 6th 2017, 4:48 pm

I went ahead and just made a totally new site from scratch and everything works now except the more fonts issue. I have the fonts downloaded but will not show up on my forum. Here is the code I added.
Code:
$(function(){$(function() {
  $('.sceditor-button-font').click(function() {
    addFont('Cabin Semi Bold Italic');
    addFont('Cabin Semi Bold');
    addFont('Cabin Regular');
    addFont('Cabin Medium Italic');
    addFont('Cabin Medium');
    addFont('Cabin Italic');
    addFont('Cabin Bold Italic');
    addFont('Abril');
    addFont('Cabin Bold');
    addFont('Abril');
    addFont('Calibri');
    addFont('Papyrus');
    addFont('Abril Fatface');
    addFont('Anton');
    addFont('Arbutus');
    addFont('Archivo Black');
    addFont('Bree Serif');
    addFont('Cabin');
    addFont('Creepster');
    addFont('Dhurjati');
    addFont('Fjalla One');
    addFont('Freckle Face');
    addFont('Gurajada');
    addFont('Lilita One');
    addFont('Merriweather Sans');
    addFont('Merriweather Sans Bold');
    addFont('Merriweather Sans Bold Italic');
    addFont('Merriweather Sans Extra Bold');
    addFont('Merriweather Sans Extra Bold Italic');
    addFont('Merriweather Sans Italic');
    addFont('Merriweather Sans Light');
    addFont('Merriweather Sans Light Italic');
    addFont('New Rocker');
    addFont('Nosifer');
    addFont('Oswald');
    addFont('Oswald Bold');
    addFont('Oswald Extra Light');
    addFont('Oswald Light');
    addFont('Oswald Medium');
    addFont('Oswald Semi Bold');
    addFont('Passion One');
    addFont('Passion Black');
    addFont('Passion One Bold');
    addFont('Patua One');
    addFont('Righteous');
    addFont('Russo One');
    addFont('Secular One');
    addFont('Sedgwick Ave Display');
    addFont('Suez One');
    addFont('Teko');
    addFont('Teko Bold');
    addFont('Teko Light');
    addFont('Teko Medium');
    addFont('TekoSemi Bold');
    addFont('Ultra');
    addFont('UnifrakturMaguntia');
 
    $('.sceditor-font-option.new-font').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[font='+$(this).attr('data-font')+']','[/font]');$('.sceditor-font-picker').remove();e.preventDefault()})
  });
  function addFont(font){$('.sceditor-font-picker div').append('<a unselectable="on" class="sceditor-font-option new-font" href="#" data-font="'+font+'"><font unselectable="on" face="'+font+'">'+font+'</font></a>')}
})});
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by Justice™ on August 6th 2017, 5:04 pm

Hi,

PM me a test accounut so that I can see the text editor and see why it's not working.
avatar
Justice™
Forumember

Posts : 521
Reputation : 121
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 6th 2017, 8:40 pm

This is really PmO! What ever I add or do does not seem to work! I made a completely new forum and it still does not do what i added! I followed the instructions on every post instructions and nothing....
Personalize the color palette of the editor
Add more topic title colors
Add more font choices to the Editor
adding more font sizes
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 6th 2017, 8:49 pm

Do you have JavaScript Management activated?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 6th 2017, 9:52 pm

@SLGray wrote:Do you have JavaScript Management activated?
yes i do Sad I've tried different themes, skins, and versions and its all the same. bwi
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 6th 2017, 10:40 pm

What exactly is not working?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 6th 2017, 11:15 pm

@SLGray wrote:What exactly is not working?
Personalize the color palette of the editor
Add more topic title colors
Add more font choices to the Editor
adding more font sizes
I do not know why these mods are not working. I followed the instructions provided and nothing will work as intended.here are the codes i made.....

Font Size
Code:
$(function(){$(function() {
  $('.sceditor-button-size').click(function() {
    addSize(20, 'before');
    addSize(19, 'before');
    addSize(18, 'before');
    addSize(17, 'before');
    addSize(16, 'before');
    addSize(15, 'before');
    addSize(14, 'before');
    addSize(13, 'before');
    addSize(12, 'before');
    addSize(11, 'before');
    addSize(10, 'before');
    addSize(9, 'before');
    addSize(8, 'before');
    addSize(7, 'before');
    addSize(6, 'before');
    addSize(5, 'before');
    addSize(4, 'before');
    addSize(3, 'before');
    addSize(2, 'before');
    addSize(1, 'before');
 
    $('.sceditor-fontsize-option.new-size').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[size='+$(this).attr('data-size')+']','[/size]');$('.sceditor-fontsize-picker').remove();e.preventDefault()})
  });
  function addSize(size, position){
    var data = '<a unselectable="on" class="sceditor-fontsize-option new-size" href="#" data-size="'+size+'"><span unselectable="on" style="font-size:'+size+'px;">'+size+'</span></a>';
    if (position == 'after' || position == null) $('.sceditor-fontsize-picker div').append(data);
    if (position == 'before') $('.sceditor-fontsize-picker div').prepend(data);
  }
})});

Personalized Color pallet
Code:
$(function(){$(function(){
  if ($("#text_editor_textarea").length < 1) return;
  $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
    var mColorBasic = [],
    html = $('<div />');
               
    // begin list of colors
             
    mColorBasic["Black"] = "#000000";
    mColorBasic["Dark Blue"] = "#00008B";
    mColorBasic["Teal"] = "#008080";
    mColorBasic["Dark Green"] = "#006400";
    mColorBasic["Indigo"] = "#4B0082";
    mColorBasic["Crimson"] = "#DC143C";
    mColorBasic["Orange"] = "#FF6A00";
    mColorBasic["Brown"] = "#663300";
       
    mColorBasic["Dark Gray"] = "#666666";
    mColorBasic["Royal Blue"] = "#4169E1";
    mColorBasic["Dark Turquoise"] = "#00CED1";
    mColorBasic["Green"] = "#008000";
    mColorBasic["Purple"] = "#9400D3";
    mColorBasic["Red"] = "#FF0000";
    mColorBasic["Light Orange"] = "#FF9933";
    mColorBasic["Sienna"] = "#A0522D";
       
    mColorBasic["Light Gray"] = "#D3D3D3";
    mColorBasic["Sky Blue"] = "#87CEEB";
    mColorBasic["Cyan"] = "#00FFFF";
    mColorBasic["Green Apple"] = "#32CD32";
    mColorBasic["Mauve"] = "#DA70D6";
    mColorBasic["Salmon"] = "#FA8072";
    mColorBasic["Gold"] = "#FFD700";
    mColorBasic["Light Brown"] = "#CD853F";
       
    mColorBasic["White"] = "#FFFFFF";
    mColorBasic["Pale Turquoise"] = "#AFEEEE";
    mColorBasic["Blue Green"] = "#7FFFD4";
    mColorBasic["Pale Green"] = "#98FB98";
    mColorBasic["Pink"] = "#FFC0CB";
    mColorBasic["Peach"] = "#FFDAB9";
    mColorBasic["Yellow"] = "#FFFF00";
    mColorBasic["Wood"] = "#DEB887";
   
    mColorBasic["tan two"] = "#B79666";
    mColorBasic["tan"] = "#C4A577";
    mColorBasic["gray two"] = "#B79666";
    mColorBasic["Burnt Orange"] = "#AC7000";
    mColorBasic["Fun Green"] = "#00B621";
    mColorBasic["Bronze"] = "#A0522D";
    mColorBasic["Dark Red"] = "#B70000";
    mColorBasic["White Grey"] = "#A0A0A0";
   
   
             
    // end list of colors
             
    for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
             
    html.find('span').click(function(e) {
      callback($(this).attr('color'));
      editor.closeDropDown(true);
      e.preventDefault();
    });
             
    editor.createDropDown(caller, "color-picker", html);
  }
})});

More Fonts
Code:
$(function(){$(function() {
  $('.sceditor-button-font').click(function() {
    addFont('Cabin Semi Bold Italic');
    addFont('Cabin Semi Bold');
    addFont('Cabin Regular');
    addFont('Cabin Medium Italic');
    addFont('Cabin Medium');
    addFont('Cabin Italic');
    addFont('Cabin Bold Italic');
    addFont('Abril');
    addFont('Cabin Bold');
    addFont('Abril');
    addFont('Calibri');
    addFont('Papyrus');
    addFont('Abril Fatface');
    addFont('Anton');
    addFont('Arbutus');
    addFont('Archivo Black');
    addFont('Bree Serif');
    addFont('Cabin');
    addFont('Creepster');
    addFont('Dhurjati');
    addFont('Fjalla One');
    addFont('Freckle Face');
    addFont('Gurajada');
    addFont('Lilita One');
    addFont('Merriweather Sans');
    addFont('Merriweather Sans Bold');
    addFont('Merriweather Sans Bold Italic');
    addFont('Merriweather Sans Extra Bold');
    addFont('Merriweather Sans Extra Bold Italic');
    addFont('Merriweather Sans Italic');
    addFont('Merriweather Sans Light');
    addFont('Merriweather Sans Light Italic');
    addFont('New Rocker');
    addFont('Nosifer');
    addFont('Oswald');
    addFont('Oswald Bold');
    addFont('Oswald Extra Light');
    addFont('Oswald Light');
    addFont('Oswald Medium');
    addFont('Oswald Semi Bold');
    addFont('Passion One');
    addFont('Passion Black');
    addFont('Passion One Bold');
    addFont('Patua One');
    addFont('Righteous');
    addFont('Russo One');
    addFont('Secular One');
    addFont('Sedgwick Ave Display');
    addFont('Suez One');
    addFont('Teko');
    addFont('Teko Bold');
    addFont('Teko Light');
    addFont('Teko Medium');
    addFont('TekoSemi Bold');
    addFont('Ultra');
    addFont('UnifrakturMaguntia');
 
    $('.sceditor-font-option.new-font').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[font='+$(this).attr('data-font')+']','[/font]');$('.sceditor-font-picker').remove();e.preventDefault()})
  });
  function addFont(font){$('.sceditor-font-picker div').append('<a unselectable="on" class="sceditor-font-option new-font" href="#" data-font="'+font+'"><font unselectable="on" face="'+font+'">'+font+'</font></a>')}
})});

Topic Colors
Code:
$(function() {
  if (!document.post || !document.post.topic_color) return;
  var colors = {
    'Crimson' : '#DC143C',
    'Tomato' : '#FF6347',
    'Orange Red' : '#FF4500',
    'Pink' : '#FFC0CB',
    'Magenta' : '#FF00FF',
    'Violet' : '#EE82EE',
    'Sky' : '#87CEEB',
    'Light Sky' : '#87CEFA',
    'Slate Blue' : '#6A5ACD',
    'Steel Blue' : '#4682B4',
    'Teal' : '#008080',
    'Lime' : '#00FF00',
    'Dark Green' : '#006600',
    'Light Green' : '#90EE90',
    'Yellow Green' : '#9ACD32',
    'Dark Grey' : '#808080',
    'Blood Red' : '#B70000',
    'Suttle Orange' : '#FF6A00',
    'Soft Grey' : '#A0A0A0',
    'Whit Grey' : '#C0C0C0'
  },
  a, b = document.post.topic_color, c = b.childNodes, i = 0, j = c.length, k;
  for (k in colors) {
    a = document.createElement('OPTION');
    a.innerHTML = k;
    a.style.color = colors[k];
    a.value = colors[k];
    b.insertBefore(a, b.firstChild);
  };
  for (; i<j; i++) if (c[i].style.color == document.post.subject.style.color) c[i].selected = 1;
});

And its "In all the pages", added scroll bar to it with CSS, added the "style" for Personalize the color palette of the editor with this code...
Code:
/* Color palette icons */
.color-option {
  display: inline-block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
  border: 2px solid #fff !important;  /* white border around the icon */
  margin: 3px !important;  /* space between each icon */
  box-shadow: 0 0 2px #778899;  /* shadow */
  cursor: pointer !important;
}
 
.color-option span{
  display: block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
}
 
.color-option, .color-option span {
  border-radius: 2px;  /* roundness */ 
}
 
/* Whole palette - the width influences how many icons appear */
.sceditor-dropdown.sceditor-color-picker {
  width: 200px !important;  /* width of the palette */
  height: 100px !important;  /* height of the palette */
  padding: 5px !important;
  border-radius: 5px !important;
}

When I try to use the "font color" it looks like this...

avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 6th 2017, 11:26 pm

When you are copying and pasting the JavaScript, you are seeing the numbers to the left?  If yes, you need to remove them.  They are not part of the code.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 6th 2017, 11:29 pm

@SLGray wrote:When you are copying and pasting the JavaScript, you are seeing the numbers to the left?  If yes, you need to remove them.  They are not part of the code.
OK..how do you remove the numbers?
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 6th 2017, 11:34 pm

Are you clicking the copy or select link in the tutorials?  If you are, the numbers should not be there.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 6th 2017, 11:43 pm

@SLGray wrote:Are you clicking the copy or select link in the tutorials?  If you are, the numbers should not be there.
The numbers to the left do not copy when I use either the "select content" or the "copy code" option, it just copies the info in the box.When I paste it the numbers that are their are the ones inbedded in the box already, the ones that mark each line as you type something.
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 7th 2017, 12:00 am

Please post a screenshot of the page of you creating a JavaScript.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 7th 2017, 12:07 am

@SLGray wrote:Please post a screenshot of the page of you creating a JavaScript.
Hang on a little while, I just totally cleaned out the HTML ,Javascript CCS style sheet and reposted the more fonts and its actually working, going to try everything else and see what happen....wish me luck! héhé
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 7th 2017, 12:14 am

Ok.  We will wait.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 7th 2017, 12:23 am

@SLGray wrote:Ok.  We will wait.
Please excuse how I put this please....I think im gonna shit a brick! It actually WORKED!!! Party
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 7th 2017, 12:29 am

So all worked, and this is solved?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 7th 2017, 12:34 am

@SLGray wrote:So all worked, and this is solved?
Yes..finally...banana guitar lol! guitar banana
avatar
PlayToy
Forumember

Male Posts : 84
Reputation : 1
Language : English
Location : USA

http://bestwowaddons.forumotion.com/forum

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 7th 2017, 12:42 am

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41130
Reputation : 2808
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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