Результаты поиска по запросу «

как посмотреть html код страницы

»

Запрос:
Создатель поста:
Теги (через запятую):



it-юмор html 

Пусть HTML будет языком программирования,it-юмор,html
Развернуть

политика экономика бизнес Россия http //www.svoboda.org/content/article/27419006.html 

бизнесмен Дмитрий Потапенко размазал по стенке всё путинское послание


http://www.potapenko.ru/biografi.html




ДВА ПОДХОДА К БИЗНЕСУ,политика,политические новости, шутки и мемы,экономика,бизнес,Россия,http,//www.svoboda.org/content/article/27419006.html


Развернуть

dev реактор html 

Фитчи для ДжойРеактора разной степени реализованности


-=(1)=-
Центрирование Элементов

Когда-то давно...
мне хватало возможности
размещать элементы по центру и я

  Нашел кажется не задокументированную функцию(здесь),в общем можно устанавливать с какого края будут находится элементы
такие как: текст , картинки и даже встраиваемые элементы как Ютуб и наверное Коуб

  Как сделать уже сейчас html коды:

текст с слева

<p align=center>текст по центру</p>

<p align=right>текст с права</p>


  Для Картинок и текста:
<div align="center">
картинка из https://m.joyreactor.cc/post/5715080 но в цвете,
dev,реактор,html

по центру, а для правого края замените "center" на "right"
</div>

  Известные проблемы:если скрестить центрирование и спойлер то спойлер может сломается...
  Кому то захочется написать несколько элементов слева и справа в одной строке что сейчас возможно если и получится то наверное только с таблицей но я не проверял так как таблицы у меня глючат{не очень получаются)
  P.s. Если не внедрять тег center или не добавлять специальные кнопки то было бы хорошо хотя бы не ломать эту фичу


-=(2)=-
Картинка не больше высоты экрана(окна)
  Листал давние посты... раньше картинки были меньше а посты были более лаконичными...
  А что если заделать опцию вставки картинок которые бы сжимались как сейчас но на уровне css стиля отображались бы на высоту экрана(окна) как нынешние гифки... а увеличивались так же как нынешние картинки

  Это кажется можно* сделать через добавление css правила для нужного элемента
*сейчас только через юсэр стиль можно кажется примерно так:
/* css для картинки но без юсэр стиль обвёртки*/
max-height: 90vh;
height: auto !important;
max-width: 100%;
width: auto !important;

  ^но что если добавить на реактор отдельную опцию для подобной вставки в виде кнопки в редакторе или хотя бы специального html параметра

  ...Мне кажется картинки было бы удобней смотреть/воспринимать когда их можно увидеть полностью не прокручивая...
  А ещё эта опция наверное была бы совместима с олд реактором так как если браузер не поддерживает этот css то движок реактора просто отобразит всё как раньше (или нет =_=? )

  Примечание: возможно некоторые картинки меньше 811 пикселей вширь могут потерять в размере, возможно стоит добавить всплывавший значок значок для сжатых картинок ну и/или возможность растягивать их вширь по клику

  P.s1) сделать ещё и для пол экрана(окна), и выбор высоты всяких плееров
  P.s2) вопрос уже поднимался в комментариях кто то не помню где спрашивали что бы картинка была не выше 500 пикселей , в общем спасибо всем участвующим за идею и ну типа это кому то надо...


-=(3)=-
Специальные экспериментальные элементы
  А что если? сделать специальные элементы для тестирования фитч
  К примеру:
* строчный спойлер в котором текст имел лбы цвет фона такой же как и цвет текста до того как по нему кликнут
* картинки на высоту не более экрана(окна)
* какой нибудь коллаж картинок который бы был как существующие таблицы но с ограниченным функционалом и возможно дополненным стилем
* всплывающий текст чтоб когда наводишь курсор на текст а там светился текст как в описании медальки
* чёнить...

  Сделать это в меню редакторов в отдельный раздел с предупреждением "Экспериментальное/временное", ну или хотя бы в виде html кода (в)который можно добавить при постинге вручную, что понравится из ново введений оставить, единственное что для таких экспериментов стоит учитывать чтобы они везде работали и не ломались...


-=(4)=-
Кнопка развернуть только если разворот больше одной строки...
  Ну в посте снизу кнопка развернуть а там при нажатии всего одна строка или маленький кусочек картинки
  Может добавить опцию сравнения высоты поста с высотой до разворота если там меньше 255 разница пикселей к примеру, то кнопку убираем и разворачиваем сразу...

  Примечания:
