Что это?:странный пост с js кодом чтобы писать в консоль браузера радугой.
Вчора написав Сплиту
"
>Привет Сплит!
>Я загуглил как стилизировать текст в консоле браузера "style console.log"=>:
https://stackoverflow.com/questions/7505623/colors-in-javascript-console
И попробовал написать текст радугой, сначала собирался сделать пост ≈"Как написать генератор такого текста" но пока передумал...
Так как я не знаю когда это опубликую или использую,
вот тебе функция для вывода в консоли браузера "Привет Сплит!" радугой
*функция а не команда штоб без глобальных переменых.
(function(R){R="font-size:16px;font-weight:bold;color:";console.log("%cП"+"%cр"+"%cи"+"%cв"+"%cе"+"%cт"+"%c "+"%cС"+"%cп"+"%cл"+"%cи"+"%cт"+"%c!",R+"hsl(0,100%,50%)",R+"hsl(30,100%,50%)",R+"hsl(60,100%,50%)",R+"hsl(90,100%,50%)",R+"hsl(120,100%,50%)",R+"hsl(150,100%,50%)",R+"hsl(180,100%,50%)",R+"hsl(210,100%,50%)",R+"hsl(240,100%,50%)",R+"hsl(270,100%,50%)",R+"hsl(300,100%,50%)",R+"hsl(330,100%,50%)",R+"hsl(360,100%,50%)")})() "
И сразу подумал чё не мог генератор сразу скинуть? мелочность какаято, попробовал написать
вчера но чёт не получилось; ну а сегодня получилось!, в общем вот пост скопировав функцию из которого...
ВЫ!!! СМОЖЕТЕ!!! писать радугой!!! в консоль браузера!!!
^или нет =_=? o_= .-.
Код:
А нет сначала Лицензия : не использовать назло или для зла,
код придумал и написал IONE ,
код принимается "как есть" автор не несёт ответственности,
если всё да пользуйтесь этим кодом.
<script>
(function(text,BGColor,textArray,f,css1){
css1='font-size:16px;font-weight:900;background-color:'+BGColor+';padding:2px 0.5px;text-shadow:0 0 3px #777;color:';
textArray=[''];
for(f=0;f<text.length;f++)
textArray[0]+='%c'+text[f];
for(f=0;f<text.length;f++)
textArray[f+1]=css1+'hsl('+
Math.round(360/(text.length-1)*f)+
',100%,50%)';
console.log();
console.log.apply('',textArray);
console.log();
})("Сплите Привете!")//"text","background color"
</script>
Инструкция: можете сохранить(с расширением .htm или .html) и запустить как html файл через через веб браузер (ответ в консоле)
также можете запустить через:
*сохранив через old.reactor.cc/post/4757014 (new word.htm)
*или запустив через: https://jsfiddle.net/
Или скопировав саму функцию, опционально добавив ей имя и изменив выводимый текст...
Вторая серия...
А потом вместо приготовления еды подумал чё так сложно? просто фон градиентом нельзя было поставить...
Ответ: это работает не везде и у меня пока тоже не работает.
^Но из этого получилась html/css версия которою вы можете запускать как описано выше; Но без "new word.htm" так как он принимает пока только латиницу...
HTML/CSS версия
<center contenteditable><span style="font-size:32px;
background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f);
background-clip: text;
-webkit-text-fill-color:transparent;
filter:drop-shadow(0px 0px 3px #777);
font-weight:bold"
>"Замени этот текст на свой"<span></center>
Титры HTML/CSS версии
|||
text background gradient css
https://www.google.com/search?q=text+background+gradient+css
https://cssgradient.io/blog/css-gradient-text/
and
https://css-tricks.com/snippets/css/gradient-text/#comment-1600038
|||
text background gradient css shadow
https://www.google.com/search?q=text+background+gradient+css+shadow
https://stackoverflow.com/a/49706568
|||
И Я! ^-^
А то меня постоянно спрашивают: чево только в dev пишешь..
~_^
Вчора написав Сплиту
"
>Привет Сплит!
>Я загуглил как стилизировать текст в консоле браузера "style console.log"=>:
https://stackoverflow.com/questions/7505623/colors-in-javascript-console
И попробовал написать текст радугой, сначала собирался сделать пост ≈"Как написать генератор такого текста" но пока передумал...
Так как я не знаю когда это опубликую или использую,
вот тебе функция для вывода в консоли браузера "Привет Сплит!" радугой
*функция а не команда штоб без глобальных переменых.
(function(R){R="font-size:16px;font-weight:bold;color:";console.log("%cП"+"%cр"+"%cи"+"%cв"+"%cе"+"%cт"+"%c "+"%cС"+"%cп"+"%cл"+"%cи"+"%cт"+"%c!",R+"hsl(0,100%,50%)",R+"hsl(30,100%,50%)",R+"hsl(60,100%,50%)",R+"hsl(90,100%,50%)",R+"hsl(120,100%,50%)",R+"hsl(150,100%,50%)",R+"hsl(180,100%,50%)",R+"hsl(210,100%,50%)",R+"hsl(240,100%,50%)",R+"hsl(270,100%,50%)",R+"hsl(300,100%,50%)",R+"hsl(330,100%,50%)",R+"hsl(360,100%,50%)")})() "
И сразу подумал чё не мог генератор сразу скинуть? мелочность какаято, попробовал написать
вчера но чёт не получилось; ну а сегодня получилось!, в общем вот пост скопировав функцию из которого...
ВЫ!!! СМОЖЕТЕ!!! писать радугой!!! в консоль браузера!!!
^или нет =_=? o_= .-.
Код:
А нет сначала Лицензия : не использовать назло или для зла,
код придумал и написал IONE ,
код принимается "как есть" автор не несёт ответственности,
если всё да пользуйтесь этим кодом.
<script>
(function(text,BGColor,textArray,f,css1){
css1='font-size:16px;font-weight:900;background-color:'+BGColor+';padding:2px 0.5px;text-shadow:0 0 3px #777;color:';
textArray=[''];
for(f=0;f<text.length;f++)
textArray[0]+='%c'+text[f];
for(f=0;f<text.length;f++)
textArray[f+1]=css1+'hsl('+
Math.round(360/(text.length-1)*f)+
',100%,50%)';
console.log();
console.log.apply('',textArray);
console.log();
})("Сплите Привете!")//"text","background color"
</script>
Инструкция: можете сохранить(с расширением .htm или .html) и запустить как html файл через через веб браузер (ответ в консоле)
также можете запустить через:
*сохранив через old.reactor.cc/post/4757014 (new word.htm)
*или запустив через: https://jsfiddle.net/
Или скопировав саму функцию, опционально добавив ей имя и изменив выводимый текст...
Вторая серия...
А потом вместо приготовления еды подумал чё так сложно? просто фон градиентом нельзя было поставить...
Ответ: это работает не везде и у меня пока тоже не работает.
^Но из этого получилась html/css версия которою вы можете запускать как описано выше; Но без "new word.htm" так как он принимает пока только латиницу...
HTML/CSS версия
<center contenteditable><span style="font-size:32px;
background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f);
background-clip: text;
-webkit-text-fill-color:transparent;
filter:drop-shadow(0px 0px 3px #777);
font-weight:bold"
>"Замени этот текст на свой"<span></center>
Титры HTML/CSS версии
|||
text background gradient css
https://www.google.com/search?q=text+background+gradient+css
https://cssgradient.io/blog/css-gradient-text/
and
https://css-tricks.com/snippets/css/gradient-text/#comment-1600038
|||
text background gradient css shadow
https://www.google.com/search?q=text+background+gradient+css+shadow
https://stackoverflow.com/a/49706568
|||
И Я! ^-^
А то меня постоянно спрашивают: чево только в dev пишешь..
~_^
Подробнее
Сп' е ривете!
"За о :т на свой"
javascript,языки программирования,Легенды Джоя,радуга,песочница,html,css,console,сплит,цветные
Еще на тему
![e* \
; -s Tomasz is building cloudash.dev 1d
^ npm install esllnt-conflg-airbnb
'••'.K r
Q 31 tn 683 5 023 ¿j](http://img2.reactor.cc/pics/thumbnail/post-5026524.jpg "e* \
; -s Tomasz is building cloudash.dev 1d
^ npm install esllnt-conflg-airbnb
'••'.K r
Q 31 tn 683 5 023 ¿j")
![»и ТТгТ lJ ■ R т-^И • ■ nTiiÏÏK'H'lilH i I 11 тш
г П[»]| I Г* I ■ . V Я 1 I I в /»Il 1 хйшТ Щ
ж Пш Hií»lMhHHil! |Д7 ijTTT [¡iff](http://img2.reactor.cc/pics/thumbnail/post-5775597.jpg "»и ТТгТ lJ ■ R т-^И • ■ nTiiÏÏK'H'lilH i I 11 тш
г П[»]| I Г* I ■ . V Я 1 I I в /»Il 1 хйшТ Щ
ж Пш Hií»lMhHHil! |Д7 ijTTT [¡iff")
остальной код вроде работает
2)^ "Замени этот текст на свой" тоже кириллица
3)^ для отражения в "консольном генераторе" нескольких цветов необходимо вести 3 и более символов, для более "красивого" эффекта ещё больше...
Если вы не хотите использовать ньюЭмДжой и хотите скопировать функцию что я отправил Сплиту то выделяйте текст от начала новой строки после "функции" снизу вверх и обратите внимания в конце функции появляются кавычки( " ) <=они лишние без них работает...
^ '_' : кавычки( " ) вы норм прост не здесь
кавычки( " ) : кавычки( " ))
не, там уже все трудоустроились
bad_luck (у) goodluck
SobakaBalabaka (е) грибочек не ядовитый ``|`` и веганский вареник
Хермоус Мора мимо проходил, ну и тебе тоже всего хорошего
Мне можете не отвечать... ну или чево?
~_^ Удачи!
---------------------------------------------------------
Итак, лесбийский чат на далеком американском сервере. Входит Вика.
Вика: Hi all! I’m Vikky 17/f bi. Anybody wanna sex?
Hикто не отвечает. Все заняты своими делами.
Входит Анна.
Анна: Privet. Kto nibud’ govorit po russki?
Вика: anna privet. ti otkuda?
Анна: Iz moskvi, a ti?
Вика: ya tozhe. u tebja russkij shrift est’?
Анна: da
Вика: ЧПФ ФБЛ РТПЮЙФБФШ HПЦЕЫШ?
Анна: eto chto?
Вика: а вот так можешь прочитать?
Анна: mogu
Вика: тогда переключайся на русский так проще
Анна: Вот так?
Вика: умница. тебе сколько лет?
Анна: 15, а тебе?
Вика: тебе в куклы надо играть, что ты тут делаешь?
Анна: А тебе сколько, старушка?
Вика: скоро 18
Анна: И в 15 лет ты в чат не ходила?
Вика: нет конечно
Анна: Потому что компьютера не было?
Вика: очень смешно. ты в RL мужскую пипи*№*ку когда-нибудь видела?
Анна: Hе знаю что такое RL, но откуда у тебя, Вика, мужская пипи*№*ка?
Вика: как откуда? мужики приносят. жаль только она у них не отстегивается. Приходится еще их самих в нагрузку терпеть.
Анна: Так ты и с мужиками тра*#*аешься?
Вика: конечно, люблю разнообразие
Анна: Hу так сегодня про мужиков забудь! Потому что ты в моей комнате, освещенной свечами, на столике бутылка французского вина. Если не любишь вино, поставь себе, что хочешь. Я сижу с сигаретой в большом мягком кресле, а ты на пушистом ковре у моих ног.
Вика: меня посадят за растление малолетних
Анна: Hе дрейфь. Я уже глажу твои волосы. Разве тебе не приятно?
Вика: уговорила. Я подползаю к тебе поближе, глажу твои ноги слушай, ты в брюках или в юбке?
Анна: В юбке. Ты тоже в юбке и в блузке, которую я начинаю медленно расстегивать.
Вика: я приподнимаюсь, забираю у тебя сигарету, изящно протягиваю ногу и выключаю свет.
Анна: Что ты выключаешь? У нас же свечи горят.
Вика: извини. я приподнимаюсь, забираю у тебя сигарету, изящно протягиваю ногу и задуваю свечу.
Анна: Чем ты ее задуваешь?
Вика: что значит чем? ртом конечно. ты что?
Анна: А зачем тогда ногой дрыгаешь?
Вика: @%$&^$&^$# да я просто скопировала текст и заменила выключаю на задуваю. Что ты придираешься?
Анна: Hе ругайся, а то я возьму тебя за волосы и опять посажу на пол.
Вика: а я буду целовать твои ноги. сначала ступни, потом голени, потом коленки, и стану подниматься выше выше выше
Анна: Вика, а как ты такие большие буквы делаешь?
Вика: да просто таг хэдинга ставлю и все
Анна: Это как?
Вика: ты что сюда пришла компьютерной грамоте учиться?
Анна: Hу расскажи, пожалуйста-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а
Вика: пишешь свой текст и все. будет самый крупный шрифт. H2 — помельче. и так до H6. других не бывает
Анна: Спасибо! Все поняла.
Вика: умница! тогда я продолжу и поцелую тебя вот так
Тут под викиным текстом появляется картинка, на которой очень откровенно показано как одна девочка целует другую прямо между ножек.
Анна: Так ты и картинки вставлять умеешь?
Вика: анечка тебе уроки делать не пора? что ты людям голову морочишь?
Анна: Hу не сердись. Мне правда надо. Ты умеешь все это делать, домашние странички всякие?
Вика: да я уже семь сайтов оформила, это моя халтура
Анна: Классно! Вика, а ты нам не поможешь сделать сайт, только не очень дорого?
Вика: кому это вам? школьному кружку «умелые губки»?
Анна: Да нет, фирме. А то начальник достал, требует «представительство в вебе», а денег не дает.
Вика: анечка, сколько тебе лет?
Анна: Hу не 15. Все же хотят быть моложе.
Вика: только не все перебарщивают с омоложением
Анна: Да ладно тебе. Ты сколько берешь за сайт?
Вика: ну это от объема зависит, от сложности
Анна: Hам не сложный нужно, но не дороже 500 баксов. Можешь сделать?
Вика: без скриптов и анимации можно и за 500
Анна: Заметано. Можешь завтра днем в офис на Маяковке подъехать? Обсудим детали.
Вика: в 4 могу
Анна: Пиши адрес: ……………….
Вика: это твой начальник?
Анна: Это я сам.
Вика: пятнадцатилетняя анечка?
Анна: Да забудь это. О деле говорим. Придешь завтра?
Вика: обязательно. до завтра анечка. целую
Анна: Погоди. Hадо же тебе пропуск выписать. Скажи полностью фамилию, имя, отчество.
Вика: Егоров Виктор Александрович.