понедельник, 05 марта 2018
14:17

Готовые шаблоны верстки

все записи пользователя в сообществе Котики Инсайда
Ешь, молись, собирай ссылки.
котики, я вот подумал, что нужно сделать командам простейший образец верстки с кодом и объяснить, что с ним делать, чтобы, если кто-то не найдет верстальщика, не страдал.

итак, как это выглядит в готовом виде (зелененькое на скринах - фон соо, в котором проверял верстку):
смотреть

код:

смотреть

2285 символов согласно официальной считалке слов.

картинки:
читать дальше

Можно заменить цвета.
читать дальше

само собой, в комментариях к этой записи будет много помарок, исправлений и тому подобного, может - кто-то предложит свои варианты или объяснит непонятное, так что вэлком!)

URL комментария

Советы из комментариев


читать дальше

Ликбез для чайников. Урок 1.Что такое теги и атрибуты
Ликбез для чайников. Урок 2. Оформление фона записи
Совсем простой резиновый вариант
Вставка артов и коллажей(более правильный код)
В помощь юным кэпам - адаптируемый шаблон эпиграфа комсоо

@темы: взаимопомощь, Верстка, Все хорошо

URL
Комментарии
12.03.2018 в 04:02

Котики Инсайда
Ешь, молись, собирай ссылки.
Вы прям зайчики оба :inlove:

Я буду на все уроки ставить в пост-шапку ссылки. Так проще.
URL
17.03.2018 в 11:29

Гость
Тем, кому вы делаете ачивки (если делаете) добавить ниже их ники в тегах, чтобы сработало дайри-упоминание
только есть одна тонкость - тэги L , если их много, по прошествии суток раздувают и ломают пост к чертовой матери
url
URL
18.03.2018 в 10:52

Гость
А если ники вынести в первый коммент под постом?
URL
11.07.2018 в 01:41

Гость
совсем простой резиновый вариант
URL
11.07.2018 в 09:09

Гость
Вдогонку тому анону - вставка артов и коллажей:



Вставлять вместо вот этого куска:



Выглядит так:

превью
URL
11.07.2018 в 09:30

Гость
ув. верстальщики. А есть какой-то стандарт или что-то общепринятое в максимальной ширине? Минимум не задаём, это понятно. А что с максимумом? Есть подводные камни?
URL
11.07.2018 в 09:39

Гость
Просто думай о том, что если экран широкий и пост по нему распидорасит, читать будет неудобно. Кстати, по-моему, дайри ограничивали ширину до 888рх или я путаю с чем-то?

В любом случае, на мой взгляд, самая удобная колонка текста - 800рх, +/-. Удобно масштабировать для любого гаджета, удобно читать с экрана. Ну и правилами фб визуал ограничен 800рх по большей стороне. Если твой пост распидорасит, а внутри будут висеть маленькие картинки, смотреться это будет сам понимаешь

Но, опять же, это имхо, анон )
URL
11.07.2018 в 16:02

Котики Инсайда
Ешь, молись, собирай ссылки.
Аноны в 09:09 и в 01:41 , спасибо вам! :red:
URL
11.07.2018 в 16:14

Гость
Котики Инсайда, я там у себя увидел небольшую неточность - ещё собьёт кого-нибудь с толку. Если будете выносить в шапку, то лучше вот этот код:



анон с картинками и коллажами
URL
11.07.2018 в 20:26

Гость
А есть какой-то стандарт или что-то общепринятое в максимальной ширине?
Стандартов как таковых нет, всё подбирается в зависимости от контента)) Чисто на мой взгляд, для дайри бы я порекомендовала 900px, если, конечно, у вас шрифт не в 16px)) Но 1100px - это прям самый максимум - иначе всё расползётся.
URL
17.08.2018 в 16:46

Гость
В помощь юным кэпам - адаптируемый шаблон эпиграфа комсоо:

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

КОД

Красивую картинку в шапку от себя рекомендую все-таки тыкать, без нее ссылки не очень красиво упираются в потолок комсоо.
URL
17.08.2018 в 17:41

Гость
Красивую картинку
Да, только не

а вот:

URL
17.08.2018 в 18:18

Гость
Да, только не
Почему не? Он же работает. о.О
*другой анон*
URL
17.08.2018 в 18:25

Гость
Почему не? Он же работает. о.О
+

какая разница?
/ещё один другой анон/
URL
17.08.2018 в 18:41

