Jump to content

Open Coterie  ·  19 members

SMF Staff People

Make colors in drop down their respective colors?


Snickerdoodle
 Share

Recommended Posts

Ok, so I worked out how to get more colors into the dropdown in the post editor, but I have no idea how to get each color to show as its color.  I can't even figure out how to say it lol... basically, I want the word 'pink' in the change color drop down to actually BE pink, 'black' to be black, 'green' to be green, etc... How do I do that?

 

I've got this code in GenericControls.template.php

					if (!isset($context['disabled_tags']['color']))
						echo ',
							{
								sType: \'select\',
								sName: \'sel_color\',
								oOptions: {
									\'\': ', JavaScriptEscape($txt['change_color']), ',
									\'pink\': ', JavaScriptEscape($txt['pink']), ',
									\'lightpink\': ', JavaScriptEscape($txt['light_pink']), ',
									\'hotpink\': ', JavaScriptEscape($txt['hot_pink']), ',
									\'deeppink\': ', JavaScriptEscape($txt['deep_pink']), ',
									\'mediumvioletred\': ', JavaScriptEscape($txt['medium_violet_red']), ',
									\'palevioletred\': ', JavaScriptEscape($txt['pale_violet_red']), ',
									\'indianred\': ', JavaScriptEscape($txt['indian_red']), ',
									\'lightcoral\': ', JavaScriptEscape($txt['light_coral']), ',
									\'salmon\': ', JavaScriptEscape($txt['salmon']), ',
									\'darksalmon\': ', JavaScriptEscape($txt['dark_salmon']), ',
									\'lightsalmon\': ', JavaScriptEscape($txt['light_salmon']), ',
									\'crimson\': ', JavaScriptEscape($txt['crimson']), ',
									\'maroon\': ', JavaScriptEscape($txt['maroon']), ',
									\'red\': ', JavaScriptEscape($txt['red']), ',
									\'firebrick\': ', JavaScriptEscape($txt['firebrick']), ',
									\'darkred\': ', JavaScriptEscape($txt['dark_red']), ',
									\'gold\': ', JavaScriptEscape($txt['gold']), ',
									\'yellow\': ', JavaScriptEscape($txt['yellow']), ',
									\'lightyellow\': ', JavaScriptEscape($txt['light_yellow']), ',
									\'lemonchiffon\': ', JavaScriptEscape($txt['lemon_chiffon']), ',
									\'lightgoldenrodyellow\': ', JavaScriptEscape($txt['light_goldenrod_yellow']), ',
									\'papayawhip\': ', JavaScriptEscape($txt['papaya_whip']), ',
									\'moccasin\': ', JavaScriptEscape($txt['moccasin']), ',
									\'peachpuff\': ', JavaScriptEscape($txt['peachpuff']), ',
									\'palegoldenrod\': ', JavaScriptEscape($txt['pale_goldenrod']), ',
									\'khaki\': ', JavaScriptEscape($txt['khaki']), ',
									\'darkkhaki\': ', JavaScriptEscape($txt['dark_khaki']), ',
									\'gainsboro\': ', JavaScriptEscape($txt['gainsboro']), ',
									\'lightgray\': ', JavaScriptEscape($txt['light_gray']), ',
									\'silver\': ', JavaScriptEscape($txt['silver']), ',
									\'darkgray\': ', JavaScriptEscape($txt['dark_gray']), ',
									\'gray\': ', JavaScriptEscape($txt['gray']), ',
									\'dimgray\': ', JavaScriptEscape($txt['dim_gray']), ',
									\'lightslategray\': ', JavaScriptEscape($txt['light_slate_gray']), ',
									\'slategray\': ', JavaScriptEscape($txt['slate_gray']), ',
									\'darkslategray\': ', JavaScriptEscape($txt['dark_slate_gray']), ',
									\'black\': ', JavaScriptEscape($txt['black']), ',
									\'greenyellow\': ', JavaScriptEscape($txt['green_yellow']), ',
									\'chartreuse\': ', JavaScriptEscape($txt['chartreuse']), ',
									\'lawngreen\': ', JavaScriptEscape($txt['lawn_green']), ',
									\'lime\': ', JavaScriptEscape($txt['lime']), ',
									\'limegreen\': ', JavaScriptEscape($txt['lime_green']), ',
									\'palegreen\': ', JavaScriptEscape($txt['pale_green']), ',
									\'lightgreen\': ', JavaScriptEscape($txt['light_green']), ',
									\'mediumspringgreen\': ', JavaScriptEscape($txt['medium_spring_green']), ',
									\'springgreen\': ', JavaScriptEscape($txt['spring_green']), ',
									\'mediumseagreen\': ', JavaScriptEscape($txt['medium_sea_green']), ',
									\'seagreen\': ', JavaScriptEscape($txt['sea_green']), ',
									\'forestgreen\': ', JavaScriptEscape($txt['forest_green']), ',
									\'green\': ', JavaScriptEscape($txt['green']), ',
									\'darkgreen\': ', JavaScriptEscape($txt['dark_green']), ',
									\'yellowgreen\': ', JavaScriptEscape($txt['yellow_green']), ',
									\'olivedrab\': ', JavaScriptEscape($txt['olive_drab']), ',
									\'olive\': ', JavaScriptEscape($txt['olive']), ',
									\'darkolivegreen\': ', JavaScriptEscape($txt['dark_olive_green']), ',
									\'mediumaquamarine\': ', JavaScriptEscape($txt['medium_aquamarine']), ',
									\'darkseagreen\': ', JavaScriptEscape($txt['dark_sea_green']), ',
									\'lightseagreen\': ', JavaScriptEscape($txt['light_sea_green']), ',
									\'darkcyan\': ', JavaScriptEscape($txt['dark_cyan']), ',
									\'teal\': ', JavaScriptEscape($txt['teal']), ',
									\'aqua\': ', JavaScriptEscape($txt['aqua']), ',
									\'lightcyan\': ', JavaScriptEscape($txt['light_cyan']), ',
									\'paleturquoise\': ', JavaScriptEscape($txt['pale_turquoise']), ',
									\'aquamarine\': ', JavaScriptEscape($txt['aquamarine']), ',
									\'turquoise\': ', JavaScriptEscape($txt['turquoise']), ',
									\'mediumturquoise\': ', JavaScriptEscape($txt['medium_turquoise']), ',
									\'darkturquoise\': ', JavaScriptEscape($txt['dark_turquoise']), ',
									\'cadetblue\': ', JavaScriptEscape($txt['cadet_blue']), ',
									\'steelblue\': ', JavaScriptEscape($txt['steel_blue']), ',
									\'lightsteelblue\': ', JavaScriptEscape($txt['light_steel_blue']), ',
									\'powderblue\': ', JavaScriptEscape($txt['powder_blue']), ',
									\'lightblue\': ', JavaScriptEscape($txt['light_blue']), ',
									\'skyblue\': ', JavaScriptEscape($txt['sky_blue']), ',
									\'lightskyblue\': ', JavaScriptEscape($txt['light_sky_blue']), ',
									\'deepskyblue\': ', JavaScriptEscape($txt['deep_sky_blue']), ',
									\'dodgerblue\': ', JavaScriptEscape($txt['dodger_blue']), ',
									\'cornflowerblue\': ', JavaScriptEscape($txt['cornflower_blue']), ',
									\'royalblue\': ', JavaScriptEscape($txt['royal_blue']), ',
									\'blue\': ', JavaScriptEscape($txt['blue']), ',
									\'mediumblue\': ', JavaScriptEscape($txt['medium_blue']), ',
									\'darkblue\': ', JavaScriptEscape($txt['dark_blue']), ',
									\'navy\': ', JavaScriptEscape($txt['navy']), ',
									\'midnightblue\': ', JavaScriptEscape($txt['midnight_blue']), ',
									\'lavender\': ', JavaScriptEscape($txt['lavender']), ',
									\'thistle\': ', JavaScriptEscape($txt['thistle']), ',
									\'plum\': ', JavaScriptEscape($txt['plum']), ',
									\'violet\': ', JavaScriptEscape($txt['violet']), ',
									\'orchid\': ', JavaScriptEscape($txt['orchid']), ',
									\'fuchsia\': ', JavaScriptEscape($txt['fuchsia']), ',
									\'mediumorchid\': ', JavaScriptEscape($txt['medium_orchid']), ',
									\'mediumpurple\': ', JavaScriptEscape($txt['medium_purple']), ',
									\'rebeccapurple\': ', JavaScriptEscape($txt['rebecca_purple']), ',
									\'blueviolet\': ', JavaScriptEscape($txt['blue_violet']), ',
									\'darkviolet\': ', JavaScriptEscape($txt['dark_violet']), ',
									\'darkorchid\': ', JavaScriptEscape($txt['dark_orchid']), ',
									\'darkmagenta\': ', JavaScriptEscape($txt['dark_magenta']), ',
									\'purple\': ', JavaScriptEscape($txt['purple']), ',
									\'indigo\': ', JavaScriptEscape($txt['indigo']), ',
									\'slateblue\': ', JavaScriptEscape($txt['slate_blue']), ',
									\'darkslateblue\': ', JavaScriptEscape($txt['dark_slate_blue']), ',
									\'mediumslateblue\': ', JavaScriptEscape($txt['medium_slate_blue']), ',
									\'cornsilk\': ', JavaScriptEscape($txt['cornsilk']), ',
									\'blanchedalmond\': ', JavaScriptEscape($txt['blanched_almond']), ',
									\'bisque\': ', JavaScriptEscape($txt['bisque']), ',
									\'navajowhite\': ', JavaScriptEscape($txt['navajo_white']), ',
									\'wheat\': ', JavaScriptEscape($txt['wheat']), ',
									\'burlywood\': ', JavaScriptEscape($txt['burlywood']), ',
									\'tan\': ', JavaScriptEscape($txt['tan']), ',
									\'rosybrown\': ', JavaScriptEscape($txt['rosy_brown']), ',
									\'sandybrown\': ', JavaScriptEscape($txt['sandy_brown']), ',
									\'goldenrod\': ', JavaScriptEscape($txt['goldenrod']), ',
									\'darkgoldenrod\': ', JavaScriptEscape($txt['dark_goldenrod']), ',
									\'peru\': ', JavaScriptEscape($txt['peru']), ',
									\'chocolate\': ', JavaScriptEscape($txt['chocolate']), ',
									\'saddlebrown\': ', JavaScriptEscape($txt['saddle_brown']), ',
									\'sienna\': ', JavaScriptEscape($txt['sienna']), ',
									\'brown\': ', JavaScriptEscape($txt['brown']), ',
									\'coral\': ', JavaScriptEscape($txt['coral']), ',
									\'tomato\': ', JavaScriptEscape($txt['tomato']), ',
									\'orangered\': ', JavaScriptEscape($txt['orange_red']), ',
									\'darkorange\': ', JavaScriptEscape($txt['dark_orange']), ',
									\'orange\': ', JavaScriptEscape($txt['orange']), ',
									\'white\': ', JavaScriptEscape($txt['white']), ',
									\'snow\': ', JavaScriptEscape($txt['snow']), ',
									\'honeydew\': ', JavaScriptEscape($txt['honeydew']), ',
									\'mintcream\': ', JavaScriptEscape($txt['mint_cream']), ',
									\'azure\': ', JavaScriptEscape($txt['azure']), ',
									\'aliceblue\': ', JavaScriptEscape($txt['alice_blue']), ',
									\'ghostwhite\': ', JavaScriptEscape($txt['ghost_white']), ',
									\'whitesmoke\': ', JavaScriptEscape($txt['white_smoke']), ',
									\'seashell\': ', JavaScriptEscape($txt['seashell']), ',
									\'beige\': ', JavaScriptEscape($txt['beige']), ',
									\'oldlace\': ', JavaScriptEscape($txt['old_lace']), ',
									\'floralwhite\': ', JavaScriptEscape($txt['floral_white']), ',
									\'ivory\': ', JavaScriptEscape($txt['ivory']), ',
									\'antiquewhite\': ', JavaScriptEscape($txt['antique_white']), ',
									\'linen\': ', JavaScriptEscape($txt['linen']), ',
									\'lavenderblush\': ', JavaScriptEscape($txt['lavender_blush']), ',
									\'mistyrose\': ', JavaScriptEscape($txt['misty_rose']), '
								}
							}';

