Серия сообщений "Таблицы":
Часть 1 - Разные стили Прокрутки для поста.
Часть 2 - Как вставить ПРОКРУТКУ в пост.
Часть 3 - Полезность для оформления постов
Часть 4 - Формулы рамочек, из блога La Perla
Часть 5 - Всё для дневника, html (рамки)
Часть 6 - Лиру. Делаем пост, эпиграф с прокруткой
Часть 7 - Рамка по просьбе моих читателей.
Часть 8 - Меняем цвет шрифта в рамочках.
Часть 9 - Окошко для кодов.
Часть 10 - Как сделать окошко для кодов?
Часть 11 - Как сделать окошко для кодов?
Часть 12 - Коды для блога
Часть 13 - Применение таблиц
Часть 14 - Выделить текст рамкой.
Часть 15 - Урок по таблицам...полезный)
Часть 16 - Самое простое создание рамочки для Ли.ру
Часть 17 - Очень простое создание рамочек для тем - урок
Часть 18 - Делаем Таблицу с Картинками(ссылками).
Часть 19 - Полезность по таблицам
Часть 20 - Про таблицы в HTML
Часть 21 - Весеннее оформление постов
Часть 22 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита))
Часть 23 - рамочка для текстов с прокруткой
Часть 24 - Вариант использования рамки с прокруткой
Часть 25 - Код Бродилки для ЛИРУ
Часть 26 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 27 - Делаем Таблицу с Картинками(ссылками).
Часть 28 - Генератор таблиц
Часть 29 - Шаблоны кода для вставки плеера поверх картинки.
Часть 30 - Урок по созданию разрезной рамочки-"коврика".

Выбрана рубрика Таблицы.

Соседние рубрики: Теги(18), Разделители(10), Работа с текстом(65), Оформление(21), Изучаем HTML(8), HTML для начинающих(51)

Другие рубрики в этом дневнике: Юмор/Поздравления/Открытки(121), шрифты(11), Шитье(530), Шаблоны для дневника(212), Числа(4), Цветоводство(13), Сумки(109), Сделай сам(153), Поэзия/Литература/Живопись(34), Полезные программы(44), Подушки(107), ПК. Это нужно знать(136), Молитвы(27), Мои схемы(6), Мастер-классы(103), Любимая музыка(167), Красота/Фото(100), Кино(32), Интересное/Интересные ссылки/Важно знаит(192), Здоровье(489), Для дома: полезное/нужное(188), Диеты(10), Детское вязание(518), Деньги(15), Декупаж(4), Дача(304), ВЯЗАНИЕ(3750), Вышивка(221), Вкусности кулинарные(1110), Видео и аудио аппаратура(18), Блоггер(61), Анимация(43), Photoshop(607), HTML(195), GIMP 2(8), FAQ(673)

Комментарии (2)

Разные стили Прокрутки для поста.

Среда, 29 Декабря 2010 г. 11:01 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Разные стили Прокрутки для поста.

По просьбам моих ПЧёлок продолжаем тему прокруток.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
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-это коды цвета, которые можно менять.

Вот вариант самой ОБЫЧНОЙ ПРОКРУТКИ.
Там где написано ВАШ ТЕКСТ
-Пишим свой текст.
Нужно только поменять РАЗМЕР
прокрутки в высоту под текст.height: 150px
Это в моём случае.Вам нужно поставить свой.

КОД ОБЫЧНОЙ ПРОКРУТКИ.

<div style="width: 100%; height: 100px; margin-top: 0px; margin-left: 0px; text-align: center;  overflow: auto"><font size="4" color="#000000" face="Aero Font One"><br /><br />ВАШ ТЕКСТ </font></div>

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

Милолика Покровская

Метки: прокрутка

Комментарии (0)

Как вставить ПРОКРУТКУ в пост.

Среда, 29 Декабря 2010 г. 11:02 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить ПРОКРУТКУ в пост.

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

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

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

Дальше! Там где написано РАЗМЕР ПРОКРУТКИ.
Меняем эту надпись на цифры размера КАРТИНКИ.
В моём случае height=280 .
Тоесть вместо слов РАЗМЕР ПРОКРУТКИ я ставлю 280
Без кавычек иначе код сбивается.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки или не была меньше её.Хотя размер прокрутки можете делать любой.Так просто красивее.

Идём дальше.Где написано ФОН ДЛЯ ТЕКСТА.
можно поставить фон.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
В моём случае я не стала добавлять Фон для текста.

И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.

 <img src="КОД КАРТИНКИ" width="480" height="280" align="left" /><div style="overflow:auto;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height: РАЗМЕР ПРОКРУТКИpx;background-image:url(' ФОН ДЛЯ ТЕКСТА ');top:5px;text-align:left;text-indent:5pt"> ВАШ ТЕКСТ </div>

Милолика Покровская.

Метки: faq для начинающего лирушника

Комментарии (0)

Полезность для оформления постов

Пятница, 31 Декабря 2010 г. 13:09 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

Полезность для оформления постов

Строим таблицу

первая клетка в первой строке	вторая клетка в первой строке
первая клетка во второй строке	вторая клетка во второй строке

Код простой сетки
<TABLE border=4>
<TR>
<TD>первая клетка в первой строке</td>
<TD>вторая клетка в первой строке</td>
</tr>
<TR>
<TD> первая клетка во второй строке</td>
<TD>вторая клетка во второй строке</td>
</tr>
</table>

Сетка с фоном
<TABLE background="URL адрес ФОНА" border=8>
Вместо URL адрес ФОНА поставляем адрес фонового рисунка.

первая клетка в первой строке	вторая клетка в первой строке
первая клетка во второй строке	вторая клетка во второй строке

Код сетки с фоном
<TABLE background="URL Адрес фона"border=4>
<TR>
<TD>первая клетка в первой строке</td>
<TD>вторая клетка в первой строке</td>
</tr>
<TR>
<TD> первая клетка во второй строке</td>
<TD>вторая клетка во второй строке</td>
</tr>
</table>