* можно сделать через js сравнивая высоту элементов
* кто то возможно "мелкий разворот" использует как фитчу, поэтому возможно сделать такио(такие) нововведения отключаемым на уровне редактора поста...
* ну и чтоб с обратной совместимостью


-=(5)=-
Пользовательское "О себе" и статус
  В поле "О себе" в профиле пользователя добавить включаемую опцию/возможность писать несколько текстов разделённых спец символом* которые отображались бы рандомно(случайно) или по каким то датам если таковые указаны
^*" разделённых спец символом" : ну как сейчас теги через запятую пишут

  Ну и возможно добавить пользовательский статус как в виде текста ну или целую шапку как в оформлении фандомов и тегов...

***


~_^ Удачи!
Развернуть

антиваксеры ковид COVID-19 коронавирус политика antivaxx 

Сегодня антиваксы собрались на очередной шабаш в Киеве. Помимо всего прочего протестовали против QR кодов. Коды у них на плакатах ведут на сайт Единой России. У кого-то в типографии хорошее чувство юмора.
/T,c‘-¡dat СВ1ГН1Й m и 0 T i,антиваксеры,ковид,COVID-19,2019-nCoV, уханьский коронавирус, китайская чума,коронавирус,политика,политические новости, шутки и мемы,antivaxx,antivax, антипрививочники
Развернуть

Отличный комментарий!

QR коды уже давно есть почти на каждом сертификате. Только его один хуй никто даже не сканирует в аэропортах, так что можно показывать картинку с кодом, который будет вести на рикрол.
Blaurt Blaurt24.11.202116:02ссылка
-0.3
а потом другой охраник такой:
never gonna give you pass
never gonna let you in
never gonna run around and catch you
never gonna make you fly
never gonna say "oh hi"
never gonna tell you "clear, please move sir"

safari iOS css 

iOS CSS of death

На github опубликован код, приводящий к force restart iOS (11/12 GM) устройств при посещении html-страницы. Также приводит к зависанию Mac OS High Sierra/Mojave при использовании Safari.

safari,iOS,css

Код, приводящий к force restart представляет из себя html-код с большим количеством вложенных div'ов и "сумашедшей" функцией размытия заднего план
слтрхлтрхлтрхлтрхлтрхлтрх лтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлт рхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтрхлтр> <Âpoq> <peaq/> OfÄ^S/> { ixdooooiuqôiaq íxdo000T:q}piM í (xdoi)jnxq :jairrxj.-dojp^oeq-iri^qaM-í(xdox)jnxq :

Есть предположение, что баг закрался на уровне ниже, нежели webkit и может привести к более серьезным последствиям. Также, использование данного бага может быть применимо в социотехнических компаниях и дурацких розыгрышах, так что советую крайне подозрительно относится ко всем ссылкам, тем более что на iOS все браузеры, по сути, это надстройка над Сафари.


Сурс - https://habr.com/post/423411/

Развернуть

Отличный комментарий!

risovachru
norb2 norb218.09.201815:34ссылка
+33.3

без перевода html geek американцы 

, in 8 Americans have worked at McDonald’s.
l in 10 Americans think HTML is a sexually transmitted disease.,без перевода,html,geek,Прикольные гаджеты. Научный, инженерный и  айтишный юмор,американцы,html,geek
Развернуть

Комиксы Beckscomics html собеседование без перевода 

I noticed your Resume says
MASTERY OF HTML." TELL ME MORE.
1« YEARS A&o...
4	 NEOPETS	Xr
Phy	ЕШЯ
	ч АРРИ III M?l4 •V HPPL4
	
	POLL
	0 0
	STATS
