Цветной текст на Блоггер
Сегодня предлагаю вам код скрипта разноцветного текста, который устанавливается на сайте.
Посетитель вашего ресурса сможет с помощью данного генератора разукрасить любой текст в разные цвета, а буквы будут разного размера.
Кроме этого, раскрашивать можно как отдельно каждую букву, так и целые слова.
Посетителю нужно будет очистить поле окошка, написать свой текст, выбрать что разукрасить - слова или буквы, и нажать на кнопку "Раскрасить". Код раскрашенного текста скопировать из другого окошка и добавить в нужное место.
Посетителю нужно будет очистить поле окошка, написать свой текст, выбрать что разукрасить - слова или буквы, и нажать на кнопку "Раскрасить". Код раскрашенного текста скопировать из другого окошка и добавить в нужное место.
Напоминаю - скрипты утяжеляют сайт.
Если решили установить генератор на свой ресурс на Блоггере, то разместить его можно на отдельной странице, добавив код в редакторе, переключив его в режим html.
Выглядит генератор так:
Код генератора
<span id="result"></span>
<form name="color_form" action="javascript:char_random()">
<textarea name="string" rows="4" cols="55">
Ваш текст, который нужно разукрасить
</textarea>
<br>
<select name="whois_rand">
<option value="">Разукрасить буквы</option>
<option value=" ">Разукрасить слова</option>
</select>
<input type="submit" value="Разукрасить">
<br><br>
<textarea name="res_code" rows="4" cols="55"></textarea>
</form>
<script type="text/javascript">
function char_random() {
var obj = document.color_form;
var elem = obj.string.value;
var separator = "";
var exit_str = "";
var colors = new Array("00", "11", "22", "33", "44", "55",
"66", "77", "88", "99", "AA", "BB", "CC", "DD", "EE", "FF");
elem = elem.split(obj.whois_rand.options[obj.whois_rand.selectedIndex].value);
for (var n=0;n<=(elem.length-1);n++) {
if (elem[n]==" ") exit_str += " ";
if (elem[n]!=" ") {
separator = obj.whois_rand.options[obj.whois_rand.selectedIndex].value;
var col1 = Math.round(Math.random()*(colors.length-1));
var col2 = Math.round(Math.random()*(colors.length-1));
var col3 = Math.round(Math.random()*(colors.length-1));
var size = Math.round(Math.random()*4)+3;
exit_str += "<font color=\"#" + colors[col1] + colors[col2] + colors[col3] +
"\" size=\"" + size + "\">" + elem[n] + "</font>" + separator;
}
}
obj.res_code.value = exit_str;
document.getElementById("result").innerHTML = exit_str;
}
char_random();
</script>
Изменить в коде можно текст - выделила его красным цветом.
Скрипт найден на сайте https://topwebdesign.ru/.
Комментарии со спамом удаляются.