Рамки с разрывом рисунка:

рамка растягивается на всю ширину записи

Рамки с разрывом рисунка:
<fieldset><legend><img src="адрес картинки"></legend>рамка растягивается на всю ширину записи</fieldset>

Рамка с разрывом текста:

Все для васОсновная запись, растягивается на весь пост

Рамка с разрывом текста: <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>

Фон записи поста

Вместо этих слов пишите свой текст

Код фона записи поста
<Table background= вместо этих слов пишите URl фдрес картинки или ссылку№1 Радикала border="0">
<TBODY>
<TR>
<TD width=650 >
Вместо этих слов пишите свой текст
</TD> </TR> </TBODY> </TABLE>

Блог Лиры

Метки: faq для начинающего лирушника

Комментарии (1)

Формулы рамочек, из блога La Perla

Пятница, 31 Декабря 2010 г. 14:05 + в цитатник
Это цитата сообщения Н_НИНА [Прочитать целиком + В свой цитатник или сообщество!]

Формулы рамочек, из блога La Perla

Автор поста
Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру
Как выяснилось, у многих не только разрезные, но и обычные рамочки,
сделанные для Блогов встают на Ли.ру в искаженном виде. Я обещала помочь и вот, что у меня получилось. Выкладываю результат - формулу универсального кода, к примеру, для восьмислойной рамочки с картинкой, которая одинаково хорошо встает и в Блогах, и на Ли.ру. Для восьмислойной рамочки для текста без картинки код будет немного другой После заполнения этих формул цифрами, мы получим рамочки такие, как здесь
ПОЯСНЕНИЯ

Адр.ФОНА – адрес фона - это ссылка №1 в Радекале (вставляем от кавычки до кавычки без пробелов)
Подробно об Адресе изображений я писала здесь и здесь

КОД РАЗДЕЛИТЕЛЯ, КОД КАРТИНКИ можно взять из Радикала Ссылка №6

ЦВЕТ ТЕКСТА – шестизначний код цвета - смотри здесь(вставляем аккуратно от # до кавычки без пробелов)

РАЗМЕР ТЕКСТА в пикселях (px) – двузначная цифра от 10 до 30
(подбирается экспериментально, вставляем аккуратно от : до px без пробелов)

ШИРИНА РАМКИ - это трехзначная цифра, ширина нашей рамочки в пикселах (Например - 650, 700, 800).
В рамочке с картинкой ШИРИНА РАМКИ должна быть римерно на 2-4px больше ширины вашей картинки.
Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ
Удачи и всех благ! С уважением La_Perla (Маргарита)

Оригинал поста здесь

Метки: faq для начинающего лирушника

Комментарии (0)

Всё для дневника, html (рамки)

Пятница, 31 Декабря 2010 г. 14:12 + в цитатник
Это цитата сообщения MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

Всё для днева и не только, html !!!

Для вас от

Имя	Код	Имя	Код	Имя	Код	Имя	Код
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	grey	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

РАМКИ-для-ВАС

New: Добавлена страница On-line сервисы

Все теги можно ставить в блог copy-paste‘ом

HTML-теги, работающие на любой web-страничке:

Оформление текста

(рекомендую спец. страничку TEXT):
Перечёркнутый текст: ~~ТЕКСТ~~

<s> ваш текст </s>

Подчёркнутый текст: ТЕКСТ

<u> ваш текст </u>

Полужирный текст: ТЕКСТ

<b> ваш текст </b>

Полужирный крупный: ТЕКСТ

<big> ваш текст </big>

Курсивный текст: ТЕКСТ

<i> ваш текст </i>

Маленький текст: текст

<small> ваш текст </small>

Неразрывный пробел:

Расстояние в 8 пробелов (между словами, картинками и т.д.):

Центрирование:
текст (картинка) по центру

<center>ваш текст (картинка) </center>

Выравнивание текста по правому краю поста:

<div align="right"> ваш текст </div>

Равномерное выравнивание текста по всей ширине поста:

<div align="justify"> ваш текст </div>

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

<blockquote> текст </blockquote>

Бегущая строка (рекомендую спец. страничку Бегущая строка):

бегущая, как олень, строка

<marquee> ваша бегущая строка</marquee>

Вместо текста можно вставить картинку:

Код этой картинки:

<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee>
Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТ^сноска

<sup>ваша сноска</sup>

Сноска внизу: ТЕКСТ_сноска

<sub>ваша сноска</sub>

Линия:

ее код:<hr />

Ударение:

Cтавим после нужной буквы:

́

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):
Я
Пешу
Лесинкой!!!

ваш текст

РАЗМЕР ШРИФТА:

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

Увеличить текст на 1 пункт: текст + 1

<font size="+1"> увеличить текст на 1 пункт </font>

Увеличить текст на 2 пункта: текст + 2

<font size="+2"> увеличить текст на 2 пункта </font>

Увеличить текст на 3 пункта: текст + 3

<font size="+3"> увеличить текст на 3 пункта </font>

Увеличить текст на 4 пункта: текст

<font size="+4"> увеличить текст на 4 пункта </font>

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст

<font color="red"> красный текст </font>

ЖЕЛТЫЙ: желтый текст

<font color="yellow"> желтый текст </font>

ФИОЛЕТОВЫЙ: фиолетовый текст

<font color="purple"> фиолетовый текст </font>

ЗЕЛЕНЫЙ: зеленый текст

<font color="lime"> зеленый текст </font>

СИНИЙ: синий текст

<font color="navy"> синий текст </font>

ФУКСИЯ: фуксия текст

<font color="fuchsia"> фуксия текст </font>

Таблица “базовых” цветов (можно ставить как “Имя” так и “Код”):

Имя Код Имя Код Имя Код Имя Код
aqua #00FFFF green #008000 navy #000080 silver #C0C0C0
black #000000 grey #808080 olive #808000 teal #008080
blue #0000FF lime #00FF00 purple #800080 white #FFFFFF
fuchsia #FF00FF maroon #800000 red #FF0000 yellow #FFFF00

