По многочисленным вопросам я все же собралась и решила выложить ответ. Сегодня буду отвечать на вопрос, как же сделать дизайн странички дневника. Хотя дизайном это назвать сложно. На liveinternet можно лишь поменять настройки.

Разберем все цифры, которые я подписала на картинке выше:

Шаг 1. Войдем в настройки (это слово расположено под вашей аватарой на главной странице вашего дневника. Далее выбираем "оформление" и "Настройки схемы". Сразу даю совет - тут ни чего поломать не возможно и но кто вас не укусит,поэтому можно попробовать изменить каждый пункт! Читать далее...  

Серия сообщений "Дизайн и графика":
Часть 1 - Дизайн дневника на liveinternet.
Часть 2 - Рамочки для текста
Часть 3 - Как БЫСТРО сделать дизайн дневника.
Часть 4 - Вставляем картинки в комментарий.
Часть 5 - Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager

Попробую дать простой урок как сделать рамочки под текст. Углубляться в тонкости сейчас не стану. Напишу в этом первом уроке только лишь выделенный html-код и те места, в которые вы сможете вписать свои переменные. Желающим упростить данный урок все же посоветую почитать основы html.

<table style="border:5px solid #0033ff;background-color:#ffcc33" cellspacing="0" cellpadding="0"><tr><td style="padding:12px">
<table style="border:3px solid #cc0033;background-color:#33ff00"  cellspacing="0" cellpadding="0"><tr><td style="padding:9px" align="center"><span style="color:#000000font-size:20px">ТЕКСТ</span></td></tr></table></td></tr></table>

border:5px - ширина внешей рамки (синей)
solid #0033ff; - цвет рамки внешней (синей)
background-color:#ffcc33" - цвет внешнего поля (желтый)
td style="padding:12px - ширина рамки внешней в пикселях
Для внутренней рамки коды аналогичны. (Размер внутренней рамки на примере тоньше и уже)
Теги работы с текстом в этом уроке не описываю. На ли ру текст прекрасно форматируется.
Увеличить внутреннюю рамочку тоже можно в редакторе на ли ру, просто потаскав ее мышкой.
В уроке все переменные выделены черным шрифтом. Еще просьба убрать первую и последнюю кавычки.

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

(С) 2012 Putniza Strannaja.

Статьи по теме:
1. Как вставлять html-код в пост
2. Убрать текст под КАТ
3. Кликабельные картинки

Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.

Серия сообщений "Дизайн и графика":
Часть 1 - Дизайн дневника на liveinternet.
Часть 2 - Рамочки для текста
Часть 3 - Как БЫСТРО сделать дизайн дневника.
Часть 4 - Вставляем картинки в комментарий.
Часть 5 - Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager

Серия сообщений "Html для чайника":
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка

Как отличить "кликабельную" картинку от "некликабельной"? Очень просто!
Наведем курсор (стрелку) на картинку и  стрелка превратится в пятерню, если нет, то стрелка таковой и останется!

Ну, а теперь сразу к практике!

< *** a href=" адрес, куда ведет ссылка ">
< *** img src=" адрес страницы, где лежит фото "> < *** /a>

Как вы уже успели заметить, все достаточно легко! Только звездочки в html коде уберем!

А теперь рассмотрим, как найти ссылку на саму картинку, ведь с адресом страницы ВСЕ ясно!

Это зависит от места, где ваша картинка лежит:

1. Если она в  вашем альбоме (на liveinternet), то щелкаем на картинку мышкой, грузиться, далее смотрим, под картинкой копируем Html код для вставки и заменяем им вторую половину кода (то что во вторых угловых скобочках).

2. Если она в вашем профиле на любом другом ресурсе (соц. сеть, сервис блогов и дневников), то щелкаем правой клавишей мышки и выбираем "копировать ссылку". Затем идем к шаблону и щелкаем правой клавишей мышки "вставить".

3. Если картинка находится на бесплатном хостинге картинок, то либо под картинкой берем Html ссылку, либо пользуемся пунктом номер два с "добыванием" ссылки на картинку.

(С) 2011 Putniza Strannaja.

Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.

Серия сообщений "Html для чайника":
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка