Меню
StopGame  Блоги Персональный блог Безумного Лиса [На заметку новичку!] Или как просто и быстро оформлять блоги на Stop… Game… Ru…

Самое актуальное

  • Итоги десятилетия. Год 2012-й / StopGame Яндекс.Плюс
  • «Инфакт» от 20.01.2020 — Онлайновый Скайрим, козлы в Overwatch, мультфильм по Mortal Kombat, тизер Summerford…
  • Dark Fall: Ghost Vigil: Обзор
  • Итоги десятилетия: Ностальгируем по 2014-му
  • Итоги десятилетия: Ностальгируем по 2015-му
  • Итоги десятилетия: Ностальгируем по 2016-му
  • Encased: Превью по ранней версии
  • Блоги. Трудно быть некромантом | Обзор дилогии NecroVision
  • Блоги. Как Papers Please копает вглубь тоталитарного государства
  • Итоги десятилетия. Год 2013-й / StopGame Яндекс.Плюс
  • Super Crush KO: Обзор
  • VR-безумие / Уэс и Флинн играют в VR
  • Итоги десятилетия. Год 2014-й / StopGame Яндекс.Плюс
  • Cuisine Royale: Обзор
  • LAYERS OF FEAR VR. Рисуем завод кирпичей (хоррор-стрим)
  • Итоги десятилетия. Год 2015-й / StopGame Яндекс.Плюс
  • Блоги. Достижения в играх: дар или проклятие?
  • Блоги. История серии Mobile Suit Gundam. Часть #0 Введение
  • Как PlayStation 2 завоевала весь мир
  • SG + Яндекс = Лендинг Десятилетия
  • Nier: Automata. Итоги десятилетия: 2017
  • Итоги 2019-го игрового года
  • «Ядерный титбит». Авторов игры уже посадили? [Разбор полётов]
  • Итоги десятилетия. Год 2016-й / StopGame Яндекс.Плюс
  • Axiom Verge: Обзор
  • Юрий Матвеев: «Спектрофон», «Звёздное наследие», игры 90-х
  • Одна рука здесь, другая там / Марафон HALO на StopGame
  • Immortal Realms: Vampire Wars: Превью по бета-версии
  • Итоги десятилетия. Год 2017-й / StopGame Яндекс.Плюс
  • Cthulhu Saves Christmas: Обзор

[На заметку новичку!] Или как просто и быстро оформлять блоги на Stop… Game… Ru…

+61
Поговорим о такой острой проблеме для многих новичков на СГ, как невозможность красиво оформить блог, это и не опытность и неотзывчивый инструментарий, и незнание многих хитростей которые помогают другим, ветеранам блогов, оттачивать своё оформление до блеска.

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

На заметку читателю






И музычка для настроения



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








Начнём с заголовков для каждой части блога. И первый тег поможет вам в этом:<

<h1>Текст</h1>



Всего есть 5 значений, и каждая цифра отвечает за размер шрифта, выглядит это вот так:

Часть первая

— /h1

Часть вторая

— /h2

Часть третья

— /h3
Что характерно данный тег с кодом h3, создаёт полосочку, естественно это не проблема, но почему только у него это есть а у других нет, загадка.

Часть четвёртая

— /h4

Часть пятая
— /h5

Всё что вам нужно это просто поменять цыфри в обоих значениях, от одного до пяти и всё заглавие готово.

Также заголовок можно выровнять, благодаря:

<h*><p class="left">Слева</p></h*>
<h*><p class="right">Справа</p></h*>
<h*><p class="center">ЦЕНТР</p></h*>


Вместо звездочек ставьте желаемую цифру!

Примеры:

Чики


Бам

Бони


За тег спасибо — egorin2.

Следующий тег позволит вам разделить главы, используя специальную линию.

<hr></hr>



Чисто для примера, вот что он даёт:




Это хорошо помогает для разделения глав, его можно спокойно использовать и с предыдущим тегом:

На этом всё, но я продолжу...

Глава вторая «Побег из Свинарника»

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