ТАБЛИЦА БЕЗОПАСНЫХ ЦВЕТОВ (код ставите вместо названия)
ВСЕ ЦВЕТА ИНТЕРНЕТА (выбрав цвет, кликаете, и полученный код ставите в font color=”…”)

ВИД ШРИФТА:

Шрифт этого текста “Monotype Corsiva”

<font face="Monotype Corsiva"> текст </font>

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:

Шрифт этого текста “Monotype Corsiva”

код этого текста:

<font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

Оформление ссылок (рекомендую спец. страницу Ссылки):

Как вставить ссылку на веб-страницу:
<a href="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:

<a href="АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>

Специальные теги блогсервиса ЖЖ:

Элементарный жж-кат (с “Read more”):

ТЕКСТ

жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:

ТЕКСТ

ВНИМАНИЕ: Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale

<lj user="wildmale"></lj>

Сссылка на сообщество, например: aforism

делается точно так же:

<lj user="aforism"></lj>

Аналогично делается и ссылка на жж-трансляцию.

Если надо так:wildmale

или так: comm - идем СЮДА

Как вместо wildmale написать Дикий самец

<a> Дикий самец</a>

Ежели надо все же с “человечком”: Дикий самец

cкопируйте след. код (не забыв заменить “wildmale” (в двух местах) и “Дикий самец” на свое):

<a href="http://www.livejournal.com/userinfo.bml?user=wildmale"><img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" align="absmiddle" width="17" /></a><b><a href="http://wildmale.livejournal.com">Дикий самец</a></b>

Скопировав этот код, не забывайте, плиз, менять мои реквизиты на свои.

Вставка МЕДИА-файлов:

Видео, флеш и проч. в ЖЖ вставляются так:

код вашей вставки

Публикация картинок (в ЖЖ и не только):

1.Открываешь ljplus.ru - (есть и другие хостинги, но новичку лучше сюда)

2. Регистрируешься

3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!

4.Смотришь на HTML-коды и копируешь “Просто картинка” или “Картинка под катом” в поле поста или коммента

5. Постишь. Ждешь комментов. Много комментов.

Чтоб быстро вставить картинку с другого сайта, нужно написать:

затем войти в “Свойства” картинки, скопировать её URL и вставить меж кавычек

Как сделать, чтобы текст «обтекал» картинку?

Легко - картинка слева, текст справа:

добавляем в код картинки:

align=left hspace=20
Код картинки примет вид:

Помни:

align=left – картинка слева, текст справа

align=right - картинка справа, текст слева

hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали

Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:

Прекратить обтекание и вернуть текст под картинку можно тэгом

Закрывать не надо, он работает один.

выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.

- три пустые строки.

Обратен ему по действию тег :

<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"

(если текст с пробелами, из нескольких слов - кавычки обязательны!)

Если надо цветную рамку, добавьте в код картинки: style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей
Окошечко для вставки кода, типа:

ВАШ КОД

получаем так:

<textarea rows="2" cols="60"> ВАШ КОД

где rows и cols определяют площадь окна

Можно сделать это окошечко покрасивше:

<textarea>ВАШ КОД

<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ

Кнопка-ссылка на веб-страничку

Например, на эту:

продолжентие внутри

Рубрики:

HTML/Работа с текстом

Метки: faq для начинающего лирушника

Комментарии (0)

Лиру. Делаем пост, эпиграф с прокруткой

Пятница, 31 Декабря 2010 г. 14:48 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Лиру. Делаем пост, эпиграф с прокруткой

Не ново это для многих, но для кого-то... будет открытием, возможно:)
Бывает так, что тот же эпиграф занимает слишком много места (сверху вниз). Не очень удобно. Но эту проблему можно решить,- запихать наш эпиграф в рамку с прокруткой.
Рамки тут конечно нет, но так понятнее. Вот что получится в результате:

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

Код такой "вещи" очень простой:

<div style="overflow-y: scroll; width: 100px; height: 100px;">Ваш текст</div>

Соответственно вместо слов "Ваш текст" надо вставить либо текст вашего поста, либо код вашего эпиграфа и пр. Можно и картинки:) Т.е. можно полностью ваш код эпиграфа (со всеми кодами цветов текста, размерами букавок и пр. "непонятные" значки) прописать вместо "Ваш текст",- и весь ваш эпиграф будет в этой прокручивающейся рамочке:)
Числа "100"-обозначают размер (ширина и высота) поменяйте их на свое усмотрение. Именно ширину лучше делать не больше 600.

Как-то так.. очень просто. но очень полезно:)

©2010 Legionary

Метки: faq для начинающего лирушника

Комментарии (0)

Рамка по просьбе моих читателей.

Дневник

Пятница, 31 Декабря 2010 г. 18:01 + в цитатник

Цитата сообщения LVN

Прочитать целиком В свой цитатник или сообщество!

Рамка по просьбе моих ПЧ

Рамка по просьбе моих читателей

Загружаем картинку, которая будет фоном рамки

Смотрите Адрес картинки

Вам понадобится только эта часть Адреса

Код рамки возьмите в цитатник

<center><table width="700" height="540" border="0" align="center" cellpadding="0" cellspacing="0" background="" id="table3"><tr><br />    <td width="600" height="540" colspan="2" align="center" background="А" style="font-family: Tahoma; font-size: 20pt; font-color: #FFFFFF"><table width="500" height="150" border="0" align="right"> <br /><br /><br /><br /><br /> <br /><br /><br /><th width="600" align="right" valign="top" scope="col"><div style="scrollbar-face-color: #909CD0; scrollbar-highlight-color: #909CD0; overflow: auto; width: 680px; scrollbar-shadow-color: #909CD0; scrollbar-3dlight-color: #606A8D; scrollbar-arrow-color: #606A8D; scrollbar-darkshadow-color: #606A8D; height: 180px;><br /> <p align=" justify="justify">  <br />          <div align="right"><font size="+3"><font color="FFFFFF">ТЕКСТ<br /></font></font></div></div></th><tr></tr></table></td></tr></table><a href="http://www.liveinternet.ru/users/lvn/" target="_blank"><font color="white"><font size="1"><b><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="550" px="px"><font style="CURSOR: hand" face="Georgia" size="3"><font color="Blue">LVN</font></font></marquee></b></font></font></a><br /><br /><br /></center>

=============================
Вместо буквы "А" вставьте
часть Адреса картинки
Вместо слова ТЕКСТ вставьте
свои слова

Не забудьте убрать лишнии теги.
Эта Тега служит для переноса текста,
картинки или рамки ниже на строчку.

Вот что у нас получилось

Этой женщине вслед хихикали :
"Тоже ЦАЦА!!!А ты не жди!
Не ищи короля великого,
А за встречного выходи,

А за встречного-поперечного,
С сигаретиною в зубах,
За любого сверчка запечного,
Лишь бы только он был в штанах...

За какого-нибудь завалящего,
А полюбится опосля..."
Только ждет она настоящего
Нецелованного короля!

Ей работается-хохочется
(не смотри, что глаза грустны),
Ей совсем выходить не хочется
За какие-то там ШТАНЫ...

И стихают подружки шалые,
Удивленно глаза кося,
Вместне с нею поверив в алые,
В свои АЛЫЕ ПАРУСА...

LVN

Метки: faq для начинающего лирушника

Комментарии (0)

Меняем цвет шрифта в рамочках.

Понедельник, 03 Января 2011 г. 09:15 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Меняем цвет шрифта.

Коды для тех кто хочет поменять цвет текста в рамочках.
Рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога
Дайтека спасибо милая за постик.

	Ваш текст	<font color="#000080">ваш текст</font>
	Ваш текст	<font color="#0000FF">ваш текст</font>
	Ваш текст	<font color="#3366CC">ваш текст</font>
	Ваш текст	<font color="#00FFFF">ваш текст</font>
	Ваш текст	<font color="#3D9FE">ваш текст</font>
	Ваш текст	<font color="#660066">ваш текст</font>
	Ваш текст	<font color="#9900CC">ваш текст</font>
	Ваш текст	<font color="#CC00CC">ваш текст</font>
	Ваш текст	<font color="#FF66FF">ваш текст</font>
	Ваш текст	<font color="#800000">ваш текст</font>
	Ваш текст	<font color="#CC0000">ваш текст</font>
	Ваш текст	<font color="#FF0000">ваш текст</font>
	Ваш текст	<font color="#FF6666">ваш текст</font>
	Ваш текст	<font color="#FFCCCC">ваш текст</font>
	Ваш текст	<font color="#663300">ваш текст</font>
	Ваш текст	<font color="#CC6600">ваш текст</font>
	Ваш текст	<font color="#FFFF00">ваш текст</font>
	Ваш текст	<font color="#FFFFCC">ваш текст</font>
	Ваш текст	<font color="#003300">ваш текст</font>
	Ваш текст	<font color="#006600">ваш текст</font>
	Ваш текст	<font color="#009933">ваш текст</font>
	Ваш текст	<font color="#00FF00">ваш текст</font>
	Ваш текст	<font color="#99FF99">ваш текст</font>
	Ваш текст	<font color="#000000">ваш текст</font>
	Ваш текст	<font color="#FFFFFF">ваш текст</font>

Читаем далее...
источник

Дайтека

Рубрики:

HTML/Работа с текстом

Метки: полезности шрифт

Комментарии (0)

Окошко для кодов.

Среда, 05 Января 2011 г. 02:17 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Окошко для кодов.

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

А теперь сам код,чтобы делать такое окошко
Копируем и вставляем к себе в блог.
...rows="2"...-это Высота окошка его можно менять по желанию.
...cols="15"...-это Ширина окошка так же можно менять под нужный вам размер.
Где написано ...ВАШ КОД... туда и вставляете свой код.
А можно сделать окошко с цветом.Смотрится очень красиво.

Цвет в окошке можно менять.Найдите в коде слова
...background-color:red;...
red-Это название цвета.
Можно менять на любой другой цвет какой вам нравится.
И сразу за ним ...color:black;...- меняем цвет текста.
black-Это цвет шрифта.
Тоже меняйте на своё усмотрение.
КОД ОКОШКА С ЦВЕТОМ
Пробуйте.Всем удачи!

дневник Милолика Покровская

Рубрики:

FAQ/Начинающий лирушник

Помощь начинающему

Метки: faq для начинающего лирушника

Комментарии (0)

Как сделать окошко для кодов?

Четверг, 06 Января 2011 г. 12:37 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" alt="" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

Рубрики:

HTML/Работа с текстом

Метки: как сделать окошко для кодов?

Комментарии (0)

Как сделать окошко для кодов?

Суббота, 08 Января 2011 г. 15:04 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать окошко для кодов?

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

Метки: html для начинающих окошко для кодов

Комментарии (0)

Коды для блога

Среда, 12 Января 2011 г. 14:48 + в цитатник
Это цитата сообщения azazela502 [Прочитать целиком + В свой цитатник или сообщество!]

А МОЖЕТ, КОМУ - ТО И ПОНАДОБИТСЯ ...

Коды для оформления блога

Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

из блога IRINI

Метки: faq для начинающего лирушника

Комментарии (0)

Применение таблиц

Суббота, 15 Января 2011 г. 11:06 + в цитатник
Это цитата сообщения Великовозрастное_дитя [Прочитать целиком + В свой цитатник или сообщество!]

Применение таблиц

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

(110x110, 40Kb) (85x77, 48Kb) (100x81, 39Kb)

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

Я специально взял смайлы разного размера. Попробуем теперь сделать вывод рисунков более логичным.
Большие смайлы в одной колонке, маленькие - в другой

Для этого построим таблицу из двух колонок и трех строк ( по количеству смайлов одного размера )

Коды рисунков смайлов ( видны при редактировании черновика или поста )

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

