Продолжаем тему СЕРИИ СООБЩЕНИЙ.
В данном уроке я попытаюсь объяснить как,можно отдельно в посте сделать такую же
Серию сообщений.Только чтобы он не тянулся огромным хвостом,а был отдельным,
самостоятельным постом.
Только сразу предупреждаю.
Новые пункты в вашем списке вы будете загружать сами,
автоматически они не загружаются.Итак как это сделать.
Например вот так:

Так будет выглядеть ваш список.
• 1 Развлечения.
  
• 2 Рукоделие.
  

SvetlanaT

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.
Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480"-ширина
height="290"-высота
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.

Чтобы поменять РАЗМЕР ПРОКРУТКИ находим вот такой тег
...position: width:99%;height: 218px...
Меняем цифры под ВЫСОТУ вашей картинки,только немного меньше.
У меня высота картинки 290,а высоту прокрутки я сделала 218.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки
или не была меньше её.
Идём дальше.Где написано URL ФОН
можно поставить фон.Внутрь одинарных кавычек.
Кавычки обязательно оставить иначе код может не загрузиться.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
А можно этот фон и неставить.
В моём случае я не стала добавлять Фон для текста.
Но бывает один неприятный нюанс-когда вы загружаете фон
он вставляется как ссылка и если в коде (где вы поставили фон)
у вас появилось [URL ...в начале и в конце .../URL]
вот такой значёк,в квадратных скобках его просто нужно убрать из начала и в конце.
Смотрите внимательно,чтобы кавычки не удалить.
И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ. <img src="КОД КАРТИНКИ" width="317" height="218" align="left" /><div style="overflow:auto;scrollbar-arrow-color:pink;scrollbar-base-color: #C71585; position: width:99%;height:218px;background-image:url('URL ФОН');top:5px;text-align:left;text-indent:5pt">ВАШ ТЕКСТ</div>SvetlanaT

Этот урок как делать окошко для кодов.
Очень полезная штука и удобная.Можно быстро скопировать код
и занимает мало места.Очень хорошо подходит для рамочек.
Если у вас получилась красивая рамка и хочется поделиться с другими её кодом.
Выглядеть окошко без кода будет так.
ВАШ КОД

SvetlanaT

По просьбам моих ПЧёлок немного про прокрутки.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
1.scrollbar-face-color-это цвет передней стороны панели прокрутки
2.scrollbar-arrow-color-это цвет треугольника на верхнем и нижнем квадратах.
3.scrollbar-3dlight-color-это цвет отсвета.
4.scrollbar-highlight-color-это цвет верхней и левой граней панели прокрутки.
5.scrollbar-shadow-color-это цвет нижней и правой граней панели прокрутки.
6.scrollbar-darkshadow-color-это нижний отсвет прокрутки.
7.scrollbar-track-color-это цвет полосы, по которой "ходит" панель прокрутки.
8. #FFFFFF ;#A21F0E-это коды цвета, которые можно менять.

---

ЗДЕСЬ далее... SvetlanaT

Автор таблиц -ЭЛЕН ДАРСИ-

ячейка 1	ячейка 2
	ячейка 3
	ячейка 4
	ячейка 5

ячейка 1	ячейка 5
ячейка 2
ячейка 3
ячейка 4

ячейка 1	ячейка 2	ячейка 6
	ячейка 3
	ячейка 4
	ячейка 5

ячейка 1	ячейка 5	ячейка 6
ячейка 2		ячейка 7
ячейка 3		ячейка 8
ячейка 4		ячейка 9

ячейка 1
ячейка 2	ячейка 5	ячейка 8	ячейка 11
ячейка 3	ячейка 6	ячейка 9	ячейка 12
ячейка 4	ячейка 7	ячейка 10	ячейка 13

ячейка 1	ячейка 4	ячейка 7	ячейка 10
ячейка 2	ячейка 5	ячейка 8	ячейка 11
ячейка 3	ячейка 6	ячейка 9	ячейка 12
ячейка 13

для вас Лариса Гурьянова

Серия сообщений "Все для блога":

Часть 1 - Словари и автоматические переводчики в сети
Часть 2 - On-line генераторы
...
Часть 43 - Что такое данные EXIF?
Часть 44 - Погода в Москве и других городах
Часть 45 - Формулы таблиц
Часть 46 - УРОКИ HTML
Часть 47 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 48 - Пост доступен на странице сообщения..
Часть 49 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 50 - Нужные формулы для дневника

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода <input type='text' size='15' value='Код рамки'>

Рамка в два слоя

Картинка слева от текста
Картинка справа от текста
Текст между двумя картинками
Делим пост на две части

Рамка вокруг текста
Картинка или текст в разрыве рамки

Ссылка  Лариса Гурьянова

Ссылка Источник

Изменить цвет ссылки

 

Фон для записи

/s41.radikal.ru/i093/1004/37/f6758dbed821.jpg"><tr><td" target="_blank">//s41.radikal.ru/i093/1004/37/f6758dbed821.jpg"><tr><td width="600"><font size="4"><font color="000066"><center>ВАШ ТЕКСТ</td></tr></table>" />

Сложная таблица

Прокрутка для текста

1.<div align="center"><select multiple="multiple" size="10">ТЕКСТ...</select></div>

Каждую строчку заключаем в теги <option>СТРОЧКА </option>

2.<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">Здесь будет ваш очень большой текст</textarea>

НАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИ  

/www.realsweb.com/link_to.php"><input" target="_blank">http://www.realsweb.com/link_to.php"><input type="hidden" value="_self" data-cke-saved-name="h"/> name="h"/> <select data-cke-saved-name="links"><optgroup name="links"><optgroup label="-- 1 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option></optgroup><optgroup label="-- 2 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option></optgroup> </select> <input type="submit" value="НАДПИСЬ НА КНОПКЕ" /></form>" />

Метки: все для блога, памятка начинающим