Так как на СГ нет разделителя, приходится выкручиваться, потому можете использовать не только этот тег, но и другие символы вроде звездочек или квадратиков. Но с одним условием, их нужно ставить посередине.
Примеры:

◆ ◇ ◆


✽✽✽


***



Ещё один тег предоставленныйShanti.
За что ему также отдельное спасибо а также два чая!

Тег . Позволяет сделать красивое заглавие на общей странице,
Вот здесь, чтобы в нём не отображался лишний текст (например, новое предложение, которое начинает мысль, но не влезает целиком).


Рась



<cut>текст, которого не должно быть видно (как правило, это весь блог, кроме первых предложений)</cut>


Если поместить в него текст целиком, то будет выглядеть как-то так:

Двась



Но его не обязательно можно использовать.



В качестве разделения можно использовать и гифки, для этого они должны быть не больше 50 х 45, либо 50 x 50, или 60 х 60. Короче они должны быть маленькими.

Примеры:






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

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

Как здесь


Всё, не хочет работать, а почему? А потому что размер изображения в 800 х 533




( ͡° ͜ʖ ͡°) оу 700 х 533 делает своё дело, подождите. ( ͡o ͜ʖ ͡o), ಠ_ಠ, ( ͡ʘ ͜ʖ ͡ʘ)…



¯\_(ツ)_/¯ Можем продолжать блог!



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

Ещё одной необычной вещью с которой вы могли столкнуться, это заглавие через картинку. Ну то есть когда есть небольшое изображение а на нём текст, или ещё что показывающее начало новой главы в блоге. Вот пример:




Такое изображение может быть гифкой, с движением, но оно обязательно должно быть в размере — 700 х 165, либо высота может быть чуть больше, но ширина была, есть, и будет только в 700.

Вообще для всех изображений лучше всего использовать расширение 1280 х 720, или 1920 х 1080. Так они будут иметь респектабельный вид. Если есть некоторые проблемы с расширением, попробуйте добавить изображение в рамку, или скопируйте его на новый слой, одно поставьте на передний, второе растяните на задним и используйте размытие по Гауссу. Но это уже можно провернуть в фотошопе, так что не ленитесь, и читайте специальные обучения.

И да, картинки и гифки, всегда должны быть посередине!


Продолжая тему картинок, стоит упомянуть галерею.

<gallery>картинка 1, 2, 3...</gallery>



Работает эта штука через пень колоду, но с ней можно справится. Опять таки, следите чтобы изображения не были слишком узкие и высокие, не то получится вот это:



Выглядит неряшливо, но сейчас всё исправим. Для этого используем уже знакомые расширения 1920 x 1080, или 1280 x 720. Также изображениям в этом теге, не нужно выравнивание по центру, так как они автоматически становятся в этом режиме.



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



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

Пока не забыл, нужно упомянуть ещё один тег, который был предоставленegorin2.

Можно пожелать два чая этому господину!



Сам тег:

<a href="Ссылка" title="Текст">Картинка</a>

Желательно выделять картинку с https:// images.

Как работает:


Просто нажимаем на само изображение и переходим по ссылке.
Интересно, куда оно нас приведёт?



Что ещё работает так это изображения со сдвигом в право или лево, естественно этот процесс снова работает через пень колоду. Но нужно просто привыкнуть.
Сам тег:

<картинка скопированная сюда.jpg" width="224" height="140" alt="" title=""align="right">



Выглядит это вот так:




То есть чтобы вы понимали так удобней рассказывать про некоторых персонажей и локации

Лайфхак. Чтобы картинка при align='right/left' была на одном уровне с текстом, надо вставить код картинки не выше текста, а через 2-3 слова в первой строчке текста.

FoxHeaven





Ну а теперь поговорим о видео-материалах.
В блоги СГ можно спокойно загружать видео с Ютюба.

Пример
Оцените мой видос, посмотрите его до конца, я так старался, всё что я прошу это подписка и лайк.(✿❦ ͜ʖ ❦) Реально, смотреть до конца


С vimeo
Пример

Только когда будете выкладывать своё видео, в графе адреса удостоверьтесь что оно подписано:

http://

А не

https://

S нужно удалить иначе видео не будет работать.

И с Вк

Пример

Неа



Увы но видео с вк, работать не будет.



Но что работает так это вот такое видео:



Чтобы видео отображалось словно на него сбросили рояль и оно сплющилось, нужно ввести следующее:

<iframe width="700" height="100" src="https://www.youtube.com/embed/код вашего видео" allowfullscreen="true" scrolling="no"></iframe></p>



только нужно следить за тем чтобы в адресной строке было не watch?v=, а embed/. Сам адрес вашего видео копируется из ссылки ютюба и выглядит этот процесс вот так:



Не копируйте видео из вашей ютюб галереи — «понравилось», или как вы там её назвали. Адрес должен быть из оригинального видеоролика! Видео адреса из ваших плейлистов работать не будут, нужен оригинальный адрес, скопированный под каждым видео по отдельности.

Для чего это нужно, спросите вы? Да тут просто нету нормального проигрывателя музыки, потому приходится выкручиваться. Так и живём.

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

Ну и по мелочи

Cntrl+Z — вернуться назад, так легче исправлять опечатки.
Сntrl+Shift+Z — шаг вперед, если сделали что не так.

Когда добавляете текст для цитаты, сначала добавьте сам тег, а затем скопированный текст, если наоборот он продублируется и это будет выглядеть вот так:

Что может быть лучше душистой и мягкой, попы Mercy из Overwatch? Что может быть лучше душистой и мягкой, попы Mercy из Overwatch?

И не забывайте избегать «спойлер», который привязан к каждой картинке, и который нужно отключать каждый раз когда загружаешь новое изображение.

18.01.20 update 0.0V1


Спойлеры. Неотъемлемая часть наших блогов хоть и имеет знакомый тег, но всё таки нуждается во внимательности, так как если следите за тем что пишите:

<spoiler title="Основной"><spoiler title="">Содержание</spoiler></spoiler>


Вот пример:

Спойлер
Готов ли ты?
Пройти через всё это...
Чтобы дойти до главного приза?
Чтобы увидеть ...
Невиданное!
Последний раз спрашиваю?
Ты готов?
Тогда начнём!
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык
Тык

Призы в студию!


Только нужно каждый раз вводить новый спойлер, не то работать не будут.



И напоследок хотелось бы сказать, что надеюсь данный блог поможет новоприбывшим, а также будет с пониманием принят основной публикой. Так как это часто бывает, кто-то из старичков напишет что «все знают о вышесказанном», но на деле люди которые пришли сюда писать, элементарно не могут загрузить картинки по центру. Впрочем это уже дело каждого, для себя я решил проинформировать общественность. Что я сейчас и сделал.

А также высказать мысль, о том что СГ много чего не хватает. На момент моего прихода сюда, инструментарий был не очень, а вот сейчас так вообще неудобен и, вы уж не серчайте, убог. Нельзя сделать разделения, нету заголовков, картинки нельзя перетаскивать сразу из папки, ну ладно нельзя перетаскивать, но «спойлеры» и загрузка каждого изображения по отдельности — это ужас какой-то, и что чёрт побери почему нет оповещения о новых комментариях других пользователей под личными блогами, почему некоторые находят блоги случайно, из-за чего у одного может быть переизбыток внимания а у другого 300 чел. еле соберётся. Непонятно.

Ьлог будет периодически обновляться, так что следите за новыми тегами!


Большое спасибо!
За помощь в накоплении знаний огромнейшие спасибо таким пользователям как FoxHeaven, LastStepToHell, и Iikvap. Спасибо вам ребята!


Горячий Позитиватор ( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)
Комментарии (83 шт.)
Первый погиб сражаясь с Комментарием. Так что ПК не будет.
Этому блогу ещё не хватает тега <code>, чтобы, собственно предоставлять теги текстом, а не картинками.
У меня не получилось, да и в инструментарии его нет…
Собственно, тег в моём комментарии — наглядный пример его работы. Как например:

<h1>текст</h1>

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

