понедельник, 05 марта 2018
читать дальше05.03.2018 в 14:17
Пишет Котики Инсайда:
Готовые шаблоны верстки
котики, я вот подумал, что нужно сделать командам простейший образец верстки с кодом и объяснить, что с ним делать, чтобы, если кто-то не найдет верстальщика, не страдал.
итак, как это выглядит в готовом виде (зелененькое на скринах - фон соо, в котором проверял верстку):
смотреть![](https://image.ibb.co/hMxuL7/11.jpg)
![](https://image.ibb.co/jMPkSn/22.jpg)
![](https://image.ibb.co/dE7iDS/33.jpg)
код:
смотреть
2285 символов согласно официальной считалке слов.
картинки:
читать дальшеадрес, который идет после «img src="» - адрес картинки.
первый адрес - (внутри первого моря) - заглушка
второй - картинка с надписью "фандом бла-бла",
третий - (внутри моря, скрывающего текст) - картинка "читать дальше".
четвертый (перед закрывающим морем) - разделитель-полосочка между текстами. если она вам не нужна, уберите вот эту всю строчку -
- или, если нужна, не забудьте поставить ее с нового абзаца перед каждым морем, закрывающим текст.
и пятый адрес - это картинка внизу.
Все картинки нужно заменить на свои, само собой, хотя бы простейшего вида, как я сейчас за полминуты набросал.
Можно заменить цвета.
читать дальшеЦвета идут после # в верстке.
То, что есть в готовом коде:
#f1f1f1 - основной фон (светлее)
#e7e7e7 - внутренний фон (темнее).
Выбрать себе цвета можно, например, здесь.
само собой, в комментариях к этой записи будет много помарок, исправлений и тому подобного, может - кто-то предложит свои варианты или объяснит непонятное, так что вэлком!)
URL комментария
URL записи