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

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

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

***


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

без перевода 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
Развернуть

it-юмор 

Без лоха и жизнь плоха

На сайте фестиваля в исходниках html-страницы был код который отвечал за розыгрыш бесплатных билетов на фестиваль (его быстро убрали). Но скриншоты кода остались.

$('#£ö§').click(function(){ var t_form = $('#5оЗоггоп').serialize(); //console.log(t_form); $.ajax({ url: 'https://stopudivka.in.ua/buy/operation/cart.php', type: 'post', data: t_form, success: function(data) { if(data=="success"){ $(1 *motron1). html("Нажаль ви не виграли квиток.

При любой отправке формы, показывается сообщение об неудаче.

Перевод сообщения: К сожалению, вы не выиграли билет. В следующий раз повезет! Вы уже использовали свою попытку.

Полная статьяСТАТЬЯ


Развернуть

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

it-юмор html 

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

joyreactor реактор скачать парсер Joyloader 

Скачивалка картинок с плашками

Короче захотелось мне в связи со всеми этими последними событиями, и тем к чему они могут привести, коечего качнуть с реактора. Чтобы было, на всякий пожарный. Задал вопрос тут http://joyreactor.cc/post/5114496#comment25031878 и получил ответы. Смог воспользоваться одним из них и таки накачал чего хотел. Но пока разбирался с этим делом немного поматерился неудобности обоих способов, и параллельно процессу поковырялся над своим вариантом "на коленках". И вот теперь думаю, что он тоже имеет право на жизнь. Плюсы: удобность и простота. Минусы: плашки на картинках и ненастраевоемость.

В общем вот, представляю вам Joyloader

Скачать: https://disk.yandex.ru/d/uoQRruzTDnPUVA

joyloader.exe - скомпилированный програмусик

joyloader.py - исходный кодик, если вам стремно запускать чужие экзешники (что оправдано), то вот компилируйте сами и пользуйтесь, заодно решается проблема с настраиваемостью, настраивайте.

Кто-то скажет, блин там писят строчек кода, нафик ты это принес? А я отвечу - а вот.

Для примера скрин с рабочей прогой.

I A Не за1Щ|П1|П|1п *■ anime.reactor.cc/tag/Anime+Cosplay Главная > фэндомы > Anime > Anime Cosplay Anime Cosplay + подписаться По щисчиков: 955 Сообщений: 13072 Рейтинг постов: 92,305.6 Косплей (яп. =1 Основными прсфтипами i| детально воссоз "Макияжа и дииилни Q заблокировать *

Пишите замечания, благодарности, ругательства.

п.с Качает не только посты по тегам, но и просто фендомы, и даже комментарии пользователя, в общем походу все, где есть картинки и постраничность.

Развернуть

html код пасхалка web сайт песочница fap Программистка-индивидуалка 

Все уже читали модную нынче шутку:
Программистка-индивидуалка. Выезд, апартаменты. Классика, реверс-инжиниринг, глубокий кодинг без ТЗ. Звони! Есть подружка бизнес-аналитик.

Шутки шутками, а такие программистки есть :)
Пруф http://hakersha.ru


На страничках присутствуют интересные мысли про веб-разработку:

http://hakersha.ru/idea/page/2

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


PS: В html коде есть пасхалки.
Если тебе требуется
Если ты хочешь
1. Помощь по сайту;
2. Поддержка и понимание;
3. Нежное решение всех вопросов
1. Хороший сайт и недорого;
2. Разместить свой сайт в Интернете;
3. Сделать рекламу недорого;
4. Заказать обслуживание сайта..
Я все сделаю
Я к твоим услугам!
Хочешь
Развернуть

пидоры помогите риахтур закладки 

Господа пидоры, столкнулся с потребностью выкачать с риахтура все свои закладки в виде гифок и изображений для заполнения своей визуальной библиотеки на новеньком венике. Помнится, был кем-то рукастым запилен удобный скрипт как раз для этого дела, но вот только пост этого умельца так-же оказался где-то в дебрях закладок и за ~200 страниц его найти так и не удалось. Может у меня маразм и я это всё придумал, но в любом случае, ищу совета как это оптимальнее и лучше всего провернуть. Если кто-то уже сталкивался с подобной потребностью - пожалуйста подскажите.
пидоры, помогите -Ü 05 С <,пидоры помогите,реактор помоги,риахтур,закладки
Развернуть

need help html нужна помощь песочница 

Как сделать так, чтобы кнопки располагались по центру вне зависимости от размера экрана? Заранее спасибо за ответ. В комментах есть код.
ГСП
ntfccvy vim9C99wodu тэовон mamnrj,need help,html,нужна помощь,песочница
Развернуть

KellyC userscript реактор 

Привет. Добавил в KellyC Image Downloader (v1.2.4.4) возможность просмотра ленты тега через api (с сайта или в отдельном окне расширения) - при таком способе в ленте должно отображаться вообще все, исключая влияние региональных блоков, фильтров на самом аккаунте, фильтров на уровне функционала сайта и т.п.

Для просмотра тега через KellyC нужно кликнуть на "[#]" в шапке сайта или правой кнопкой мыши по любому тегу на сайте. Для просмотра всех постов выбрать "бездна"

Отключить можно в [Настройки - Остальное - Показывать кнопку Tag Viewer]

Ну и расширение вынуждено переведено на manifest v3, т.к. уже в январе гугл зачистит все старые расширения из своего вебстора.

Развернуть
В этом разделе мы собираем самые смешные приколы (комиксы и картинки) по теме как просмотреть html код страницы (+1000 картинок)