Spaces:
Running
Running
File size: 9,040 Bytes
aa2cde7 a16c8ec | 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 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 | <!DOCTYPE html>
<html>
<head>
<title>Color Unity & HTML Text Colorizer</title>
<meta name="description" content="Unity Engine and HTML. Создавайте радужные текстовые эффекты для своего блога или игрового чата." />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#div_content {
padding:20px;
margin:0 auto;
position:relative;
width:760px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
top:50px;
border:2px solid black;
background-color:rgba(255, 255, 255, 0.637);
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-100;
}
body {
font-family:Verdana;
font-size:13px;
}
a:link {color:#000000;}
a:visited {color:#333333;}
a:hover {color:#BBBBBB;}
#div_footer {
padding:10px 10px;
height:5px;
width:760px;
text-align:center;
font-size:10px;
color:#444444;
}
#div_logo {
margin:0 auto;
width:760px;
height:40px;
text-align:center;
position:relative;
}
</style>
<script src="textcolorizer.js"></script>
<script src="jscolor.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="visit.js"></script>
</head>
<body>
<img src="https://cdn.discordapp.com/attachments/813992151637426176/970773963435302992/12.jpg" id="bg" />
<div id="div_logo" style="z-index:-100">
<span style="position:absolute; font-size:10px; top:18px; left:218px;">Unity Text & HTML</span>
<br/><span style='font-family:"Arial Black";font-size:42px;'><span style='color:#FF0000;'>T</span><span style='color:#EC0012;'>e</span><span style='color:#DA0024;'>x</span><span style='color:#C80036;'>t</span> <span style='color:#A3005B;'>C</span><span style='color:#91006D;'>o</span><span style='color:#7F007F;'>l</span><span style='color:#6D0091;'>o</span><span style='color:#5B00A3;'>r</span><span style='color:#4800B6;'>i</span><span style='color:#3600C8;'>z</span><span style='color:#2400DA;'>e</span><span style='color:#1200EC;'>r</span></span>
</div>
<div id="div_content">
<span style="font-weight:bold;">Этап 1:</span> Введите свой текст:<br/><br/>
<textarea id="input_text" rows="5" cols="50">Попробуй свой текст ❤ こんにちは、テキストを入力</textarea>
<br/><br/><span style="font-weight:bold;">Этап 2:</span> Выберите цветовой эффект:<br/>
<br/>
<select id="input_effect">
<option value="1">Горизонтальный градиент</option>
<option value="2">Средний градиент</option>
<option value="3">Трехцветный градиент</option>
<option value="4">Сплошной цвет</option>
<option value="5">Случайные цвета</option>
<option value="6">Цвета радуги</option>
</select>
<br/><br/><span style="font-weight:bold;">Этап 3:</span> Выберите цвета:<br/><br/>
<div style="position:relative;">
<div id="color_select1" style="position:absolute; visibility:visible">Начальный цвет: <input id="input_color1" class='color {hash:true,caps:true}' value='#FF0000'><br/>Конечный цвет: <input id="input_color2" class='color {hash:true,caps:true}' value='#0000FF'></div>
<div id="color_select2" style="position:absolute; visibility:hidden">Начальный & Конечный цвет: <input id="input_color3" class='color {hash:true,caps:true}' value='#FF0000'><br/>Средний цвет: <input id="input_color4" class='color {hash:true,caps:true}' value='#0000FF'></div>
<div id="color_select3" style="position:absolute; visibility:hidden">Начальный цвет: <input id="input_color5" class='color {hash:true,caps:true}' value='#FF0000'><br/>Средний цвет: <input id="input_color6" class='color {hash:true,caps:true}' value='#0000FF'><br/>Конечный цвет: <input id="input_color7" class='color {hash:true,caps:true}' value='#00FF00'></div>
<div id="color_select4" style="position:absolute; visibility:hidden">Цвет: <input 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()"><br/>Word-by-word:<input type="checkbox" id="input_colorword"/></div>
<div id="color_select6" style="position:absolute; visibility:hidden">РАДУГА ¯\_(ツ)_/¯</div>
</div>
<br/><br/><br/><br/><br/><br/>
<span style="font-weight:bold;">Этап 4:</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/>
Размер:
<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="25">25</option>
<option value="35">35</option>
<option value="60">йомайо</option>
</select><br/>
Жирный:<input type="checkbox" id="input_bold"/><br/>
Курсив:<input type="checkbox" id="input_italic"/>
<br/><br/>
<span style="font-weight:bold;">"Этап" 5:</span> Предварительный просмотр и получение кода:<br/><br/>
<div id="div_preview"></div><br/><br/>
Стиль Unity для этого текста: (Для использования в чате)<br/>
<textarea id="output_bbcode" rows="5" cols="80" readonly="true" style="width: 755px; height: 124px;" data-dl-input-translation="true"></textarea>
<br/>
<textarea id="output_html" rows="5" cols="80" readonly="true" style="width: 9px; height: 9px;"></textarea>
<script type="text/javascript">textcolorizer_handle();</script><br/><br/>
<span style="font-weight:bold;">Этап 6:</span> Сделано! Хорошего дня ☺<br/><br/>
<div id="div_footer">Created by <a href="/">David</a>. Edit by Mycc <a href="https://github.com/Mycc0985/Anichad">View source code</a> <!--This page has been accessed todo times, todo times today.--></div>
</div>
<br/><br/><br/><br/><br/><br/>
</body>
</html><script type='text/javascript'>registerVisit(19);</script>
|