Spaces:
Running
Running
| <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> | |