Все что теперь осталось это разместить рисунки каждый в своей ячейке таблицы

Ширина первой и второй колонки не одинаковые что не всегда красиво. Добавим в нашу таблицу еще одну строку Эта строка задаст ширину колонок в 200 пикселей ( можно указать ширину в процентах от общей ширины таблицы )

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

Осталась самая малость. Разместить рисунки по центру ячеек. Для этого в добавим valign="middle" и align="center"

Подпишем колонки. Для этого добавим вначале еще одну строку в которой вместо пропишем

<table border="1"> <col width="200px"></col> <col width="200px"></col> <tbody align="center" valign="middle"> <tr> <th>Большие смайлы</th> <th>Маленькие смайлы</th> </tr> .......... ...........</tbody></table>

Большие смалы	Маленькие смайлы

Добавим к каждому смайлу название.

<table border="1"> <col width="200px"></col> <col width="200px"></col> <tbody align="center" valign="middle"> <tr> <th>Большие смалы</th> <th>Маленькие смайлы</th> </tr> <tr> <td> <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" />Большой1 </td> <td> <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" />Маленький1 </td> </tr> <tr> <td> <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" />Большой2 </td> <td> <img src="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" />Маленький2 </td> </tr> <tr> <td> <img src="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" />Большой3 </td> <td> <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" />Маленький3 </td> </tr> </tbody></table>

Вид таблицы мягко говоря не очень :)

Большие смалы	Маленькие смайлы
Большой1	Маленький1
Большой2	Маленький2
Большой3	Маленький3

Исправим это добавив еще 2 колонки для названий смайлов

Обратите внимание на то что добавилось еще две строки с и . Даже если в ячейках ничего не выводится количество ячеек в каждой строке должно быть одинаковым!!!!!

<table border="1"> <col width="200px"></col> <col width="200px"></col> <col width="200px"></col> <col width="200px"></col> <tbody align="center" valign="middle"> <tr> <th>Большие смалы</th> <th></th> <th>Маленькие смайлы</th> <th></th> </tr> <tr> <td> <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" /> </td> <td>Большой1</td> <td> <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" /> </td> <td>Маленький1</td> </tr> <tr> <td> <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" /> </td> <td>Большой2</td> <td> <img src="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" /> </td> <td>Маленький2</td> </tr> <tr> <td> <img src="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" /> </td> <td>Большой3</td> <td> <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" /> </td> <td>Маленький3</td> </tr> </tbody></table>

Название колонок "Большие смайлы и маленькие смайлы" не совсем правильно расположены

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Объеденим попарно ячейки с названием колонок.

<table border="1"> <col width="200px"></col> <col width="200px"></col> <col width="200px"></col> <col width="200px"></col> <tbody align="center" valign="middle"> <tr> <th colspan="2" rowspan="1">Большие смалы</th> <th colspan="2" rowspan="1">Маленькие смайлы</th> </tr>......................................</tbody></table>

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Не нравится мне грозный красный смайл :)). Я его выделю каким то фоном что бы он бросался в глаза :). Добавлю в ячеку с этим смайлом фоновый цвет

Заодно и строку с названием колонок выделю фоном

<table> <tbody> <tr bgcolor="#ccf0cc"> <th colspan="2" rowsapn="1">Большие смалы</th> <th colspan="2" rowspan="1">Маденькие смайлы</th> </tr> ..... ..... <td bgcolor="#f0cccc"> <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" /> </td> <td bgcolor="#f0cccc">Большой2</td> <td> ....... .......</td></tbody></table>

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Сделаем этот грозный смайл не таким грозным. Разместим его на этом фоновом рисунке :))

(116x116, 2Kb)

Для этого добавим в ячейку с этим смайлом параметр background

<table> <tbody> <tr bgcolor="#ccf0cc"> <th colspan="2" rowsapn="1">Большие смалы</th> <th colspan="2" rowspan="1">Маденькие смайлы</th> </tr> ..... ..... <td bgcolor="#f0cccc" background="//img1.liveinternet.ru/images/attach/c/0//46/199/46199719_images.jpg"> <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" /> </td> <td bgcolor="#f0cccc">Большой2</td> <td> ....... .......</td></tbody></table>

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Что еще творить с таблицей зависит только от вашей фантазии :)) Можно каждую строку выделить своим цветом добавиви в параметр background. Можно для каждой ячейки или строки задать фоновый рисунок прописав background. Вместо текста в ячейках можно прописать ссылки.

ps: Добавьте в код рисунка title="текст" и при наведении мышки на рисунок будет выскакивать подсказка с текстом

Метки: таблицы применение

Комментарии (0)

Выделить текст рамкой.

Суббота, 15 Января 2011 г. 11:28 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Выделить текст рамкой.

Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.

Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - Сюда вставить адрес картинки - вставляете адрес нужной картинки. Иногда задают вопрос где её взять) Всё просто - есть только два варианта, первый Вы должны её загрузить со своего ПК, второй найти её в интернете и нажав на ней правую кнопку мыши копировать ссылку на изображение.

2. Где написано - Здесь написать Ваш текст думаю проблем не возникнет - пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Вот и всё. В результате у Вас должно получится что-то подобное.

С картинкой

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

Маргарита Валуа

Без картинки - с заголовком.

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

Метки: выделение текст рамка

Комментарии (2)

Урок по таблицам...полезный)

Суббота, 15 Января 2011 г. 03:01 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Урок по таблицам...полезный)))

Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам непонятно...мол Да ладно...Оно мне надо??!!
А зря...потому что слово "таблица " это не просто какая -то линованная сеточка на бумаге или на экране..Вот захотели вы в ряд выстроить в посте фотографии они...заразы...все время вертикально норовят)) или текст между картинками или ..наоборот...картинку внутри текста))) так все это делается при помощи таблиц)) Но пусть они вас больше не пугают!!!Для того чтобы, сделать таблицу, вам больше не придется ломать себе голову.
Просто выбирайте подходящую табличку и копируйте код в окошке. Я все сделала за вас...вы только выбирайте и пользуйтесь))
Изначально рассмотрим вариант, когда видимость таблицы не нужна.
Когда просто нужно расположить текст или картинки в пост так, чтобы они ровно стояли.

Читать далее...

Метки: таблицы

Комментарии (1)

Самое простое создание рамочки для Ли.ру

Вторник, 18 Января 2011 г. 18:09 + в цитатник
Это цитата сообщения BraveDefender [Прочитать целиком + В свой цитатник или сообщество!]

Самое простое создание рамочки для Ли.ру

Помним, что я люблю рассказывать подробно, и не пугаемся длины поста.

Все побежали, и я побежал ©

Ах, какая замечательная рамочка у меня получилась!

Теперь все увидят, что мой дневничок самый-самый симпатичный на Лиру!!!

bravedefender.ru

На Ли.ру есть много уроков-объяснений, как создать рамочку с фоном для украшения днявочки. Но, по-моему, тот, о котором я расскажу — самый простой (потому что я сам его придумал). Он не требует знания даже основ языка разметки гипертекстовых документов (HTML).

Читать далее...

Метки: рамочка. создание

Комментарии (0)

Очень простое создание рамочек для тем - урок

Дневник

Среда, 19 Января 2011 г. 13:35 + в цитатник

Очень простое создание рамочек для тем - урок

Рамочки для текста создаются, как известно, двумя способами:

1. При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. Но он мне абсолютно не понравился - слишком заумный и нагроможденный

2. А вот при помощи этого сайта можно создавать рамочки легко и просто. При этом используется тег div. Рамочку для этой темы я сделала именно там. Очень понравился сайт - не надо заморачиваться с прописыванием тегов и т.д. Огромная благодарность Алексею создателю сайта. Читать далее

Метки: рамки

Комментарии (1)

Делаем Таблицу с Картинками(ссылками).

Пятница, 21 Января 2011 г. 01:18 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Делаем Таблицу с Картинками(ссылками).

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

Таблица с 6 картинками будет выглядить вот так.
Картинки лучше подбирать одного размера.

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

Милолика Покровская

Метки: таблица картинки ссылки

Комментарии (0)

Полезность по таблицам

Суббота, 22 Января 2011 г. 10:49 + в цитатник
Это цитата сообщения Kailash [Прочитать целиком + В свой цитатник или сообщество!]

Полезность по таблицам

Есть масса людей, которые делают посты в таблицах. Есть даже эксперты подобного оформления. Я вот хочу полезность - азы опубликовать. Если будете брать себе, то отжимайте галочку "Сохранять переводы строк в тексте." Иначе расползется текст.

Строим таблицу

первая клетка в первой строке	вторая клетка в первой строке
первая клетка во второй строке	вторая клетка во второй строке

Сетка с фоном
<TABLE background="URL адрес ФОНА" border=8>
Вместо URL адрес ФОНА поставляем адрес фонового рисунка.

первая клетка в первой строке	вторая клетка в первой строке
первая клетка во второй строке	вторая клетка во второй строке

Рамки с разрывом рисунка:

рамка растягивается на всю ширину записи

Рамки с разрывом рисунка:
<fieldset><legend><img src="адрес картинки"></legend>рамка растягивается на всю ширину записи</fieldset>

Рамка с разрывом текста:

Все для васОсновная запись, растягивается на весь пост

Рамка с разрывом текста: <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>

Фон записи поста

Вместо этих слов пишите свой текст

Код фона записи поста
<Table background= вместо этих слов пишите URl адрес картинки или ссылку№1 Радикала border="0">
<TBODY>
<TR>
<TD width=650 >
Вместо этих слов пишите свой текст
</TD> </TR> </TBODY> </TABLE>

Метки: html для начинающих

Комментарии (0)

Про таблицы в HTML

Пятница, 11 Февраля 2011 г. 03:43 + в цитатник
Это цитата сообщения Ikarus [Прочитать целиком + В свой цитатник или сообщество!]

Про таблицы в HTML

чтоб не забыть

Метки: html таблица

Комментарии (0)

Весеннее оформление постов

Среда, 02 Марта 2011 г. 06:20 + в цитатник
Это цитата сообщения Жагуара [Прочитать целиком + В свой цитатник или сообщество!]

Весеннее оформление постов

Дорогие читатели!!!
Поздравляю Вас с первым днем весны! Ура!! Дождались ))

Предлагаю Вам новые рамочки для весеннего оформления Ваших постов )) Чтобы оформить пост в рамочке необходимо будет просто скопировать код этой рамочки (он будет размещен под каждой рамочкой) и вместо "ВАШ ТЕКСТ" написать текст Вашего поста.

При цитировании убирайте галочку со строчки "Автоматически переводить URL в ссылку"и "Сохранять переводы строк в тексте".

Чтобы изменить размер, шрифт или цвет текста найдите в коде рамочки эту строчку:

Красным подчеркнут размер текста

Синим подчеркнуто название шрифта

Зеленым подчеркнут цвет текста

Вы можете самостоятельно изменить любой из параметров по желанию.

ВАШ ТЕКСТ

Весеннее оформление постов

Метки: оформление. сообщение

Комментарии (0)

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита))

Среда, 02 Марта 2011 г. 14:02 + в цитатник
Это цитата сообщения овно4ка [Прочитать целиком + В свой цитатник или сообщество!]

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита))

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру

Типовой код разрезной рамочки, сделанной в фотошопе для Блогов Мэйл.ру я уже давала
(Смотри урок)

Повторю его еще раз

