Делаем вот такой пост. С шапкой вверху
Для этого заходим на http://vln.dp.ua/li/t/, заполняем все поля и получаем код для дневника.
Цвета задаются в виде трех чисел через запятую без пробелов. Например для красного цвета необходино написать 255,0,0
Для примера я заполнял поля вот так
[700x652]
Текст подсказки это текст которые всплывет при наведении на шапку мышкой
Фон для шапки http://i029.radikal.ru/0904/25/910ce6bcf443.jpg, фон для поста http://img1.liveinternet.ru/images/attach/c/0//46/678/46678707_47.jpg
Важно! Вставлять код нужно в простом редакторе и обязательно убрать галочку "сохранять переносы". Что бы не приходиль вручную прописывать переносы поставьте вместо "ТЕКСТ поста" <pre>Ваш текс</pre>. Текст, который окружен тегами <pre> будет выведен со всеми пробелами и переносами точно так же как он выглядит в черновике
Над деревней Клюевкой опустился вечер, Небо залунявилось, звёзды пальцем тронь. Где-то вдалеке пичуги малые щебечут, Где-то недалече всхлипнула гармонь. Все хлеба поубраны, всё посдали загодя, Трудодни получены, божья благодать. На плетень соседский опускаю задницу, Закурил махорочку, начинаю ждать. Как придёт родимая, как придёт хорошая, Посидим маленечко, опосля пойдём По лугам колхозным, по полям не скошенным, Где-нибудь в стогу душистом упадём. Я её родимую, я её сердечную Шибко поцелую, крепко обниму И слегка общупаю, опосля, конечно, Я с неё залёточки, ай, да всё сниму. А от мыслей этих чтой-то подымается, Не в штанах, конечно, а в моей душе, Ведь душа томится, ведь душа-то мается, Не идёт обманщица, за полночь уже. Не пришла родимая, не пришла гадюка, А из соседского клозета ну такая вонь, Эх, зажму я красоту в мозолистую руку И пойду дослушивать, что хнычет мне гармонь. Эх, зажму я красоту в мозолистую руку И пойду дослушивать, что хнычет мне гармонь.
Добавьте к элементу стиль cursor: и при наведении на него мышкой будет меняться вид курсора
Иногда, когда текст поста слишком длиный, удобно сделать в начале поста содержание в виде ссылок на определенные места в посте. Как это делать? Очень просто. Для этого нужны якоря. Я корь это тег <A с именем.
Например: <a name="label1"></a>Если где то в посте сделать сслыку <a href="#label1">На метку 1</a> если клацнуть на эту ссылку вы попадете на нужное место в посте
Апрель Верба, верба, верба, Верба зацвела. Это значит, — верно, Что весна пришла Это значит — верно, Что зиме конец. Самый, самый первый Засвистел скворец. Засвистел в скворечне: Ну, теперь я здешний. Но весне не верьте, Слышен ветра свист. Ветер, ветер, ветер По дорогам вертит Прошлогодний лист. Все апрелю шутки! Сельский детский сад Утром скинул шубки, В полдень — снегопад. Но не так уж скверно Обстоят дела, Если верба, верба Верба зацвела. Агния Бартовверх
Стихи маме Мамин день Вот подснежник на поляне, Я его нашел. Отнесу подснежник маме, Хоть и не расцвел. И меня с цветком так нежно Мама обняла, Что раскрылся мой подснежник От ее тепла Г. Виерувверх
На страницах возможно не только горизонтальное позицирование элементов но и порядок в каком элементы будут перекрывать друг друга тем самым имитируя "3-е измерение"
Пример с тремя слоями
Вот что получим
Обратите внимание на 2 момента. position: relative указывает на то что положение элемента будет задаваться относительно его нормального положения, z-index: - указывает порядок, в каком элементы будут накладыватся друг на друга. Чем больше значение z-index тем "выше" располагается элемент
Если поменять значения z-index то порядок в котором элементы будут выводится будет другим
Теперь первый слов будет самым верхним, а третий слой - нижним
То же самое можно проделать не только с текстом, но и, например, с таблицами. В этом примере в первой таблице z-index: 2, а второй теблице z-index: 1;
| ячейка 1 | ячейка 2 |
| ячейка 1 | ячейка 2 |
В этом примере в первой таблице z-index: 1, а второй теблице z-index: 2;
| ячейка 1 | ячейка 2 |
| ячейка 1 | ячейка 2 |