Результаты поиска по запросу "html narod ru"
Ребзи, как реакторовское поле ввода реагирует на какие-либо html-теги(кроме font)? Возможно ли забабахать полноценные таблицы через td, нормально (или хотя бы приемлемо) позиционировать изображения и абзацы относительно друг друга при написании комментариев или при создании поста, если не прибегать к встроенному редактору?
Что это?:странный пост с 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 пишешь..
~_^
Форматирование текста на реакторе
жирный текст = <b>жирный текст</b>
курсив = <i>курсив</i>
подчёркнутый текст = <u>подчёркнутый текст</u>
зачёркнутый текст = <strike>зачёркнутый текст</strike>
сайт хорошего настроения = <a href="http://joyreactor.cc">сайт хорошего настроения</a>
Хотя почти никто не использует теги для ещё более яркого выражения своей мысли. Помимо подчёркивания, зачёркивания и тому подобных манипуляций с текстом, ему можно изменять шрифт, размер и даже цвет. Всё из этого поможет вам выразить свою мысль в сообщении куда ярче, чем простой капс. Эти три вида "выделения" текста я разберу чуть ниже:
Получается что-то вроде <font face="Comic Sans MS" size="5">Ты пидор!</font>
А выглядеть это будет вот так: Ты пидор!
Долгое время я листаю реактор и замечаю, как реакторчане пытаются как-то подчеркнуть свои слова в тексте путём капса, акцентирования внимания на них с помощью восклицательных знаков в скобках или ещё каким-либо старым способом. Пишу данный гайд для таких людей, хотя может и остальные смогут узнать для себя что-то новое.
Начнём с того, что все, кто читали "О проекте" знают как делать свой текст курсивным, жирным, зачёркнутым, подчёркнутым или влепить на него ссылку.
Для тех, кто не читали - выкладываю сюда тоже:
Для тех, кто не читали - выкладываю сюда тоже:
курсив = <i>курсив</i>
подчёркнутый текст = <u>подчёркнутый текст</u>
сайт хорошего настроения = <a href="http://joyreactor.cc">сайт хорошего настроения</a>
Хотя почти никто не использует теги для ещё более яркого выражения своей мысли. Помимо подчёркивания, зачёркивания и тому подобных манипуляций с текстом, ему можно изменять шрифт, размер и даже цвет. Всё из этого поможет вам выразить свою мысль в сообщении куда ярче, чем простой капс. Эти три вида "выделения" текста я разберу чуть ниже:
Как изменять шрифт текста:
Несомненно, шрифт для своего сообщения надо выбирать с умом. Главное тут - не переусердствовать.
На данный момент шрифтов для текста очень много и их можно взять с этого сайта. Хоть и не все из них поддерживают русский язык, не проблема найти себе замену, так как шрифтов на сайте достаточно.
Чтобы поменять какому-либо отрезку текста шрифт, надо написать перед ним <font face=", после кавычек написать название шрифта, а затем открыть тег этими символами: ">.
Должно получится что-то вроде <font face="Arial">. После этого можно писать любой текст и он будет принимать вид того шрифта, который вы указали. После написания нужного вам текста, необходимо закрыть тег такой штучкой: </font>.
В итоге у вас должно получится что-то вроде этого: <font face="Comic Sans MS">Ты пидор!</font>
Нагляднее:
Когда вы отправите сообщение, текст примет написанный вами облик и будет выглядеть так: Ты пидор!
Поздравляю, вы придали своему тексту чуточку уникальности и ваше сообщение выделяется из сотен других :)
Как изменять размер текста:
Тут всё довольно легко. Максимальный размер - 7. Чтобы прибавить веса вашему и так уникальному тексту, вам надо к <font face="Comic Sans MS" добавить size="размер от 1 до 7".
Получается что-то вроде <font face="Comic Sans MS" size="5">Ты пидор!</font>
А выглядеть это будет вот так: Ты пидор!
Подставив максимальный, седьмой размер, вы можете усилить эмоциональный эффект от данного словосочетания в разы.
И, поздравляю вас, вы добавили ещё пару крупиц уникальности к вашему и без того прекрасному тексту :)
И, поздравляю вас, вы добавили ещё пару крупиц уникальности к вашему и без того прекрасному тексту :)
Как изменять цвет текста:
Самый эффективный способ сделать так, чтоб ваш текст выделялся на фоне других. Поэтому я поставил этот заголовок в конец.
Для начала, вам надо задать себе вопрос "Не много ли я выделяю текста?", когда делаете его цветным. Если ваша цель - просто выделить мысль, то знайте меру и не выделяйте слишком много слов в тексте. Если ваша цель - знатно протроллить всех читающих ваше сообщение, то можете открывать тег перед началом написания сообщения, а закрывать его только когда будете отправлять его собеседнику.
Для начала, вам надо задать себе вопрос "Не много ли я выделяю текста?", когда делаете его цветным. Если ваша цель - просто выделить мысль, то знайте меру и не выделяйте слишком много слов в тексте. Если ваша цель - знатно протроллить всех читающих ваше сообщение, то можете открывать тег перед началом написания сообщения, а закрывать его только когда будете отправлять его собеседнику.
Перейдём к делу. Чтобы добавить цвет к почти готовому коду выше, вам нужны эти волшебные буковки: color="hex код цвета".
HEX код можно взять с этого сайта. Тыкаете на чёрненький квадратик сверху и из таблички цветов выбираете тот, который вам больше приглянулся, копируете его номер (например, #ff0000 - красный цвет) и подставляете в кавычки. Необязательно писать цвет с # в коде, поэтому color="#ff0000" и color="ff0000" будут работать одинаково. Также, писать буквы в HEX-коде цвета капсом или нет - не важно. "FF0000" будет работать также как и примеры выше.
HEX код можно взять с этого сайта. Тыкаете на чёрненький квадратик сверху и из таблички цветов выбираете тот, который вам больше приглянулся, копируете его номер (например, #ff0000 - красный цвет) и подставляете в кавычки. Необязательно писать цвет с # в коде, поэтому color="#ff0000" и color="ff0000" будут работать одинаково. Также, писать буквы в HEX-коде цвета капсом или нет - не важно. "FF0000" будет работать также как и примеры выше.
Допустим, вы выбрали красный (ff0000). Тогда вы делаете так: color="ff0000", а потом вот так: <font face="Comic Sans MS" size="5" color="ff0000">Ты пидор!</font>
Итоговый вариант всех наших манипуляций будет таким: Ты пидор!
Итоговый вариант всех наших манипуляций будет таким: Ты пидор!
Поздравляю, вы прошли полный курс форматирования текста :)
Подводим итоги:
Использовать приобретённые вами знания как надо или во зло - решать вам. Выделять важные фрагменты текста для упрощения восприятия или мешать вырвиглазные шрифты с вырвиглазным цветом, добавляя бешеный размер - всё относительно ваших целей. Несомненно, мешанина из шрифтов и цветов вызовет плохие эмоции у читающего ваши сообщения человека, но это можно использовать для розжига пятой точки оппонентов, хоть это уже и совершенно другая тема, а подробности по ней можно найти в аноне.
Спасибо что дочитали. Надеюсь, я помог кому-то этим постом и впредь реактор станет чуть ярче :)
Спасибо что дочитали. Надеюсь, я помог кому-то этим постом и впредь реактор станет чуть ярче :)
Здесь мы собираем самые интересные картинки, арты, комиксы, мемасики по теме html narod ru (+1000 постов - html narod ru)
Наши любимые теги
Топ комментов
А бывает, комменты лучше постов. Смотрим топ тредов и вникаем!
И правильно ругается, заебали размеры элементов не указывать.