<div align="center"><table cellspacing="0" cellpadding="0" align="center" border="0"><tr><td width="100%" align="center"><a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" border="0" /></a><br /><img src="АДРЕС ВЕРХНЕЙ КАРТИНКИ 1" border="0" /></td></tr><tr><td width="100%"><table border="0" cellspacing="0" cellpadding="0" background="АДРЕС СРЕДНЕЙ КАРТИНКИ 2"><tr><td align="center" width="ШИРИНА РАМКИ"><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"> <center> <text face="Georgia"><text size="4"><text color="fffbcc"><i>КОД РАЗДЕЛИТЕЛЯ <br /><br />ВАШ ТЕКСТ<br /><br />КОД РАЗДЕЛИТЕЛЯ<br /></i></text></text></text></center></td></tr></table></td></tr></table></td> </tr> </table> </div>
А вот на Ли.ру такие рамки встают с разрывами.
По многочисленным просьбам выкладываю типовой универсальный код разрезных рамочек, который у меня получился для Лиру.

<center><table border="0" background="Адрес картинки №1" cellpadding="0" cellspacing="0" height="Высота картинки №1" width="Ширина рамки"> <tr><td><a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="Адрес картинки №2" cellpadding="0" cellspacing="0" height="Высота картинки №2" width="Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center> <em><strong><span style="color: #КОД ЦВЕТА ТЕКСТА"><span style="font-size: large"><span style="font-family: Georgia"> <br />ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ<br /><br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="Адрес картинки №3" cellpadding="0" cellspacing="0" height="Высота картинки №3" width="Ширина рамки"><tr><td><center><a href="Адрес автора" target="_blank"><span style="font-family:Arial;color:#ffff00;font-size:10px"> Имя автора</span> </a></center> </td></tr></table></center>

Еще раз хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от какычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

И еще очень важный аспект -
при сохранении частей рамочки на хостинге (Радикале)
обязательно снимайте все галочки

Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ

Удачи и всех благ!
С уважением La_Perla (Маргарита)

Метки: рамки таблицы

Комментарии (0)

рамочка для текстов с прокруткой

Среда, 02 Марта 2011 г. 03:43 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

рамочка для текстов с прокруткой

***

***

.

Серия сообщений "3.РАМОЧКИ - текст с ПРОКРУТКОЙ":

Часть 1 - милая рамка для текста с "прокруткой"
Часть 2 - рамочка для текста
...
Часть 22 - РОЗА для Вас
Часть 23 - как вставить текст в рамку с "ПРОКРУТКОЙ"
Часть 24 - рамочка для текстов с прокруткой

Серия сообщений "3.РАМОЧКИ и для майла,и для лиру":

Часть 1 - рамочка "СПАСИБО ВАМ"
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 98 - Без заголовка
Часть 99 - ЭТАЛОН-скрытая картинка... все слои в соответствии,скрытый ник...
Часть 100 - рамка и для ЛИру,и для майла...почти один в один...только окантовка картинки в 2 раза шире,а 4 и 6 СЛОИ-уже

Метки: рамка с прокруткой

Комментарии (9)

Вариант использования рамки с прокруткой

Дневник

Среда, 02 Марта 2011 г. 03:45 + в цитатник

...вставляем текст в рамку с "ПРОКРУТКОЙ"... *** ...на снимке показан один из вариантов рамочки "с прокруткой"...функция "подКАТ" убирает длинные тексты,но это не всегда эстетично,...а вот в рамочке с "ПРОКРУТКОЙ" все очень гармонично сочетается,она и по размерам компактна,и текст в ней разместить можно любой длины...как это делать хорошо видно на картинке №2 КАРТИНКА №2 ...скопированный КОД рамочки,вставляете в редактор HTML,а затем в редакторе-же осторожно в обозначенные места вставляете нужный Вам текст. ВНИМАНИЕ !!!...чем длиннее фраза, тем длиннее будет "окошко" прокрутки! ***

Метки: рамка

Комментарии (0)

Код Бродилки для ЛИРУ

Четверг, 03 Марта 2011 г. 14:26 + в цитатник
Это цитата сообщения Искательница_А [Прочитать целиком + В свой цитатник или сообщество!]

Код Бродилки для ЛИРУ

Доброго времени суток, мои хорошие!
Хотела схалявничать вчера и не писать самой код для бродилки, чтоб она не разъезжалась на Лирушке)
Но, как говорицца "не судьба"))) А по сему, пришлось писать самой и вот,
что получилось у меня....

Изображение загружено на бесплатный imageup.ru 03 March 2011 в 14:18

КОД РАЗРЕЗНОЙ БРОДИЛКИ ДЛЯ ЛИРУ

зы. Как сами понимаете,строку с "адресом ссылки и кнопки", копируете столько раз, сколько у вас кнопок будет...
И ещё... самое важное... МОИ ХОРОШИЕ, Я НЕ ПИШУ УРОКИ ПО ТЕГАМ... я не считаю себя настолько образованной в этом вопросе, чтоб писать их... так что, простите, но объяснять и учить Тегам - я не буду...

Серия сообщений "Обо всём":

Часть 1 - котлеты "Гнезда"
Часть 2 - пост для Мейловцев
...
Часть 6 - Бродилка - Живопись (Натюрморты, Цветы)
Часть 7 - Бродилка - Фотонатюрморты (натюрморты, цветы)
Часть 8 - Код Бродилки для ЛИРУ

Метки: бродилка

Комментарии (1)

Как правильно записать код флешки или видео в рамочку для кодов.

Суббота, 23 Апреля 2011 г. 13:29 + в цитатник
Это цитата сообщения novprospekt [Прочитать целиком + В свой цитатник или сообщество!]

Как правильно записать код флешки или видео в рамочку для кодов.

Для тех у кого возникли проблемы с правильным отображением кодов для флешек и видео в поле тега textarea.
Разбираясь с проблемой, я обнаружила, что все дело в том, что при написании текста для окошечек кодов нельзя использовать символы скобок, которые мы вводим с компьютера.(т.е. "<" или "[" ) Необходимо использовать их специальные кодовые обозначения. В табличке даны такие коды скобок. Как вы знаете для размещения флешек и видео на Лиру используются квадратные скобки "[; ]", но можно использовать и запись типа "embed src= " с треугольными скобками "<; >" Ниже привожу такие кодовые обозначения

Название	Символ	Код
Скобка квадратная левая	[	[
Скобка квадратная правая	]	]
Скобка треугольная левая	<	<
Скобка треугольная правая	>	>

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