And this code in post.english.php

$txt['change_color'] = 'Change Color';
$txt['pink'] = 'Pink';
$txt['light_pink'] = 'Light Pink';
$txt['hot_pink'] = 'Hot Pink';
$txt['deep_pink'] = 'Deep Pink';
$txt['medium_violet_red'] = 'Medium Violet Red';
$txt['pale_violet_red'] = 'Pale Violet Red';
$txt['indian_red'] = 'Indian Red';
$txt['light_coral'] = 'Light Coral';
$txt['salmon'] = 'Salmon';
$txt['dark_salmon'] = 'Dark Salmon';
$txt['light_salmon'] = 'Light Salmon';
$txt['crimson'] = 'Crimson';
$txt['maroon'] = 'Maroon';
$txt['red'] = 'Red';
$txt['firebrick'] = 'Firebrick';
$txt['dark_red'] = 'Dark Red';
$txt['gold'] = 'Gold';
$txt['yellow'] = 'Yellow';
$txt['light_yellow'] = 'Light Yellow';
$txt['lemon_chiffon'] = 'Lemon Chiffon';
$txt['light_goldenrod_yellow'] = 'Light Goldenrod Yellow';
$txt['papaya_whip'] = 'Papaya Whip';
$txt['moccasin'] = 'Moccasin';
$txt['peachpuff'] = 'Peachpuff';
$txt['pale_goldenrod'] = 'Pale Goldenrod';
$txt['khaki'] = 'Khaki';
$txt['dark_khaki'] = 'Dark Khaki';
$txt['gainsboro'] = 'Gainsboro';
$txt['light_gray'] = 'Light Gray';
$txt['silver'] = 'Silver';
$txt['dark_gray'] = 'Dark Gray';
$txt['gray'] = 'Gray';
$txt['dim_gray'] = 'Dim Gray';
$txt['light_slate_gray'] = 'Light Slate Gray';
$txt['slate_gray'] = 'Slate Gray';
$txt['dark_slate_gray'] = 'Dark Slate Gray';
$txt['black'] = 'Black';
$txt['green_yellow'] = 'Green Yellow';
$txt['chartreuse'] = 'Chartreuse';
$txt['lawn_green'] = 'Lawn Green';
$txt['lime'] = 'Lime';
$txt['lime_green'] = 'Lime Green';
$txt['pale_green'] = 'Pale Green';
$txt['light_green'] = 'Light Green';
$txt['medium_spring_green'] = 'Medium Spring Green';
$txt['spring_green'] = 'Spring Green';
$txt['medium_sea_green'] = 'Medium Sea Green';
$txt['sea_green'] = 'Sea Green';
$txt['forest_green'] = 'Forest Green';
$txt['green'] = 'Green';
$txt['dark_green'] = 'Dark Green';
$txt['yellow_green'] = 'Yellow Green';
$txt['olive_drab'] = 'Olive Drab';
$txt['olive'] = 'Olive';
$txt['dark_olive_green'] = 'Dark Olive Green';
$txt['medium_aquamarine'] = 'Medium Aquamarine';
$txt['dark_sea_green'] = 'Dark Sea Green';
$txt['light_sea_green'] = 'Light Sea Green';
$txt['dark_cyan'] = 'Dark Cyan';
$txt['teal'] = 'Teal';
$txt['aqua'] = 'Aqua';
$txt['light_cyan'] = 'Light Cyan';
$txt['pale_turquoise'] = 'Pale Turquoise';
$txt['aquamarine'] = 'Aquamarine';
$txt['turquoise'] = 'Turquoise';
$txt['medium_turquoise'] = 'Medium Turquoise';
$txt['dark_turquoise'] = 'Dark Turquoise';
$txt['cadet_blue'] = 'Cadet Blue';
$txt['steel_blue'] = 'Steel Blue';
$txt['light_steel_blue'] = 'Light Steel Blue';
$txt['powder_blue'] = 'Powder Blue';
$txt['light_blue'] = 'Light Blue';
$txt['sky_blue'] = 'Sky Blue';
$txt['light_sky_blue'] = 'Light Sky Blue';
$txt['deep_sky_blue'] = 'Deep Sky Blue';
$txt['dodger_blue'] = 'Dodger Blue';
$txt['cornflower_blue'] = 'Cornflower Blue';
$txt['royal_blue'] = 'Royal Blue';
$txt['blue'] = 'Blue';
$txt['medium_blue'] = 'Medium Blue';
$txt['dark_blue'] = 'Dark Blue';
$txt['navy'] = 'Navy';
$txt['midnight_blue'] = 'Midnight Blue';
$txt['lavender'] = 'Lavender';
$txt['thistle'] = 'Thistle';
$txt['plum'] = 'Plum';
$txt['violet'] = 'Violet';
$txt['orchid'] = 'Orchid';
$txt['fuchsia'] = 'Fuchsia';
$txt['medium_orchid'] = 'Medium Orchid';
$txt['medium_purple'] = 'Medium Purple';
$txt['rebecca_purple'] = 'Rebecca Purple';
$txt['blue_violet'] = 'Blue Violet';
$txt['dark_violet'] = 'Dark Violet';
$txt['dark_orchid'] = 'Dark Orchid';
$txt['dark_magenta'] = 'Dark Magenta';
$txt['purple'] = 'Purple';
$txt['indigo'] = 'Indigo';
$txt['slate_blue'] = 'Slate Blue';
$txt['dark_slate_blue'] = 'Dark Slate Blue';
$txt['medium_slate_blue'] = 'Medium Slate Blue';
$txt['cornsilk'] = 'Cornsilk';
$txt['blanched_almond'] = 'Blanched Almond';
$txt['bisque'] = 'Bisque';
$txt['navajo_white'] = 'Navajo White';
$txt['wheat'] = 'Wheat';
$txt['burlywood'] = 'Burlywood';
$txt['tan'] = 'Tan';
$txt['rosy_brown'] = 'Rosy Brown';
$txt['sandy_brown'] = 'Sandy Brown';
$txt['goldenrod'] = 'Goldenrod';
$txt['dark_goldenrod'] = 'Dark Goldenrod';
$txt['peru'] = 'Peru';
$txt['chocolate'] = 'Chocolate';
$txt['saddle_brown'] = 'Saddle Brown';
$txt['sienna'] = 'Sienna';
$txt['brown'] = 'Brown';
$txt['coral'] = 'Coral';
$txt['tomato'] = 'Tomato';
$txt['orange_red'] = 'Orange Red';
$txt['dark_orange'] = 'Dark Orange';
$txt['orange'] = 'Orange';
$txt['white'] = 'White';
$txt['snow'] = 'Snow';
$txt['honeydew'] = 'Honeydew';
$txt['mint_cream'] = 'Mint Cream';
$txt['azure'] = 'Azure';
$txt['alice_blue'] = 'Alice Blue';
$txt['ghost_white'] = 'Ghost White';
$txt['white_smoke'] = 'White Smoke';
$txt['seashell'] = 'Seashell';
$txt['beige'] = 'Beige';
$txt['old_lace'] = 'Old Lace';
$txt['floral_white'] = 'Floral White';
$txt['ivory'] = 'Ivory';
$txt['antique_white'] = 'Antique White';
$txt['linen'] = 'Linen';
$txt['lavender_blush'] = 'Lavender Blush';
$txt['misty_rose'] = 'Misty Rose';

Also... if there's an easier way to do ^this^ that also makes it easier to make them their own colors, I'm all ears. I know there's a way to use two arrays (color and value or whatever) at the same time, but I don't know how to do that with this stuff. x.x

Edited by Snickerdoodle
Link to comment
Share on other sites

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Are you using the default ships-with-SMF WYSIWYG? For crap's sake don't do that... it's archaic and crappy and its output is jumbled and stupid. Go getchu some SCEditor and live the dream.

 

Anyway, you'll have to find where the drop-down code output for the colour selector is actually constructed and change how it operates. If I remember rightly the easiest way of colouring option text is to use classes on the options themselves or use Javascript/jQuery to dynamically do so. Don't ask me where it is, I don't know (you found something I don't know! Idk whether to frown or give you a medal xD)

nusignature.png nusignature.png

I am the darkness, always watching, always listening, ALWAYS THERE.
(If you're interested in Plain of Ice, message me, it's private. Bleach site, non-canon.)

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.