Гость
Анончики, а ни у кого нет шаблона верстки макси через айфрейм с внешним файлом? Я думаю, для многих это будет очень актуально :beg:
URL
17.08.2018 в 18:45

Гость
Анончики, а ни у кого нет шаблона верстки макси через айфрейм с внешним файлом? Я думаю, для многих это будет очень актуально
wtfbattle.diary.ru/p214838603.htm
URL
17.08.2018 в 18:53

Гость

какая разница?
/ещё один другой анон/
во время долгой, геморройной верстки - большая разница анон
как бы я ни хотел высказаться про лапки из жопки, но в адаптивной верстке недостаточно строгого указания ширины в px, гораздо чаще используется "резинка": указывается строгая ширина в процентах и максимальная - в px.
сам попробуй, анон, запихнуть в свой вариант кода max-width. будет работать? правильно, нет, а все потому, что это вообще-то стилевое ограничение. хорошо, здесь всего одна картинка, но когда это верстка, когда у тебя этих картинок сотня?
а когда тебе принесли работу с тууууучей картинок, ты открываешь и видишь внутри вот это:
и ни одной резинки, ни одной миниатюры, ты понимаешь, что тебе это все это переделывать заново.
принято так, анон, в адаптивной верстке. банально потому, что так проще переделывать, если что.
URL
17.08.2018 в 18:58

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

другой анон
да, я тоже пользуюсь стайл, но для некоторых это китайская грамота, анон
URL
17.08.2018 в 19:16

Гость
wtfbattle.diary.ru/p214838603.htm
Спасибо! :red: За баттлом не следил, поэтому был не в курсе.
URL
18.08.2018 в 00:01

Гость
ты понимаешь, что тебе это все это переделывать заново.
На такой случай есть автозамена, опционально дополненная регулярными выражениями. Делает жизнь проще (ну, если рег.выры не вызывают проблем).
URL
18.08.2018 в 00:25

Гость
Хм.. Если речь о "резинке", то тогда оба варианта неверны (ибо они всё равно индентичны)
Правильно будет так:

Хотя для 450 пикселей как-то бредово добавлять масштабирование, кмк
URL
18.08.2018 в 07:23

Гость
Хотя для 450 пикселей как-то бредово добавлять масштабирование, кмк
+
URL
30.10.2018 в 22:25

Гость
Аноны, делаю баннер на пост набора, подскажите, нормально, что 600 пикселей по ширине (как в правилах) или поменьше сделать (там написано, не более 600)? Есть ли какой-то негласный размер баннера приемлемый ?
пс: вообще новичок, первый раз дизайнерю выкладки
URL
30.10.2018 в 23:54

Гость
Ну можно 600 но тогда высотой не больше половины, а лучше меньше, 200 где-то.
А так-то 500рх вполне нормально ширина.
URL
31.10.2018 в 00:33

Гость
Вообще каких только не делают. От дизайна зависит. Бывают минималистичные, мы как-то 350-370рх делали. Бывают всякие заковыристые, анимированные, неправильной формы - под максимально допустимый размер. В среднем где-то 450-500рх.
Изредка бывают вертикальные ещё. Так что выбирай исходя из задумки и чтобы читалось название команды/выкладки.
URL
31.10.2018 в 01:43

Змий-сердцеед
есссли на баннере просстая картинка и название команды, то нафиг не нужно по ширине шестьсссот. такая просстыня должна сссодержать што-то, что интересно разглядывать. или вот хотя бы картинку какую, штоб не монсструозный прямоугольник, а ссс живым краем.
URL
31.10.2018 в 02:40

Гость
если баннер, который на разобрать, то лучше 350-400, если в качестве моря записи - максимум 500 советую (и высоту максимально узкую лучше сделать), если в шапку - смотри по дизайну как лучше смотреться будет.
URL
31.10.2018 в 02:53

Змий-сердцеед
Дизайнер, ессли будут время и ссилы, то когда ссследующие баннеры будешь делать, уже не на посст набора, а на фссе остальное, запланируй и ссофсем маленькие, "марки". Многие их на время битвы ссибе в отдельный посст в дневнике ссобирают, штоб проще переходить к выкладкам команд.
URL
31.10.2018 в 14:41

Гость
Спасибо, анончики! Все советы принял, записал в книжечку:friend:
URL
12.10.2019 в 17:18

Гость
Большое спасибо анонам в этом треде :heart: :heart: :heart:
URL

Расширенная форма

Редактировать

Подписаться на новые комментарии
Получать уведомления о новых комментариях на E-mail