Шапки / Закрепленные сообщения / Pinned Posts

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

Правила создания графических шапок (шапки состоящие из изображений)

1. Все изображения, формирующие внешний вид шапки, как в спойлерах, так и вне спойлеров, должны иметь одинаковую ширину!

Например:
картинка, оставленная пользователем

Это нужно для того, чтобы, при пропорциональном уменьшении ширины экрана, все изображения шапки уменьшались равномерно, все вместе.


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

Например:
картинка, оставленная пользователем

Вот правильный код такой шапки:

Ссылка:

[monolit]
[IMG]http://1.jpg[/IMG]
[more=[IMG]http://2.jpg[/IMG]]...spoiler text...[/more]
[more=[IMG]http://3.jpg[/IMG]]...spoiler text...[/more]
[IMG]http://4.jpg[/IMG]
[/monolit]


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

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

4. По-умолчанию, выравнивание шапок аналогично обычному тексту в люьом посте. Т.е. по левому краю. Если вы хотите применить тэги center или right для выравнивания шапки по-центру или справа, то применять эти тэги нужно внутри monolit.

Добавлено:
Ну и для примера шапка из 4-х изображений, которая сделана по всем правилам smile.gif


картинка, оставленная пользователем
картинка, оставленная пользователем
...spoiler text...

картинка, оставленная пользователем
...spoiler text...

картинка, оставленная пользователем

картинка, оставленная пользователем

картинка, оставленная пользователем
Вот собственно сам код:
Ссылка:
[center]
[IMG]http://i89.fastpic.ru/big/2017/0219/af/f0e095aa81791a33547430be07ca1baf.png[/IMG]
[more=[IMG]http://i89.fastpic.ru/big/2017/0219/c7/ed8e0a5f9e64b4476fdca4d9617f14c7.png[/IMG]]здесь альбомы[/more][more=[IMG]http://i89.fastpic.ru/big/2017/0219/89/73bb6984bd2cec3a20dde0d9b054f089.png[/IMG]]здесь синглы[/more][IMG]http://i89.fastpic.ru/big/2017/0219/b8/3f642182ce6d9b0be64a3cea285304b8.png[/IMG]
[IMG]http://i89.fastpic.ru/big/2017/0219/f4/e0e2121cc4957013392a73c354ce3bf4.png[/IMG][URL=http://honeyblood.co.uk/][IMG]http://i89.fastpic.ru/big/2017/0219/0e/28d563612f7c51462848422c8cfa540e.png[/IMG][/URL][URL=https://www.facebook.com/honeybloodeatitup][IMG]http://i89.fastpic.ru/big/2017/0219/de/260fe97cf0bf56ed2e191b8bde8ad8de.png[/IMG][/URL][URL=https://twitter.com/yumhoneyblood][IMG]http://i89.fastpic.ru/big/2017/0219/c3/a7aa591b46a600231bc707d086d49ec3.png[/IMG][/URL][URL=https://www.instagram.com/yumhoneyblood][IMG]http://i89.fastpic.ru/big/2017/0219/a2/9b5d8da29cabeda520a898112f2839a2.png[/IMG][/URL][URL=https://www.youtube.com/user/HoneybloodVEVO][IMG]http://i89.fastpic.ru/big/2017/0219/f7/d6d040164e95a949c0950d890d4fbef7.png[/IMG][/URL][URL=https://soundcloud.com/honeyblood][IMG]http://i89.fastpic.ru/big/2017/0219/e4/702aee98f7e962051c292246e49df3e4.png[/IMG][/URL][IMG]http://i89.fastpic.ru/big/2017/0219/d9/b916574a8fc75e30bbf519fbd95f6fd9.png[/IMG]
[IMG]http://i89.fastpic.ru/big/2017/0219/86/d0a6a6ddcaf600304f928c37b45bb486.png[/IMG]
[/center]


Уже как только не изголялся, но в итоге, получается вот такая вот хрень:
картинка, оставленная пользователем
Равняй по правому краю как вариант biggrin.gif

картинка, оставленная пользователем
картинка, оставленная пользователем
здесь альбомы
картинка, оставленная пользователем
здесь синглы
картинка, оставленная пользователем
картинка, оставленная пользователем
картинка, оставленная пользователем
картинка, оставленная пользователем
Цитата: Wu-TangClaneR
Равняй по правому краю как вариант  biggrin.gif
Во, ну хоть так! На первое время, думаю, сойдёт. Спасибо thumb.gif
Подскажите, пожалуйста, в чём проблема. Вроде всё перепроверил, и не раз, но вместо шапки стабильно получаю просто код.
Причём, если полностью (с quote) убрать цитату-описание, всё отображается нормально. С ней - независимо от того, есть ли текст внутри, и какой - снова просто код.
Если же убрать из шапки всё, начиная со строки "[more=1999 - Metal Is A Tough Business]..." (она ближе к концу текста), аккуратно закрыв её с помощью more, отображается и цитата, и шапка, и вообще всё хорошо.

Может у меня совсем глаз замылился в процессе редактирования, но я в упор не понимаю, в чём дело sad.gif
@[Dead Angel]
Кажется, в тексте многовато тэгов - парсеру тяжко. Пока можно попробовать часть тэгов убрать.

@goodhoopoe
Посмотри, интересный момент.
картинка, оставленная пользователем
j0k3r, просто у меня шапки обычно гораздо объёмнее, и в подобных случаях прежде всегда находил какую-нибудь лишнюю кавычку или слеш, радикально менявший их облик, а тут прям какая-то странная зависимость одного от другого. Я уже не раз пробовал разгрузить текст, убрав все ссылки, жирный шрифт, например, или круглые скобки, но нет - либо текст без любой (даже пустой) цитаты, либо с цитатой, но без парочки крайних релизов.

Ещё недавно заметил (прежде, кажется, такого не было), что в ссылках на яндекс диск стали появляться нижние подчёркивания, и иногда, несмотря на то, что ссылка верная, переход по ней (с форума и вообще, в отдельном окне) не срабатывает. Если делаю новую ссылку, и она без подчёркивания - всё нормально. Нюанс, можно сказать, разовый, но, опираясь на него, в данном случае я пытался сделать все ссылки на диск без "_", пока не устал...

P.S. Шапка. На всякий случай:

Без цитаты-описания
картинка, оставленная пользователем

Album
1998 - Tales Of Never Letting Go (Unmastered)
01. 8/6/45
02. Lost Sleep For Weeks
03. No Matter
04. Cleverer
05. Delicate Fiction
06. America Through A Windshield
07. Esperanto
08. Never Get Out Of The Boat
09. Unraveling

MP3 (192 kbps), 34 Mb
Mediafire Yandex
EP
1997 - Miltown EP
картинка, оставленная пользователем

01. No Matter
02. Pop Culture Consequence
03. Delicate Fiction
04. Jumping Someone Else's Train (The Cure Cover)
05. Predatory Male
06. Tales Of Never Letting Go

MP3 (V0), 38 Mb
Mediafire Yandex

MP3 (320 kbps), 47 Mb
Mediafire Yandex
Demos
1996 - The Salad Days Demos
01. Unraveling
02. Esperanto

MP3 (160 kbps), 5 Mb
Mediafire Yandex
1997 - The Salad Days Demos 2
01. Cleverer*
02. End Transmission**
03. Unraveling*

*This version re-mixed by Glenn Smith at Amps Vs Ohms, Cambridge, MA, in 2008, unmastered
**This version rough mixed by Brian McTernan and Miltown, in 1997

AAC (~128 kbps), 8 Mb
Mediafire Yandex
Compilations
1998 - Up The Dosage!
картинка, оставленная пользователем

Can't Leave Home

MP3 (320 kbps), 7 Mb
Mediafire Yandex

FLAC (WEB), 21 Mb
Mediafire Yandex
1999 - Metal Is A Tough Business
картинка, оставленная пользователем

Ace Of Spades (Live)

MP3 (320 kbps), 6 Mb
Mediafire Yandex
Live
1997 - Miltown - Live At The Space (Worcester, Massachusetts)
01. Delicate Fiction
02. Unraveling
03. No Matter
04. End Transmission
05. America Through A Windshield
06. Jumping Someone Else's Train (The Cure Cover)
07. 8/6/45
08. Cleverer
09. Tales Of Never Letting Go

MP3 (96 kbps), 16 Mb
Mediafire Yandex
199X - Live At Mama Kin Music Hall, Boston, Massachusett
Reasons To Admit I'm Wrong

MP3 (192 kbps), 4 Mb
Mediafire Yandex
С цитатой-описанием, но без трёх последних (нижних) релизов
картинка, оставленная пользователем
Цитата:
Miltown was a short-lived American rock band from Boston, formed in 1995 by Jonah Jenkins (Only Living Witness, Milligram, Raw Radar War, The Northern Skulls) and was signed by Larry Jacobson to Irving Azoff’s Giant Records, aka Revolution Records.

Miltown recorded several demo tapes on their own with guitarists/producers Brian McTernan (Ashes, Battery, Biology) and Matt Squire (Ashes, Battery, The Rise Park), bassist Jay Cannava (ex-27, ex-Clouds, Gozu) and drummer Rob Dulaney (Jake Brennan And The Confidence Men, Sarah Borges And The Broken Singles), releasing a CDEP (Hydra Head Records), two 7” vinyl records and one album for Revolution Records with producer Toby Wright (Alice in Chains, Korn, Taproot), which was never officially released.

After protracted internal and record label disputes, the group subsequently split in 1998.
Album
1998 - Tales Of Never Letting Go (Unmastered)
01. 8/6/45
02. Lost Sleep For Weeks
03. No Matter
04. Cleverer
05. Delicate Fiction
06. America Through A Windshield
07. Esperanto
08. Never Get Out Of The Boat
09. Unraveling

MP3 (192 kbps), 34 Mb
Mediafire Yandex
EP
1997 - Miltown EP
картинка, оставленная пользователем

01. No Matter
02. Pop Culture Consequence
03. Delicate Fiction
04. Jumping Someone Else's Train (The Cure Cover)
05. Predatory Male
06. Tales Of Never Letting Go

MP3 (V0), 38 Mb
Mediafire Yandex

MP3 (320 kbps), 47 Mb
Mediafire Yandex
Demos
1996 - The Salad Days Demos
01. Unraveling
02. Esperanto

MP3 (160 kbps), 5 Mb
Mediafire Yandex
1997 - The Salad Days Demos 2
01. Cleverer*
02. End Transmission**
03. Unraveling*

*This version re-mixed by Glenn Smith at Amps Vs Ohms, Cambridge, MA, in 2008, unmastered
**This version rough mixed by Brian McTernan and Miltown, in 1997

AAC (~128 kbps), 8 Mb
Mediafire Yandex
Compilations
1998 - Up The Dosage!
картинка, оставленная пользователем

Can't Leave Home

MP3 (320 kbps), 7 Mb
Mediafire Yandex

FLAC (WEB), 21 Mb
Mediafire Yandex
Live


Это сообщение отредактировал [Dead Angel] - 22.08.18 в 19:21
@[Dead Angel]
Я просто описал быстрое решение. Сам попробовал повыпиливать тэги частично - стало веселее, но пока не могу предложить, как решить эту проблему. (может, я тоже что-то просмотрел)

Цитата:
на яндекс диск стали появляться нижние подчёркивания, и иногда, несмотря на то, что ссылка верная, переход по ней (с форума и вообще, в отдельном окне) не срабатывает.
Вот тут нужен пример.
картинка, оставленная пользователем
Цитата: j0k3r
Вот тут нужен пример.
Отпишусь, как только/если он будет.

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

К слову, именно в ней я в последний раз менял ссылки с zippy на yandex около двух недель назад, и столкнулся с этим (может даже в каких-нибудь логах это сохранилась):
Цитата:
в ссылках на яндекс диск стали появляться нижние подчёркивания, и иногда, несмотря на то, что ссылка верная, переход по ней (с форума и вообще, в отдельном окне) не срабатывает
Теперь, даже если пересозданная ссылка с нижним подчёркиванием, всё в порядке, хотя после я буквально несколько файлов загрузил. В любом случае, думаю это на стороне яндекса что-то (было).

P.S. Ещё на днях заменял картинки здесь. То есть код равносильный (если так можно выразиться), но, ради интереса, попробовав сейчас добавить quote - всё тоже самое. При этом и more и media вроде работают, добавляясь без проблем unsure.gif
@[Dead Angel]
взял смотреть. спасибо, что приложил примеры smile.gif
картинка, оставленная пользователем
Пофиксили!

@[Dead Angel], плиз, проверь! wink.gif Спасибо @goodhoopoe!
картинка, оставленная пользователем
goodhoopoe, j0k3r, спасибо! У меня как раз пяток новых шляп, отпишусь по каждой smile.gif

Этот топик читают:

236 ответов с 04.09.07 в 14:13
Назад в Помощь по FunkySouls