или так

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

Серия сообщений "оформление дневника":
Часть 1 - Бесшовные "Осенние фоны" .
Часть 2 - Серия сообщений "Фотошоп - Создание фонов"
...
Часть 27 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 28 - Ура, я научилась делать часики.
Часть 29 - Как правильно записать код флешки или видео в рамочку для кодов.

Метки: html для начинающих

Комментарии (1)

Делаем Таблицу с Картинками(ссылками).

Понедельник, 30 Мая 2011 г. 04:56 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем Таблицу с Картинками(ссылками).

SvetlanaT

Метки: таблицы

Комментарии (0)

Генератор таблиц

Понедельник, 16 Января 2012 г. 08:59 + в цитатник
Это цитата сообщения Премьер [Прочитать целиком + В свой цитатник или сообщество!]

Генератор таблиц

С помощью этого генератора можно создать любую таблицу. Заполните необходимые поля и нажмите кнопку Create Table. В открывшемся окошке вы увидите созданную вами таблицу, и HTML код созданной таблицы

Метки: HTML таблица генератор

Комментарии (1)

Шаблоны кода для вставки плеера поверх картинки.

Дневник

Среда, 19 Февраля 2014 г. 05:08 + в цитатник

Шаблоны кода для вставки плеера поверх картинки.

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

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

ШАБЛОН КОДА ДЛЯ КАРТИНКИ С ПЛЕЕРОМ

<table style="border:2px solid #737373"
background="АДРЕС ФОНА-ОБРАМЛЕНИЯ" cellspacing="0"
cellpadding="0"><tr><td
style="padding:20px"><table width="ШИРИНА КАРТИНКИ ПОД
ПЛЕЕР" height="ВЫСОТА КАРТИНКИ ПОД ПЛЕЕР" style="border:2px
solid #737373" background="АДРЕС КАРТИНКИ ПОД ПЛЕЕР"
cellspacing="0" cellpadding="0"><tr><td
style="padding:20px" align="center"><span
style="color:#000000;font-size:20px"><center>КОД
ПЛЕЕРА</center></div></div></span></td></tr></table></td></tr></table>

Вот как это будет выглядеть:

( читать далее ) Отступ от верхнего края рамочки до плеера регулируется вручную (через предварительный просмотр). Это зависит от высоты картинки (она в рамочке прочно не фиксируется). Если при вставке кода длина рамочки превысит высоту картинки под плеер, снизу покажется ее верхний край, тогда отступ до кода плеера нужно будет уменьшить.

А вот этот же код, но здесь вместо плеера можно вставлять ссылки:

( читать далее )<table style="border:1px solid #737373"
background="АДРЕС ФОНА-ОБРАМЛЕНИЯ" cellspacing="0"
cellpadding="0"><tr><td
style="padding:20px"><table width="ШИРИНА
КАРТИНКИ-ПОДЛОЖКИ" height="ВЫСОТА КАРТИНКИ-ПОДЛОЖКИ"
style="border:1px solid #737373" background="АДРЕС
КАРТИНКИ-ПОДЛОЖКИ ПОД ТЕКСТ" cellspacing="0"
cellpadding="0"><tr><td style="padding:20px"
align="center"><span
style="color:#000000;font-size:20px"><div
align="center">

Ссылка №1
Ссылка №2
Ссылка №3
</div></span></td></tr></table></td></tr></table>

Получится вот так:

содержимое рамки
содержимое рамки
содержимое рамки

Спасибо!!

Комментарии (0)

Урок по созданию разрезной рамочки-"коврика".

Дневник

Суббота, 18 Февраля 2023 г. 03:03 + в цитатник

Урок по созданию разрезной рамочки-"коврика".

Хочу рассказать, как собирать рамочки-"коврики", состоящие из трех частей одной картинки. Заготовка для рамочки (основная картинка) делается в фото-шопе. Какой она будет - это зависит от вашей фантазии и мастерства. Оптимальная ширина картинки-рамочки - примерно 500-600px. Затем готовое изображение разрезается на три части (верняя часть, средняя (под текст) и нижняя). Каждая из них сохраняется отдельным файлом, затем загружается, например на Я.фотки.
Всё - полдела сделано. Теперь можно приступать с сборке.
Все три части изображения загружены, и теперь нам нужно только взять и вставить их адреса в этот шаблон:

<center>

<img src="ВЕРХНЯЯ ОТРЕЗНАЯ ЧАСТЬ РАМКИ"
width="ШИРИНА КАРТИНКИ"/><table width="ШИРИНА РАМОЧКИ=ШИРИНЕ КАРТИНКИ" style="border:0px none #000000"background="СРЕДНЯЯ ОТРЕЗНАЯ ЧАСТЬ РАМКИ - фон-положка под тект" cellspacing="0" сellpadding="0"><tr><td style="padding:ЦИФРОВОЕ ЗНАЧЕНИЕ ОТСТУПА ОТ КРАЯ РАМКИ ДО ТЕКСТАpx" align="center"><span style="font-family:Times New Roman;color:#ЦВЕТ ШРИФТА;font-size:20px"><div align="center">

ЗДЕСЬ ВЫ МОЖЕТЕ НАПИСАТЬ КАКОЙ-НИБУДЬ СВОЙ ТЕКСТ

</div></span></td></tr></table><img src="НИЖНЯЯ ОТРЕЗНАЯ ЧАСТЬ РАМКИ" width="ШИРИНА КАРТИНКИ"/>
</center>

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

Как выглядят рамочки-"коврики"? Вот одна из таких ( работ ) от н@тальи:

Рождественская рамочка.
Напишите поздравления своим друзьям.
Рамка растянется по вертикали.
В коде стоит только слово "ТЕКСТ".

Страницы:

[1]

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

LiveInternetLiveInternet

-Рубрики

-Приложения

-Музыка

-Всегда под рукой

-Друзья

-Постоянные читатели

-Сообщества

-Статистика