WELCOME TO my ЕЛЖ.0!
TJ
(ivs PERFECT///)
'— 1 / -	— У
0 BECKSCOMICS,Смешные комиксы,веб-комиксы с юмором и их


Развернуть

Отличный комментарий!

Для того времени - отличный сайт.
rok32 rok3208.12.201910:56ссылка
+47.4

пидоры помогите фронтенд 

Пидоры-Кодеры помогите!

Дорогие Пидоры! Давеча мой старый заказчик, которому я много лет разрабатываю сайты, медиаконтент и настраиваю рекламу, стал нуждаться в генерации xml - карточек для их импорта в стороннюю базу: https://turk.estate/instructions/xml-import-description/

"Что может быть проще?" - подумал я. И согласился разработать для него десктопное приложение с окошками, которые он будет заполнять нужной информацией, чтобы потом приложение генерировало файл по ТУ. 

Когда-то давно, в школьные времена, я принимал участие в олимпиадах по программированию (там где нужно разработать оптимальный код и соревноваться с другими командами в скорости выполнения алгоритма), писал примитивные изометрические игрушки, потом (больше 10 лет назад) написал на коммерческой основе несколько офисных приложений для учета, и до сих пор периодически помогаю детям друзей с курсовыми  работами на Pascal, так что, сейчас, соглашаясь на работу, я был полностью уверен в своих силах: "Сгенерировать xml - проще простого, а с визуальной средой уж как-нибудь разберусь, наверняка есть гора готовых решений. Или на крайний случай скачаю модуль мышки, модуль работы с буфером обмена, буду считывать координаты кликов мыши, напишу систему ввода с клавиатуры, чтобы работали все служебные кнопки и по пикселям из линий соберу окошко, чтобы было похоже на нормальный фронт".  

Проблема, как вы уже могли догадаться по ходу мысли выше, что я консольщик в чистом виде и знаю только Pascal. Ни смотря на то, что занимаюсь разработкой сайтов, php и js я тоже не знаю. Ну, я могу поправить чужой код, чтобы он делал ровно то, что мне требуется, но написать его с нуля - невыполнимая задача (мне это и не требуется, коды понимаю, а при современном количестве плагинов под WP можно сделать буквально любой функционал на сайте с нынешними навыками).

Ну, и, да, еще лет 5 назад во время отпуска сел за Unity, подучил C#, и тоже что-то смог написать, но про семейство C уже не помню ничего.

За задачу я взялся за бесценок, просто потому, что хотел "тряхнуть стариной", люблю кодить, задача выглядела нереально простой, а в обычной жизни возможность что-то написать представляется нечасто. 

План был такой:

1) Загуглить готовый код для какой-нибудь понятной среды, и его  поправить, ведь, задача тривиальная и, наверняка, ее решили до меня 100 раз. Но оказалось, что то ли гугл-выдача неудачно эволюционировала, то ли запросы неправильные ввожу.

2) Подумать, как собрать самому. Подумал. Оказалось, что даже чтобы подключить к Паскалю буфер обмена - нужно вынести себе мозг. Учитывая, что я уверен, что существует готовое решение, хочется браться за этот вариант в последнюю очередь.

3) Нейросети??? Не знаю я как ими воспользоваться с моими вводными и никогда этого не делал.

4) Прийти жаловаться на Реактор.

ТЗ: 

Манагер садится за комп, копипастит с сайта в приложку описание из карточки товара и ссылки на картинки, нажимает кнопку "сгенерировать" и получает на выходе xml, который импортирует на сторонний сайт. Приложка может быть десктопной или в вебе - всем насрать.

Бэкенд на любом языке по примеру если уже есть функция записи переменных в файл, я напишу. Откуда взять фронт с минимальными трудозатратами - не понимаю и, вообще, как оказалось, в нем не разбираюсь.

Я все еще уверен, что в современном мире все уже готово и я могу решить задачу за вечер, но не понимаю, в какую сторону двинуться. Помогите идеями как решить проблему без масштабного изучения новых сред разработки, языков или написания кучи кода с нуля. При этом что-то простое новенькое с большим удовольствием освою - в том числе, чтобы это сделать, и взялся за задачу.

А я пока что ковыряю Delphi и смотрю, могу ли я в нем быстро разобраться, так что надеюсь на идеи не про Delphi.

Заранее спасибо за вашу мудрость, Пидоры :3

ИСПОЛЬЗОВАТЬ ТОЛЬКО В СЛУЧАЕ КРАЙНЕЙ НЕОБХОДИМОСТИ Ж,пидоры помогите,реактор помоги,фронтенд
Развернуть

html теги текст story форматирование текста гайд песочница шрифт шрифты 

Форматирование текста на реакторе

Долгое время я листаю реактор и замечаю, как реакторчане пытаются как-то подчеркнуть свои слова в тексте путём капса, акцентирования внимания на них с помощью восклицательных знаков в скобках или ещё каким-либо старым способом. Пишу данный гайд для таких людей, хотя может и остальные смогут узнать для себя что-то новое.


