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 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved More color and text options

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

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 Ultimas chan on August 2nd 2017, 9:46 pm

hmm ive seen this before i believe ange answered this i will give you the link but i do not know if it will work for forumotion forums not fae http://fmdesign.forumotion.com/t331-add-more-topic-title-colors is this what you are looking for i will find more help for you in the meantime sorry if it didn't help you
avatar
Ultimas chan
Forumember

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 2nd 2017, 9:51 pm

Chat bubble?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by Ultimas chan on August 2nd 2017, 9:57 pm

i dont know that either hm wait do you want the chat to be like a bublle shaped
avatar
Ultimas chan
Forumember

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 2nd 2017, 10:22 pm

Are you referring to the chatbox options or the text editor in topics?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
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 2nd 2017, 10:28 pm

Ultimas chan wrote:hmm ive seen this before i believe ange answered this i will give you the link but i do not know if it will work for forumotion forums not fae http://fmdesign.forumotion.com/t331-add-more-topic-title-colors is this what you are looking for i will find more help for you in the meantime sorry if it didn't help you

OK thanks for the advice! Just what i was looking for, now need to add more text/font mods now...
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 Ultimas chan on August 2nd 2017, 10:40 pm

oh ok well i think i cna find that one
avatar
Ultimas chan
Forumember

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 2nd 2017, 10:41 pm

Search on FM Design. There is a tutorial for more fonts.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by Ultimas chan on August 2nd 2017, 10:44 pm

http://fmdesign.forumotion.com/t220-add-more-font-choices-to-the-editor here you go this teaches you how to add more fronts if your topic i s solved hit solved
avatar
Ultimas chan
Forumember

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 2nd 2017, 10:50 pm

Ultimas chan wrote:http://fmdesign.forumotion.com/t220-add-more-font-choices-to-the-editor here you go this teaches you how to add more fronts if your topic i s solved hit solved
Please do not moderate other members.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
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 2nd 2017, 11:04 pm

Ultimas chan wrote:http://fmdesign.forumotion.com/t220-add-more-font-choices-to-the-editor here you go this teaches you how to add more fronts if your topic i s solved hit solved
I actually found that post and one to make more sizes as well and neither of the two worked.. Confused
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 2nd 2017, 11:09 pm

Hi,

You want the font and color options in the chat or in the post editor? I'll need your forum's link.
avatar
Justice™
Forumember

Posts : 517
Reputation : 119
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 2nd 2017, 11:12 pm

Make sure that you did not add the fonts wrong in the code. I mean make sure you spelled them correctly and you did not delete or add more comas where they are not needed.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
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 2nd 2017, 11:58 pm

Wolfuryo wrote:Hi,

You want the font and color options in the chat or in the post editor? I'll need your forum's link.
In the post editor
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 Draxion on August 3rd 2017, 12:11 am

Hi there, do you already have the extended color palette enabled?

Admin Panel --> General --> Messages and Emails --> Configuration --> Messages --> Type of color palette displayed on the message editor (Extended)


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 3rd 2017, 12:24 am

Draxion wrote:Hi there, do you already have the extended color palette enabled?

Admin Panel --> General --> Messages and Emails --> Configuration --> Messages --> Type of color palette displayed on the message editor (Extended)

Yes I do, just need to be able to add more of a variety of fonts and size adjustment in the post editor.
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 Ultimas chan on August 3rd 2017, 12:59 am

i believe no one knows extra fronts i even searched it up it wasnt showing
avatar
Ultimas chan
Forumember

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 3rd 2017, 3:04 am

SLGray wrote:Make sure that you did not add the fonts wrong in the code. I mean make sure you spelled them correctly and you did not delete or add more comas where they are not needed.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

Post by Draxion on August 3rd 2017, 6:21 am

I assure you the 'extra fonts' code does work since I am using it on a forum I admin on and we have many, many fonts because of it.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: More color and text options

Post by APE on August 3rd 2017, 5:17 pm

Please note that when adding the fonts one make sure your computer has them fonts installed on it or the fonts will not show right.

you are better using google fonts to pick your fonts as most computers have all them fonts installed on them already.



avatar
APE
Manager
Manager

Male Posts : 10808
Reputation : 1008
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: More color and text options

Post by Justice™ on August 3rd 2017, 5:55 pm

Hi,

The code by Ange is working for sure. You are probably doing something wrong in the code, like placing an extra character or not placing a character when you should. Anyway, posting the code you are using would allow us to check it for you. Your forum's link would be useful too.
avatar
Justice™
Forumember

Posts : 517
Reputation : 119
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 3rd 2017, 7:37 pm

Yes, please post the code you are using. Please post it in the BBCode code tags.

P.S. APE is correct. If your members' computers do not have the font installed, it will not appear correctly or at all for them 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 : 40478
Reputation : 2730
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 4th 2017, 1:33 pm

SLGray wrote:Yes, please post the code you are using. Please post it in the BBCode code tags.

P.S. APE is correct. If your members' computers do not have the font installed, it will not appear correctly or at all for them on your forum.
How and where do you get these fonts ?
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 APE on August 4th 2017, 2:18 pm

you can google "Google font's" then when installing them just use the names
Some fonts CLICK HERE!!



avatar
APE
Manager
Manager

Male Posts : 10808
Reputation : 1008
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: More color and text options

Post by PlayToy on August 4th 2017, 9:53 pm

OK I did exactly as posted for the Add more font choices to the Editor after installing fonts to my PC you had mentioned Here as well of adding more font sizes mentioned in the same post as well. Also added the Add more topic title colors to. The only thing that worked is the "add more colors". I will post the codes below that I had made.

Add more 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;
});

More Fonts
Code:
$(function(){$(function() {
  $('.sceditor-button-font').click(function() {
    addFont('Calibri');
    addFont('Papyrus');
    addFont('Avantgarde');
    addFont('Abril Fatface ');
    addFont('Anton');
    addFont('Arbutus');
    addFont('Archivo Black');
    addFont('Bree Serif');
    addFont('Cabin');
    addFont('Creepster');
    addFont('Dhurjada');
    addFont('Lilita One');
    addFont('Merriweather Sans');
    addFont('New Rocker');
    addFont('Nosifer');
    addFont('Oswald');
    addFont('Passion One');
    addFont('Patua One');
    addFont('Righteous');
    addFont('Russo One');
    addFont('Secular One');
    addFont('Sedgwick Ave Display');
    addFont('Suez One');
    addFont('Teko');
    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>')}
})});
.sceditor-font-picker {
  height:250px;
  width:150px;
  overflow-y:auto;
}

Font Sizes
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);
  }
})});
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, 12:12 am

Se if this helps;

Your Code
Code:
addFont('Abril Fatface ');

Edited Line
Code:
addFont('Abril Fatface');


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: More color and text options

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

You need to remove the font sizes that are already in the text editor.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
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, 12:40 am

SLGray wrote:You need to remove the font sizes that are already in the text editor.
Code:
addFont('Abril Fatface');
did not work

You need to remove the font sizes that are already in the text editor.
Do not understand what you are talking about....sorry.
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 Draxion on August 5th 2017, 2:10 am

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);
  }
})});


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: More color and text options

Post by SLGray on August 5th 2017, 2:38 am

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;
}


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40478
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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