Теперь же можно давать ссылку на блог, в случае чего. Вопросы по тегам периодически мелькают. А если ещё и тему прилепят в рекомендуемое, он даже не утонет. В любом случае, свежий путеводитель по тегам — вещь вполне полезная.
А если ещё и тему прилепят в рекомендуемое...

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

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

Но вот блог Штейна, который красуется в рекомендуемых — красивый, да. Но полностью бессмысленный, это напутствие из разряда «верь в себя и всё получится», вместо того чтобы дать реально дельные советы чтобы реально получилось.

Вот он пишет что посмотрите на блоги Ласта и Сксталкера, ну и? Всем теперь писать про то что нравится как первый, или про кликбейт и порно как второй? Лучше бы написал какое расширение принимает сайт, чтобы картинки не сходили с ума. Что Ласт использует премьер для гифок, что Сксталкера лучше не читать, ибо он к людям как к мусору относится. У себя на Девика, он вообще написал что от всех здесь его тошнит.

И да такой блог нужен, да это красивая обвёртка без реальной информативности, но его не грех поставить в рекомендуемое.
Но это не вина СГ, нет, сейчас везде так.
Всё бы хорошо, но я так понимаю, от этого куска домена не добиться выравнивания тескса спойлера по центру, что печально. Но и другие фишки будут полезны. (музыкального позитиватора ещё)
Наконец-то нашел, как делать галереи. В след материале уже буду использовать, так как написал 12 января. Спасибо за информацию.
Эх, знал бы, раньше бы написал.
Спасибо за «Галерею»! Уже голову сломал, как сделать «карусель» без css.
<_< CSS можно применить как-то, пока пишешь блог?
Мои знания в вебе — это простейшие теги HTML5 😅 Подразумевал, что только через стили можно добавить сложные вариации с картинками. Тем более на сайте не было функции, а некоторые как- то делали. 😮
Нет, сайт не воспринимает его. По крайней мере, когда я пытался перекрасить шрифт с помощью цсс, то он просто не понимал меня.
Эти знания были даны только избранным. Остальным пришлось давиться обычным «вставить жипег» в течение 10 лет.

ну еще может кто-то выпустить адекватную инструкцию как можно оформлять блог, и на этом всё.


О, видишь как хорошо) И десять лет ждать не пришлось, «кто-то» таки написал адекватную инструкцию)
А вообще прикольно получилось и многое из этого точно пригодится.
Что касается других загружаемых гифок, лучше всего использовать расширение 700 х 365, вообще высота может быть до 700, но ширина всегда должна быть 700, иначе ваша гифка не заработает.

[spoiler]Как здесь[/spoiler]

NSFW АЛЯРМ.

Это не NSFW, это «бразильский» танец двух красивых женщин!
Также заголовок нельзя выравнять по центру, он всегда будет только с левой стороны.

ГХМ!!!
h1

h2
h3
h4
h5

<h*><p class="left">Слева</p></h*>
<h*><p class="right">Справа</p></h*>
<h*><p class="center">ЦЕНТР</p></h*>
Так же, всё, что написано в заголовке, добавляется к названию блога при репосте.
Пруф

И ещё один момент.
В заголовок при репосте пойдёт только то, что было на момент публикации страницы. Изменения\ добавления\удаления не влияют на название репоста.
Вот так выглядит твой блог


«Часть перва...» там не с бухты барахты.
И от куда я мог об этом знать:

<h*>Слово</h*>

ГХМ!!!

Звёдочка подразумевает

X

То есть любое число)
Для любителей выпендриваться с html магией (как я, который может запихнуть <code></code> в <code></code>:3) советую не забывать про атрибут title="", который применяется на картиночках и ссылках, добавляющий всплывающий текст при наведении на изображение.
советую не забывать про атрибут title="", который применяется на картиночках и ссылках, добавляющий всплывающий текст при наведении на изображение.


В смысле?
Выглядит оно так
<a href="ссылоче" title="А сюда хреначить пасхалки"></a>
Нужно попробовать.
Когда попробовал!
Когда добавляете текст для цитаты, сначала добавьте сам тег, а затем скопированный текст, если наоборот он продублируется

Лайфхак за счёт Эрла.
Можно выделить нужный кусок на сайте, нажать на тег цитаты, и тогда он автоматом будет скопирован в коммент в тегах. Собственно, из-за того, что тут два скрипта, текст дублируется.
Но для оформления блога это не понадобится.
Главное чтобы всё что я дополнил, увидели другие люди, а то я как-то опрометчиво ринулся писать, забыв задать вопрос по тегам, на самом СГ.
Так.
Исправляй ошибку.
Правильно так:
<a href="Ссылка" title="Текст">Картинка</a>
Текст появится, когда ты наведёшь курсор на изображение, но не будешь нажимать.
В самом изображении, если что тайтл по дефолту уже есть.
<img src="Ссылка на изображение" width="700" height="393" alt="" title="" вставляется автоматом>
так ведь вроде бы работает?
Ссылка работает. Но, в коде ссылки у тебя в атрибуте тайтла лишний текст, который делает
Такую фигню
Ха, спасибо! Всё работает

^_^
Но только я не рассказал от атрибуте Альт. Который доступен только истинным илитариям. МУА-ХА-ХА-ХА!
Колоссальная работа проделана, так что сразу два плюсца влеплю!
Вот жеж зараза, минус тебе за такие позитиваторы, когда я есть хочу!
Так что обойдёшься одним плюсом
Не сказал бы что колоссальная, но постараться следовало.
И да, спасибо!
Тег <cut>. Он позволяет сделать красивое заглавие на общей странице,
вот здесь,
чтобы в нём не отображался лишний текст (например, новое предложение, которое начинает мысль, но не влезает целиком).

<cut>текст, которого не должно быть видно (как правило, это весь блог, кроме первых предложений)</cut>

Если поместить в него текст целиком, то будет выглядеть как-то так:
Показать картинку

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

Поделюсь ещё одной тайной.
Представляю вам комбинацию спойлеров.
<spoiler title="Первая"><spoiler title="">Содержание</spoiler>
<spoiler title=""><spoiler title="Вторая">Содержание</spoiler>

Дерзкие, резкие и, немного, богомерзкие.
Кто вообще будет так делать? Правильный ответ — никто.
Потому оно в действительности встречается как-то так
<spoiler title="Основной"><spoiler title="">Содержание</spoiler></spoiler>
Очень много задумок можно оформить в виде спойлеров. А потому вы должны быть внимательны, чтобы не написать один из представленных вариантов.
Здесь всего два ключевых момента. Любое содержание (текст\картинка\видео) упаковано в два спойлера, у одного из которых в title="" ничего нет. Всё остальное влияет на работу кода примерно никак.

Ах да. Эта комбинация в посте заставляет читателей ПЛАКАТЬ СЛЭЗАМИ.
МэдФокс, можешь опробовать и расписать, почему так делать не стоит.
Я так делал, но думаю пользователи сами разберутся с этим, так как вроде здесь нет ничего особенно, просто спойлеры. Или нет?
Если экспериментировать с этим самостоятельно, то ничего сложного. Но если внезапно наткнулся на его действие, то новичкам не особо понятно, что это вызвало и как исправить. Непонятно это и модераторам)))
Я просто не могу понять что в чём тут проблема, огромное число спойлеров, приводит к путанице?

Просто я должен толково объяснить, что и как, а я как бы не вижу серьёзной проблемы. Как мне быть?
Просто вставь это
<spoiler title="Основной"><spoiler title="">Содержание</spoiler></spoiler>
После первой картинки этого топика, и увидишь всю красу :3
Мне просто лень делать картинку, я проверяю другие атрибуты.
Завтра сделаю.

