Тред 1 (этот), Тред 2 (следующий), Тред 3

Ранее

Пишет Гость:
14.10.2015 в 03:56


А вообще, давайте обсудим дизайн вёрстки, чтобы те, кто будет этой зимой верстать и придумывать дизайн, не повторяли ошибок. Что недопустимо в вёрстке, что, наоборот, должно быть?
Думают ли те, кто будет верстать, о тех, кто планирует читать выкладки не с ноутбуков, а с мобильников?

На какие команды прошлых лет следует ориентироваться как на эталон, а какие команды, наоборот — вопиющий вырвиглаз и безвкусица?

URL комментария
20 страница

Треды реков и антиреков дизайна: 1, 2, 3

@темы: Визуал, Советы, Верстка и оформление

Комментарии
03.12.2014 в 20:18


Простите, косо отправила, быстрофикс.
03.12.2014 в 20:33

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

А засунуть тег вовнутрь дива и диву прописать нужный цвет не вариант, кстати?
анон-мимокрокодил

если бы всё было так красиво, я б сюда не пошёл, наверное)
03.12.2014 в 20:37

анон со ссылкой, спасибо, сам бы я долго искал)
Будь любознателен анон! И не только ты, в целом половины вопросов тут можно избежать с помощью кнопки F12 и htmlbook. Ну и для всяких градиентов, скруглений, теней и пр красоты навалом генераторов, которые так и гуглятся (на английском конечно)
03.12.2014 в 20:39

htmlbook.ru это ваще библия начинающего верстальщика)
03.12.2014 в 20:42

htmlbook.ru это ваще библия начинающего верстальщика)
а для практикующего словарик для редкоиспользуемых атрибутов, которые просто забываются
03.12.2014 в 21:54

ну, я когда благодарил за ссылку, благодарил как раз то, что она адресная, на конкретный тэг, а не за это "иди почитай библию верстальщика-новичка".
простите, но я искренне не понимаю, в чем проблема посоветовать, если знаешь, и промолчать, если советовать лень.
09.12.2014 в 22:06

Дамы и господа, возник вопрос. Если все картинки будут загружены в БИ стороннего дневника или вообще какой-нибудь хостинг хранения картинок, то при выкладке от командного логина дизан не "поедет"?
09.12.2014 в 22:08

Если фон прописан через стили, то дайри порежет картинки. Если через img, то не должно ничего ехать, вроде.
09.12.2014 в 22:13

Если div style=background:url(''), то загружать только в БИ командного логина.
09.12.2014 в 22:49

Если div style=background:url(''), то загружать только в БИ командного логина. спасибо, анон! :buddy:
09.12.2014 в 22:51

*вдогонку кричит* И не забудь, что ссылка должна быть краткая! url('/userdir/.......')
10.12.2014 в 08:08

А если будет полная, не прочитается? *нуб*
10.12.2014 в 08:55

Нет. Но это только когда через стили.
10.12.2014 в 19:47

*вдогонку кричит* И не забудь, что ссылка должна быть краткая! url('/userdir/.......') анонче, чувствую себя царем Леонидом, ткни носом где прочитать подробно по краткие ссылки плз! первый раз за верстку взялся потому что вестальщик слился
10.12.2014 в 19:48

анонче, чувствую себя царем Леонидом, ткни носом где прочитать подробно по краткие ссылки плз!
Выше давали ссылку на хтмл-бук)
11.12.2014 в 14:35

Ну в хтмлбук вряд ли прописано, как оформлять дайри-ссылки))

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


Если используется следующая конструкция (фон поста):



Или

(если кладешь картинку как фон таблицы)

То static.diary не вписываешь.

Берешь static.diary.ru/userdir/0/0/0/0/0000000/0000000..., оставляешь /userdir/0/0/0/0/0000000/00000000.jpg, и обязательно в одинарных кавычках. '/userdir/0/0/0/0/0000000/00000000.jpg'

И только с комлогина.
11.12.2014 в 15:07

Все достаточно просто.
Пасиб, анон!
еще одно криворукое, у которого верстальщик растаял в тумане
11.12.2014 в 15:19

Всё забываю спросить, а если БИ верстальщика занрузить тот же фон, всё равно слетит?
..а, ну да, путь-то разный
11.12.2014 в 16:50

и обязательно в одинарных кавычках. '/userdir/0/0/0/0/0000000/00000000.jpg'
а почему обязательно? я прописывал в двойных ", и все получилось... :shuffle2:
11.12.2014 в 16:52

а почему обязательно? я прописывал в двойных ", и все получилось... :shuffle2:
This. Обязательно в кавычках, можно и двойных (анон просто привык к одинарным, вот и влепил). Спасибо за поправку.
11.12.2014 в 18:17

Анон с объяснением, ты- БОХ! Все ясно и понятно, спасибо тебе огромное!
29.12.2014 в 04:51

Анон - верстальщик-ньюфаг, сверстал пару макетов оформления одними дивами без таблицы и, только перечитав тред, допетрил, что это и есть дизайн блочный, а не табличный. А теперь скажите мне, добрые аноны, гуру вёрстки, я был прав, или я неправ и марш я это запихивать всю вёрстку в таблицу? Каких подлянок ждать от дивов, кроме незакрытых тэгов и неправильной последовательности всех этих штук в стилях?
29.12.2014 в 05:14

ты прав, анон, табличный дизайн - умирающая древность :)
29.12.2014 в 08:30

Анон-верстальщик, ты посмотри эти свои макеты в ленте Избранного со включенной функцией "Игнорировать оформление текста при просмотре Избранного". Я нарвался на это как-то, бегал, правил и спешно запихивал в таблицы расползающуюся верстку.
30.12.2014 в 09:42

Аноны, спасибо за поддержку и советы!:gh3: про избранное не подумал, надо проверить.

Кстати, а можно ориентироваться на информацию о корректной работе всех элементов, указанной в htmlbook-е? Или всё решает проверка?
30.12.2014 в 09:45

Или всё решает проверка?
Проверка, проверка и еще раз проверка.
30.12.2014 в 09:52

ты прав, анон, табличный дизайн - умирающая древность может и умирающая, но багов в ней меньше. для какого-то понтового сайта на заказ не айс, но на фб нахер ебаться с этими дивами, если таблицей быстрее и надежнее результат? а внешне пользователь все равно не определит, таблица там или дивы.
30.12.2014 в 10:35

может и умирающая, но багов в ней меньше. для какого-то понтового сайта на заказ не айс, но на фб нахер ебаться с этими дивами, если таблицей быстрее и надежнее результат? а внешне пользователь все равно не определит, таблица там или дивы.
Анон, никто ж не призывает бросать таблицы и писать только дивами. Но мне, как выяснилось по опыту, ебаться и с тем, и с тем одинаково долго. И если я уже всё дивами написал, в таблицу засовывать лень. (Хотя, конечно, если всё повалится, то придется).
Кстати,что-то я упустил: у таблицы можно сделать резиновую ширину?
30.12.2014 в 10:46

Кстати,что-то я упустил: у таблицы можно сделать резиновую ширину?
Мой верстальщик как-то хитровыебнуто делал в прошлом году. Как - не знаю, я в этом мало понимаю.
30.12.2014 в 10:49

Ширину таблицы в процентах задайте - будет резиновой. Правда, меньше впихнутых в нее картинок она, вроде, не будет (может и есть код, который масштабировал/обрезал бы, но я его не знаю)