Начнём с того, что все, кто читали "О проекте" знают как делать свой текст курсивным, жирным, зачёркнутым, подчёркнутым или влепить на него ссылку.
Для тех, кто не читали - выкладываю сюда тоже:


жирный текст = <b>жирный текст</b>
курсив = <i>курсив</i>
подчёркнутый текст = <u>подчёркнутый текст</u>
зачёркнутый текст = <strike>зачёркнутый текст</strike>
сайт хорошего настроения = <a href="http://joyreactor.cc">сайт хорошего настроения</a>


Хотя почти никто не использует теги для ещё более яркого выражения своей мысли. Помимо подчёркивания, зачёркивания и тому подобных манипуляций с текстом, ему можно изменять шрифт, размер и даже цвет. Всё из этого поможет вам выразить свою мысль в сообщении куда ярче, чем простой капс. Эти три вида "выделения" текста я разберу чуть ниже:


Как изменять шрифт текста:

Несомненно, шрифт для своего сообщения надо выбирать с умом. Главное тут -  не переусердствовать.

На данный момент шрифтов для текста очень много и их можно взять с этого сайта. Хоть и не все из них поддерживают русский язык, не проблема найти себе замену, так как шрифтов на сайте достаточно.


Чтобы поменять какому-либо отрезку текста шрифт, надо написать перед ним <font face=", после кавычек написать название шрифта, а затем открыть тег этими символами: ">

Должно получится что-то вроде <font face="Arial">. После этого можно писать любой текст и он будет принимать вид того шрифта, который вы указали. После написания нужного вам текста, необходимо закрыть тег такой штучкой: </font>


В итоге у вас должно получится что-то вроде этого: <font face="Comic Sans MS">Ты пидор!</font>


Нагляднее: 

нет комментариев Написать комментарий <foot faœ-'Comic Sans М5'>Ты пидор! </font> НАПИСАТЬ Картинка: из файла из URL,html,теги,текст,Истории,форматирование текста,гайд,песочница,шрифт,шрифты


Когда вы отправите сообщение, текст примет написанный вами облик и будет выглядеть так: Ты пидор!

Поздравляю, вы придали своему тексту чуточку уникальности и ваше сообщение выделяется из сотен других :)



Как изменять размер текста:

Тут всё довольно легко. Максимальный размер - 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" будет работать также как и примеры выше.
Допустим, вы выбрали красный (ff0000). Тогда вы делаете так: color="ff0000", а потом вот так: <font face="Comic Sans MS" size="5" color="ff0000">Ты пидор!</font>
Итоговый вариант всех наших манипуляций будет таким: Ты пидор!
Поздравляю, вы прошли полный курс форматирования текста :)

Подводим итоги:

Использовать приобретённые вами знания как надо или во зло - решать вам. Выделять важные фрагменты текста для упрощения восприятия или мешать вырвиглазные шрифты с вырвиглазным цветом, добавляя бешеный размер - всё относительно ваших целей. Несомненно, мешанина из шрифтов и цветов вызовет плохие эмоции у читающего ваши сообщения человека, но это можно использовать для розжига пятой точки оппонентов, хоть это уже и совершенно другая тема, а подробности по ней можно найти в аноне.
Спасибо что дочитали. Надеюсь, я помог кому-то этим постом и впредь реактор станет чуть ярче :)
Развернуть

Отличный комментарий!

СПЛИТХУЕСОС
ZineEasy ZineEasy28.04.201920:34ссылка
+77.8

dev реактор предложения joyreactor песочница 

Линк на оригинальный пик в "зароскомнадозернных" постах

А может где-то внутри поста в забаненном от роскомнадзора теге оставлять линк на оригинальное изображение? В html-комменте или hidden поле, например (ну и в base64, конечно). Они и не заметят, а написать небольшой юзерскрипт всяко проще чем постоянно включать zenmate и прочую проксю, чтобы посмотреть ватников и нарисованный китайский прон.
Надо?
Да
86 (46.2%)
Нет
10 (5.4%)
За тобой уже выехали
90 (48.4%)
Развернуть
В этом разделе мы собираем самые смешные приколы (комиксы и картинки) по теме как посмотреть html код страницы (+1000 картинок)