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

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



код:

смотреть
[MORE=<div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576866.jpg"></div>]<div align="left" style="background-color:#f1f1f1; width:100%; max-width:600px;"> <div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576889.jpg" style="width:100%; max-width:500px;"></div> <div style="background-color:#e7e7e7; padding:15px; margin:15px"> шапка шапка; шапка шапка шапка шапка шапка [MORE=<div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576903.jpg" style="width:100%; max-width:500px;"></div>] текст тетекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст кст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576915.png"></div> [/MORE] шапка шапка; шапка шапка шапка шапка шапка [MORE=<div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576903.jpg" style="width:100%; max-width:500px;"></div>] текст тетекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст кст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576915.png"></div> [/MORE] </div><div>[/MORE] <div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576899.jpg" style="width:100%; max-width:500px; margin:15px"></div>

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

картинки:
читать дальшеадрес, который идет после «img src="» - адрес картинки.
первый адрес - (внутри первого моря) - заглушка
второй - картинка с надписью "фандом бла-бла",
третий - (внутри моря, скрывающего текст) - картинка "читать дальше".
четвертый (перед закрывающим морем) - разделитель-полосочка между текстами. если она вам не нужна, уберите вот эту всю строчку -

<div align="center"><img src="http://static.diary.ru/userdir/3/0/3/2/3032289/85576915.png"></div>

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

и пятый адрес - это картинка внизу.

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

Можно заменить цвета.
читать дальшеЦвета идут после # в верстке.
То, что есть в готовом коде:
#f1f1f1 - основной фон (светлее)
#e7e7e7 - внутренний фон (темнее).
Выбрать себе цвета можно, например, здесь.

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

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