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


2.


3.

http://www.liveinternet.ru/users/lyudmila_spring/rubric/4716578/
http://www.liveinternet.ru/users/lyudmila_spring/rubric/5789039/
пошерсти там у меня, а расположение картинки br-ками делай

Как правильно вставлять код в окошко для кодов.

Многие сталкиваются с проблемой, особенно на ЛиРу, что при вставлении кодов в кодовое окошко, код в окне выставляется не полностью - обрезаются "хвостики" или наоборот - начало кода, или когда в посте блога надо написать HTML-код в виде текста а многие этого не умеют. Так что же делать, чтобы код остался в тексте сообщения виден как HTML? Напишу несколько вариантов, как это сделать. 1. Код с использованием тэга <input Код баннера можно поставить вот в такое окошечко. Это самый простой вид окошечка, и его используют в основном для небольших кодов.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 16 - Заморские сайты к НОВОМУ ГОДУ
Часть 17 - 100 самых полезных сайтов Интернета
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

Справочник по основным тегам HTML.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.

Все о бегущем тексте. Примеры и коды.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 9 - Простые, оригинальные рамочки разного цвета
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.

формулы РАМОК - окантовок и "legend"

ДОРОГИЕ МОИ,тем,кому нравится использовать в своих Дневниках "рамочки",хочу показать самые "легкие" из них для оформления Ваших записей,делаются они очень просто и быстро,но тем не менее хорошо форматируют текст и не дают ему"расползаться" в произвольном порядке,...Мда,ещё один моментик , характеристики шрифта (название,размер и цвет) в формулах отсутствуют поэтому будет отображаться тот шрифт,который установлен в настройках Вашего Днева,но,при желании,можно задать самостоятельно,введя соответствующие ТЕГИ,...только это уже отдельная темка ИТАК,смотрите: Читать далее

 

Серия сообщений "с "ЗАКРЫТОЙ" картинкой":
Часть 1 - формула рамки с "ЗАКРЫТОЙ" картинкой
Часть 2 - образец рамки с "ЗАКРЫТОЙ" картинкой №1
...
Часть 8 - ...когда я состарюсь...
Часть 9 - з-х СЛОЙНАЯ РАМКА , как дополнительное оформление и защита картинок от копирования
Часть 10 - формулы РАМОК - окантовок и "legend"

Именные флеш-плееры

Серия сообщений "* Флеш-плееры":

Часть 1 - Мои первые флеш-плееры
Часть 2 - Коллаж в ФШ + флеш-плеер
...
Часть 27 - Флеш-плееры к 9 Мая - С праздником!!!
Часть 28 - Флеш-плееры с музыкой
Часть 29 - Именные флеш-плееры
Часть 30 - Флеш-плееры - разделители (с кодами)
Часть 31 - Флеш-плееры "Разделители" с кодами
Часть 32 - Прозрачные флеш-плееры для вас (с кодами)
Часть 33 - Цветные флеш-плееры с кодами

Рамочки

Здесь будет текст

Цветные плееры для вашего видео

Серия сообщений "Плееры":

Часть 1 - Флеш плееры
Часть 2 - Флешплееры от Любаши К
...
Часть 10 - Видеоплеер "Три розы" для ролика с YouTube
Часть 11 - Видеорамка для поздравительного ролика с Ютуба
Часть 12 - Цветные плееры для вашего видео

Обводка для текста

ОБВОДКА ДЛЯ ТЕКСТА
БЕЗ ФОТОШОПА

Кто-то в комментариях попросил меня рассказать как на пестром фоне сделать более видимым текст. Решила дать урок. Может кому-то пригодится.

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

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

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

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото А)



Код дан с обводкой черного цвета. Код цвета обводки выделен красной рамочкой. Вместо цифр 000000 вставляете код(6 знаков) нужного вам цвета. Вместо слов "Здесь будет Ваш текст" вставляете свой текст, всё копируете и вставляете в рамочку.

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

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото Б)



В код добавился параметр размера (синяя рамочка) и цвета (зеленая рамочка) шрифта. Их нужно заменить на свои.

Вот и всё! Удачи!

еще разные уроки

Тень у рамки

Тень у букв тут: http://www.liveinternet.ru/users/ka82/post350166795/

Фильтруем (убедитесь, что ваш браузер видит тени букв)

Тени для рамки: http://www.liveinternet.ru/users/ka82/post359359419/

Другой вид для фильтров: тут Ваш текст <p style="color: #00008B; font-family: Times New Roman;#39;,serif; font-size: 2.2em; margin: 0 auto; text-shadow: 1px 1px 0px #EEE, 1px 1px 0px #707070;">Ваш текст</p> Ваш текст <span style="font-size:28px;"><span style="font-weight: normal; text-align: center; color: white; font-family: monotype corsiva,serif; line-height: 150%; text-shadow: 1px 2px 11px rgb(51, 51, 51), 2px 1px 1px rgb(0, 0, 0);">Ваш текст</span></span> Ваш текст <em><strong><span style="font-weight: normal;color: #1984ff; font-family: Century Gothic, serif; font-size: 25px; line-height: 140%; text-shadow: 3px 2px 11px #000000, 2px 1px 1px #000000; column-count: 2; column-width: 0px;"><div style="text-align: ; padding: 00px 00px 00px 00px;">ВАШ ТЕКСТ</div></span></strong></em> Ваш текст <div style="background-image: url('//img1.liveinternet.ru/images/attach/c/0/121/488/121488183_rig.jpg'); color: #fff; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Ваш текст</div> Некоторые параметры для замены: family - это шрифт (выбираем тут >>>) color - цвет самих букв, shadow - тень от букв. Цвета выбираем тут >>> или тут >>> size - размер (чем цифры больше, тем он больше и наоборот) Экспериментируйте с числами - поменяется размер тени, букв, и т.д.

Серия сообщений "Кодировщик":

Шрифты, кнопки и прочее оформление

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 30 - Ctrl как горячая клавиша
Часть 31 - Символы (просто скопируйте что надо)
Часть 32 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 33 - Тень у рамки

Все формулы в одном месте



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

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

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

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

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

или такое <center> <div style="width: 220px; height:45px;overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><textarea cols="15" rows="2" name="">Код вашей рамочки