-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (104 loc) · 7.51 KB
/
index.html
File metadata and controls
106 lines (104 loc) · 7.51 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Unity Rich Text & HTML Gradient Generator</title>
<meta name="description" content="Gradient Generator For Unity Rich Text, HTML, And BBCode" />
<link rel="stylesheet" href="CSS/style.css">
<meta
name="keywords"
content="unity gradient, gradient, gradient generator, unity gradient generator, kanati gradient, kanati generator, kanati gradient generator, bbcode generator, bbcode gradient generator, html generator, html gradient generator, Kanati, Kanati Gradient Generator, Unity Gradient Generator"
/>
<!--Image Insertion
<img src={directory} alt={name} height={params} width={params}>-->
<script src="js/textcolorizer.js"></script>
<script src="js/jscolor/jscolor.js"></script>
<script src="js/jquery.js"></script>
</head>
<body>
<div class="bg" id="bg"/>
<div id="div_logo">
<span style="position:absolute; font-size:10px; top:18px; left:250px;">Rich Text, HTML, And BBCode
<br/><span style='font-family:"Verdana";font-size:35px;'><span style='color:#FF0000;'>T</span><span style='color:#FF6D00;'>e</span><span style='color:#FFDA00;'>x</span><span style='color:#B6FF00;'>t</span> <span style='color:#00FF24;'>C</span><span style='color:#00FF91;'>o</span><span style='color:#00FEFF;'>l</span><span style='color:#0091FF;'>o</span><span style='color:#0024FF;'>r</span><span style='color:#4800FF;'>i</span><span style='color:#B600FF;'>z</span><span style='color:#FF00DA;'>e</span><span style='color:#FF006D;'>r</span></span></span>
</div>
<div id="div_content" style='font-family:"Comic Sans MS";font-family:"Comic Sans MS";'>
<span style="font-weight:bold;">Enter Text:</span><br/><br/>
<textarea id="input_text" style='font-family:"Comic Sans MS";font-family:"Comic Sans MS";' rows="5" cols="50">Hello World!</textarea>
<br/><br/><span style="font-weight:bold;">Choose Your Color Effect</span><br/><br/>
<select id="input_effect">
<option value="1">Horizontal Gradient</option>
<option value="2">Middle Gradient</option>
<option value="3">Three Colored gradient</option>
<option value="4">Solid Color</option>
<option value="5">Random Colors</option>
<option value="6">Gaybow</option>
</select>
<br/><br/><span style="font-weight:bold;">Choose The Color(s)</span><br/><br/>
<div style="position:relative;">
<div id="color_select1" style="position:absolute; visibility:visible">Start Color: <input type="color" id="input_color1" class='color {hash:true,caps:true}' value='#FF0000'><br/>End Color: <input type="color" id="input_color2" class='color {hash:true,caps:true}' value='#0000FF'></div>
<div type="color" id="color_select2" style="position:absolute; visibility:hidden">Start & End Color: <input type="color" id="input_color3" class='color {hash:true,caps:true}' value='#FF0000'><br/>Middle Color: <input type="color" id="input_color4" class='color {hash:true,caps:true}' value='#0000FF'></div>
<div id="color_select3" style="position:absolute; visibility:hidden">Start Color: <input type="color" id="input_color5" class='color {hash:true,caps:true}' value='#FF0000'><br/>Middle Color: <input type="color" id="input_color6" class='color {hash:true,caps:true}' value='#0000FF'><br/>End Color: <input type="color" id="input_color7" class='color {hash:true,caps:true}' value='#00FF00'></div>
<div id="color_select4" style="position:absolute; visibility:hidden">Color: <input type="color" id="input_color8" class='color {hash:true,caps:true}' value='#FF0000'></div>
<div id="color_select5" style="position:absolute; visibility:hidden"><input type="button" value="Randomize!" onClick="randomize_colors()" style='font-family:"Comic Sans MS";font-family:"Comic Sans MS";'><br/>Word-by-word:<input type="checkbox" id="input_colorword"/></div>
<div id="color_select6" style="position:absolute; visibility:hidden">Rainbow</div>
</div>
<br/><br/><br/><br/><br/><br/>
<span style="font-weight:bold;">Additional Text Settings:</span><br/><br/>
Font:
<select id="input_font">
<option value="">Default</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Arial Narrow">Arial Narrow</option>
<option value="Book Antiqua">Book Antiqua</option>
<option value="Century Gothic">Century Gothic</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier New">Courier New</option>
<option value="Franklin Gothic Medium">Franklin Gothic Medium</option>
<option value="Garamond">Garamond</option>
<option value="Georgia">Georgia</option>
<option value="Impact">Impact</option>
<option value="Lucida Console">Lucida Console</option>
<option value="Lucida Sans Unicode">Lucida Sans Unicode</option>
<option value="Microsoft Sans Serif">Microsoft Sans Serif</option>
<option value="Palatino Linotype">Palatino Linotype</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Trebuchet MS">Trebuchet MS</option>
<option value="Verdana">Verdana</option>
</select><br/>
Size:
<select id="input_size">
<option value="0">Default</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select><br/>
Bold:<input type="checkbox" id="input_bold"/><br/>
Italic:<input type="checkbox" id="input_italic"/>
<br/><br/>
<span style="font-weight:bold;">Preview And Code Options:</span><br/><br/>
<div id="div_preview"></div><br/><br/>
Unity Rich Text For This Text: (Can Be Used On Unity Games)<br/>
<textarea id="output_richtext" rows="5" cols="80" readonly="true"></textarea><br/><br/>
HTML Code For This Text: (To Use On Your Website)<br/>
<textarea id="output_html" rows="5" cols="80" readonly="true"></textarea><br/><br/>
BBCode For This Text: (To Use On Forums)
<textarea id="output_bbcode" rows="5" cols="80" readonly="true"></textarea>
<script type="text/javascript">textcolorizer_handle();</script><br/><br/><br/><br/>
<br><div id="div_footer">Originally Created By David, Modified By Kanati.</br></div>
</div>
<br/><br/><br/><br/><br/><br/>
</html>