(´。• ᵕ •。`)
Огромнейшее Спасибо за топик
Однозначно закидываю в избранное
Это хорошо.
Хороший блог и главное полезный. Буквально недавно узнал, что если черновик опубликовать — блог затеряется, хорошо, что здесь — это выделено жирным.
Реально полезно будет в следующий раз, если буду что-то писать. Давно хотел узнать, как все эти полосочки делаются.
Спасибо за материал. Не факт, конечно, что я всем этим воспользуюсь, но кое-какие вещи почерпнул для себя. Теперь я буду ещё осторожнее работать с оформлением своих блогов на СГ.
Когда-нибудь я найду применение этим секретным знаниям. Благодарю за блог. ;)
Я даже и не думал, что стольким людям нужна помощь с оформлением…
Эх, всегда хотел узнать как работают три вещи, а тут описали только одну, это галлерея. Но раз уж такая тема пошла, может кто подскажет, как:

а: Делать картинки в рамке, когда сверху и снизу есть полосы
б: Как делать описание картинки в сером прямоугольнике?

А за статью спасибо.
Тут же фак ап, пропустил мимо глаз, ответ на вопрос под буковй а)
Угусь. hr тебе в помощь. А вот второй тег и меня интересует, так что ждём ответ от знатоков вдвоём. :D
Как делать описание картинки в сером прямоугольнике?


А это вопрос не ко мне.
а: Делать картинки в рамке, когда сверху и снизу есть полосы

Похоже на атрибут border, который не доступен обычным пользователям.
Но, поскольку мне сейчас лень, можешь скинуть примеры как А, так и Б?
html-маги, может кто-то из вас знает, как подобного добиться под фото/видео?

&lt;b&gt;ТЫК&lt;/b&gt;
Не думаю, это может только редакция делать.
Ох уж этот привилегированный слой общества: с
Эх, ну ладно.
На данный момент это доступно только редакции.
Разве что пилить такое в фотошопе.
Пока еще не забыл, ты знаешь как делать спойлер посередине?
Знаю
Надо взломать СГ и прописать такую возможность в движке
Zeron такие фокусы делал, если я не ошибаюсь.

Хитро
У него там такой костыль, что я любил.
Код в комментарий
<p class="center"><img src="https://stopga.me/images/uploads/images/306872/form/2020/01/20/1579471151.jpg" width="255" height="5" alt="" title="" align="left"></p><spoiler title="текст">содержание</spoiler>

Код для блога
<p class="center"><img src="https://stopga.me/images/uploads/images/306872/form/2020/01/20/1579470215.jpg" width="255" height="5" alt="" title="" align="left"></p><spoiler title="текст">Содержание</spoiler>

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

В дополнение
Экспериментально выявил, что отступ в этом теге зависит от параметра width=«x»
Где X может принимать значение от 0 до 600
Значение 0

Значение 600

При 600 оставшегося пространства хватит, чтобы записать «Скрытый текст» или аналогичной длинны текст, всё остальное будет перенесено на следующую строку. Но в мобильной версии выглядит это
Не очень красиво

В комментариях верхний предел зависит от количества фигур слева и следует установить экспериментально.
Поправка
От 1 до 600
MadFoxAlive, а есть ли удобный способ сразу несколько картинок закинуть? А то для обзора десятка 3-4 в блог приходится поочерёдно вставлять.
Да и загружаются изображения по одной за раз, из-за чего загрузка десяток таких, может превратится в муторный процесс.


Нужно внимательно читать!
Здесь такой роскоши как загрузка нескольких картинок — одновременно, нет. Инструментарий не предназначен для этого.
Ясно, спасибо.
Чики пам бонни
вот это блоги которые мы заслужили! Если говорить по факту, то чем больше такого «контента» будет, тем приятнее будут статьи, для себя беру статью в заметки, буду пробовать, спасибо автору!!!
Для комментирования необходима регистрация.
Прямой эфир «Блоги»
Курилка 2020-го Праздника к нам Приходящего
Блог курилок и длинных разговоров
Игры десятилетия не существует
Персональный блог Firefly
[ХАЛЯВА] Место раздачи халявы V11!
Официальный бложик халявщиков на СГ
Подкаст. Как в России делать игры 18+
Персональный блог Аниматора port154
High School DXD: Трэш Высокой Культуры
Персональный блог Бомжа-Металлиста
Наверх ↑