-Рубрики

 -Поиск по дневнику

Поиск сообщений в Мединилла

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.04.2013
Записей: 1021
Комментариев: 42
Написано: 1291

Серия сообщений "Рамочка для поста":
Часть 1 - Урок. Как сделать простую рамочку для текста
Часть 2 - Рамочки
Часть 3 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 4 - Урок по созданию рамочек с разрывом от MissKcu
Часть 5 - Рамка с круглыми углами. Без фотошопа!
Часть 6 - РАЗРЕЗНАЯ РАМОЧКА С ПРИМЕНЕНИЕМ МАСКИ - УРОК
Часть 7 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 8 - Делаем простую Рамку с двигающимся текстом
Часть 9 - УРОКИ по созданию рамочек
Часть 10 - Рамочки-уголки
Часть 11 - Делаем простую Рамку с двигающимся текстом.
Часть 12 - Для оформление постов
Часть 13 - Рамка ФОН-КАРТИНКА в формате пнг,клипарт
Часть 14 - образцы и формулы простых рамок (фон для текста с окантовкой)
Часть 15 - Код - скелет разрезной рамочки
Часть 16 - Образцы и формулы простых рамок (фон для текста с окантовкой)
Часть 17 - Делаем рамки
Часть 18 - Рамочка фигурная+КОД
Часть 19 - простая рамочка с выдавленной кромкой+ КОД
Часть 20 - Простая рамочка с выпуклой кромкой+КОД
Часть 21 - простая рамочка с двойной кромкой+КОД
Часть 22 - Рамочка с обводкой в виде кромки
Часть 23 - Набор простых рамочек+формула
Часть 24 - 10 прозрачных рамочек с обводкой+код
Часть 25 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 26 - Рамочки для текста
Часть 27 - Рамочки для текста
Часть 28 - Рамочки зелёные для текста
Часть 29 - Рамочки для текста
Часть 30 - Оформление постов
Часть 31 - Урок по рамочкам - составлен по просьбе
Часть 32 - Простые рамочки-обводки для текста
Часть 33 - Рамки оригинальные
Часть 34 - Обводка внутри рамки (блока)
Часть 35 - CssRound: округлые генератор угол CSS3-урок
Часть 36 - Стильные рамки (блоки)
Часть 37 - Генератор необычных рамочек
Часть 38 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 39 - Собираем фотошопную рамочку в рамочнике.
Часть 40 - Простые рамочки -2
Часть 41 - 12 простеньких рамочек для текста.
Часть 42 - Рамочки-шаблоны 468
Часть 43 - Рамочка для текста 448
Часть 44 - Рамочка для текста 429
Часть 45 - Рамочки для текста 423
Часть 46 - Рамочки для текста 411
Часть 47 - Простые рамки с заголовком
Часть 48 - ФОРМУЛА РАМОЧКИ с прокруткой
Часть 49 - Свой ПУТЬ / Patmos. Adagio
Часть 50 - рамочки для записей с белым фоном

Выбрана рубрика Рамочка для поста.


Соседние рубрики: Рамочник(3), Рамочки фотошоп(41), Рамочки простые(76), Код рамочки(19)

Другие рубрики в этом дневнике: Яндекс-фотки(3), ФотоШОУ(4), Фотошоп(320), Фоторедактор(22), Фоны аннимированные(4), Фоны(45), Флешки(16), Флеш-Часики(20), Флеш-редактор Vectorian Giotto(1), Флеш-календарики(2), Фейсбук(1), Установка программ(6), Уроки по фотошоп(143), Уроки по флеш(13), Уроки по музыкальным открыткам(1), УРок по созданию бесшовных фонов(3), Тесты(8), Рамочки(169), Программы онлайн(41), Программы(96), Поэзия(0), Плеер(3), Оформление(31), Лиру(84), Компьютер(4), Компьютер(0), Кнопки-переходы(1), Клипарт(13), Картинки(4), Интересное(2), Живопись(13), Бродилка по оформлению(7), Анимация зимняя(5), Анимация(40)
Комментарии (0)

Урок. Как сделать простую рамочку для текста

Суббота, 15 Февраля 2014 г. 12:46 + в цитатник
Это цитата сообщения EFACHKA [Прочитать целиком + В свой цитатник или сообщество!]

Урок. Как сделать простую рамочку для текста

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

Такую же рамочку Вы видите в этом посте. 

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

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

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

Рамочки

Пятница, 21 Февраля 2014 г. 19:59 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

Тег FIELDSET

Рамки с помощью тега FIELDSET



   Чтобы сделать такую рамку, нужно воспользоваться следующим кодом:
<fieldset><legend>Заголовок рамки</legend>

Содержимое рамки (здесь может быть текст, код плеера с музыкой, фото, видео)




</fieldset>



   В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".


Fieldset с цветной рамкой  
Используя следующие теги можно задать цвет рамки Fieldset:
<fieldset style="border:1px #00BFFF solid;">
<legend>
Содержимое рамки

</fieldset>




Fieldset с цветной выпуклой рамкой

Здесь измене стиль рамки, цвет, размер, шрифт заголовка и сожержимого рамки.
Код такой рамки:
<fieldset style="border: #1874CD ridge thick;">
<legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">Содержимое </span>

</fieldset>


Границы рамок border можете менять на свое усмотрение. Изменить размер, цвет и шрифт текста можете, пользуясь моей инструкцией. Пригодится Вам и таблица цвета HTML


Для того, чтобы сделать границу без заголовка, достаточно использовать следующий код:
<fieldset>содержимое рамки</fieldset>

Взято ЗДЕСЬ


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

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Суббота, 08 Марта 2014 г. 13:00 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА


ДЕЛАЕМ РАМКИ С КРУГЛЫМИ УГЛАМИ
БЕЗ ФОТОШОПА


Многие спрашивают, как сделать рамочку с круглыми углами?

ЕгороваТатьяна уже разьясняла,как это делается: тут

Немного дополню её, в своём маленьком уроке

По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.

Рассотрим,из чего же состоит наша формула
 


ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА
 


Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:

"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)

могут встречаться атрибуты:

"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.




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

Урок по созданию рамочек с разрывом от MissKcu

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

Урок по созданию рамочек с разрывом от MissKcu

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!




1 (650x500, 184Kb)

читать дальше...

 

Коды для рамочек

 

1. Рамочка с разрывом (картинка или текст) и с фоном

2. Рамочка с разрывом (картинка или текст) без фона

3. Просто рамочка, без разрыва и без фона, вокруг вашего текста

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 10 - Создаем кнопку-переход на свой блог
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
...
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему
Часть 21 - Картинки с подписью и без. Урок от MissKcu

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

Рамка с круглыми углами. Без фотошопа!

Среда, 12 Марта 2014 г. 13:24 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Рамка с круглыми углами. Без фотошопа!

РАМКИ С КРУГЛЫМИ УГЛАМИ


А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)
Здесь урок для Яру

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

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

Удачи!
Егорова Татьяна

Код готовой рамки

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

РАЗРЕЗНАЯ РАМОЧКА С ПРИМЕНЕНИЕМ МАСКИ - УРОК

Среда, 09 Июля 2014 г. 15:29 + в цитатник
Это цитата сообщения Inna_Guseva [Прочитать целиком + В свой цитатник или сообщество!]

РАЗРЕЗНАЯ РАМОЧКА С ПРИМЕНЕНИЕМ МАСКИ - УРОК

ВАШ ТЕКСТ...


УРОК - РАЗРЕЗНОЙ РАМОЧКИ С ПРИМЕНЕНИЕМ МАСКИ

ЖМИ

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

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Понедельник, 03 Ноября 2014 г. 22:21 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА


ДЕЛАЕМ РАМКИ С КРУГЛЫМИ УГЛАМИ
БЕЗ ФОТОШОПА


Многие спрашивают, как сделать рамочку с круглыми углами?

ЕгороваТатьяна уже разьясняла,как это делается: тут

Немного дополню её, в своём маленьком уроке

По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.

Рассотрим,из чего же состоит наша формула
 


ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА
 


Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:

"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)

могут встречаться атрибуты:

"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.




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

Делаем простую Рамку с двигающимся текстом

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

Делаем простую Рамку с двигающимся текстом.

Я объясню вам, как можно сделать вот такую рамочку просто как фон к вашему посту.
Причём текст в вашей рамочке будет двигаться.
1. Скопировали код из окошка внизу под рамкой.
2.Вставляете код к себе в дневник в Простом текстовом редакторе.
рамка светланат (300x73, 12Kb)
Картинку перед текстом не ставьте иначе рамка будет глючить.
Сейчас я объясню поподробней обо всех тегах которые есть в этой рамке.
1.Находим в рамке тег: ...style="background:#FFCCFF;...—Это ФОН рамки.
А цифры—его ЦВЕТ. Названия цвета можно выбрать ЗДЕСЬ.
2.Теперь будем задавать
ЦВЕТ,ШИРИНУ И СТИЛЬ БОРДЮРА РАМКИ.
Находим теги,отвечающие за это:
...border-right:#CC00CC 20px solid;....
...border-right:...—Бордюр справа.
...border-top:...—Бордюр вверху.
...border-left:...—Бордюр слева.
...border-bottom:...—Бордюр внизу.
...#CC00CC...—Цвет бордюра—Цифры меняем на нужный вам цвет.
...20px...—Ширина бордюра—Цифры меняем на нужные вам.
...solid...—Стиль бордюра.Так же можно поменять по желанию.
Найти нужный стиль вам можно ЗДЕСЬ.
3.Идём дальше.Находим в коде тег:
...scrollamount="1" ...—По простому это СКОРОСТЬ с которой будет двигаться ваш текст.Чем ЦИФРА БОЛЬШЕ тем скорость быстрее.
4.Находим тег:
...scrolldelay="180"...—Этот атрибут задаёт временной интервал между шагами бегущей строки.
Чем ЦИФРА БОЛЬШЕ тем медленней будет двигаться ваш текст.
5.Теперь главное.
Размеры всей рамки. У меня она...width="600" height="300"...
...width="600"...—Ширина рамки.
...height="300"...—Высота рамки.
Решаете по вашему желания,какую захотите,можно сделать как у меня большую,
а можно и совсем маленькую.
ДОБРО ПОЖАЛОВАТЬ В ГОСТИ!

SvetlanaT

6.Идём дальше.
...font color="000000"...—ЦВЕТ ТЕКСТА.
Меняете цифры нанужный вам цвет.Взять цифровой код (смотим выше).
7.Теперь с какой стороны вы хотите чтобы стоял текст.
Тег:...div align="center"...—Текст по центру.
...left...—Текст слева.
...right...—Текст справа.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК
—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Успехов вам в оформлении.

SvetlanaT

КОД РАМКИ.

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

УРОКИ по созданию рамочек

Четверг, 26 Марта 2015 г. 05:50 + в цитатник
Это цитата сообщения YA_TATIYNA [Прочитать целиком + В свой цитатник или сообщество!]

УРОКИ по созданию рамочек




Серия сообщений "Уроки по изготовлению рамочек":

Часть 1 -
Уроки PhotoShop создание рамок
Часть 2 - Урок "Экшен рамка"
Часть 3 - Фотошоп. Рамка - Внутренняя тень.
Часть 4 - Урок по созданию рамок.ФШ
Часть 5 - Урок №17 Учимся делать рамочки
Часть 6 - Учимся делать вот такую красоту...
Часть 7 - Делаем многослойную рамочку в ФШ
Часть 8 - Рамочки с помощью маски (урок фотошопа)
Часть 9 - Урок. Простая рамочка.
Часть 10 - ДЕЛАЕМ РАМОЧКИ САМИ в ФШ
Часть 11 - Вставляем в рамку фото или картинку ФШ
Часть 12 - Оформление простой рамочкой ФШ
Часть 13 - Оформление картинки рамочкой ФШ
Часть 14 - Как украсить картинку блестящими полосками .
Часть 15 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 16 - Рамочка "Quarter corner", ФШ
Часть 17 - Золотая рамочка из маски в Фотошопе.
Часть 18 - Уроки фотошоп
Часть 19 - Урок ФШ. Рамка с применением шумов
Часть 20 - Урок ФШ. Несколько рамок на одной картинке
Часть 21 - Делаем ФШ рамочки в Gimp Урок 3
Часть 22 - Урок ФШ. Радужная рамка
Часть 23 - Рамочка "Чародейка"
Часть 24 - Рамочка с бегущими огоньками
Часть 25 - Рамочка для коллажа или картинки - 2.
Часть 26 - Несложные рамки своими руками в Фотошопе
Часть 27 - Урок. Простая рамочка.
Часть 28 - Уроки от Зоси ДЕЛАЕМ И УКРАШАЕМ РАМОЧКУ в ФШ
Часть 29 - Уроки от Зоси ФОТОШОПНАЯ РАМОЧКА.
Часть 30 - Урок "Создание рамочки в Фотошопе".(для блога)
Часть 31 - Урок 45. Блестящие полоски на картинке
Часть 32 - Рамка с декором, урок №2 от О.Бор
Часть 33 - Урок-тренинг №2 РАМКА- СТАНДАРТ ДЛЯ ФОТО.
Часть 34 - Урок. Красивая круглая рамочка из тесьмы или ленты.....
Часть 35 - Урок. Создание фигурной рамки в фотошоп.
Часть 36 - Рисуем выпуклую рамку.
Часть 37 - Уроки "Фотошопа" по созданию рамки
Часть 38 - УРОК. "КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФШ"
Часть 39 - Создаем круглую рамочку из лент
Часть 40 - Делаем ажурную рамочку.
Часть 41 - урок "Блестящая рамка" от Саюри
Часть 42 - Урок рамочки. ПОЛЁТ НАШЕЙ ФАНТАЗИИ.( рамочки в ФШ)
Часть 43 - Рамочки с помощью маски (урок фотошопа)
Часть 44 - Урок по созданию рамок в Фотошопе
Часть 45 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 46 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
Часть 47 - Урок :Рамочка многослойная в ФШ(по просьбе)
Часть 48 - УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ

 


ИСТОЧНИК


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

Рамочки-уголки

Пятница, 27 Марта 2015 г. 07:23 + в цитатник
Это цитата сообщения ЯблочкоНаливное [Прочитать целиком + В свой цитатник или сообщество!]

Рамочка-уголки

Здесь разместить текст, ставлю линии, чтоб раздвинуть уголки. Установила только размер шрифта, цвет и название шрифта отразится тот, какой установлен у вас в дневнике для общей записи.
Рамка уголков растянется на длину вашего текста. Если будет меньше моего текста, то уголки "наедут" друг на друга. Ширина не изменится.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Код рамки:

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

Делаем простую Рамку с двигающимся текстом.

Пятница, 03 Апреля 2015 г. 08:31 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем простую Рамку с двигающимся текстом.

Я объясню вам, как можно сделать вот такую рамочку просто как фон к вашему посту.
Причём текст в вашей рамочке будет двигаться.
1. Скопировали код из окошка внизу под рамкой.
2.Вставляете код к себе в дневник в Простом текстовом редакторе.
рамка светланат (300x73, 12Kb)
Картинку перед текстом не ставьте иначе рамка будет глючить.
Сейчас я объясню поподробней обо всех тегах которые есть в этой рамке.
1.Находим в рамке тег: ...style="background:#FFCCFF;...—Это ФОН рамки.
А цифры—его ЦВЕТ. Названия цвета можно выбрать ЗДЕСЬ.
2.Теперь будем задавать
ЦВЕТ,ШИРИНУ И СТИЛЬ БОРДЮРА РАМКИ.
Находим теги,отвечающие за это:
...border-right:#CC00CC 20px solid;....
...border-right:...—Бордюр справа.
...border-top:...—Бордюр вверху.
...border-left:...—Бордюр слева.
...border-bottom:...—Бордюр внизу.
...#CC00CC...—Цвет бордюра—Цифры меняем на нужный вам цвет.
...20px...—Ширина бордюра—Цифры меняем на нужные вам.
...solid...—Стиль бордюра.Так же можно поменять по желанию.
Найти нужный стиль вам можно ЗДЕСЬ.
3.Идём дальше.Находим в коде тег:
...scrollamount="1" ...—По простому это СКОРОСТЬ с которой будет двигаться ваш текст.Чем ЦИФРА БОЛЬШЕ тем скорость быстрее.
4.Находим тег:
...scrolldelay="180"...—Этот атрибут задаёт временной интервал между шагами бегущей строки.
Чем ЦИФРА БОЛЬШЕ тем медленней будет двигаться ваш текст.
5.Теперь главное.
Размеры всей рамки. У меня она...width="600" height="300"...
...width="600"...—Ширина рамки.
...height="300"...—Высота рамки.
Решаете по вашему желания,какую захотите,можно сделать как у меня большую,
а можно и совсем маленькую.
ДОБРО ПОЖАЛОВАТЬ В ГОСТИ!

SvetlanaT

6.Идём дальше.
...font color="000000"...—ЦВЕТ ТЕКСТА.
Меняете цифры нанужный вам цвет.Взять цифровой код (смотим выше).
7.Теперь с какой стороны вы хотите чтобы стоял текст.
Тег:...div align="center"...—Текст по центру.
...left...—Текст слева.
...right...—Текст справа.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК
—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Успехов вам в оформлении.

SvetlanaT

КОД РАМКИ.

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

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

Суббота, 12 Марта 2016 г. 09:25 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

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

*Mariea@mmg*

Рамка для оформления постов в дневнике





текст




 

 

Вот ее код:


<center><table style="background-image: url(''); border: 10px double #Обводка; padding: 7px; box-shadow: 0px 10px 30px #000000;" width="550"><tbody><tr><td style="padding:10px"><center><center><center><p><span style="font-size:20px;"><a href="http://www.liveinternet.ru/users/marmuh/blog/" target="_blank" title="Mariea Muhaceova"><img align="right" height="10" src="//img-fotki.yandex.ru/get/4116/50427825.7a/0_85fae_200405c9_XS.gif.jpg" width="10" /></a></span></p><br/><br/><p><span style="font-size:20px;"><em><span style="font-family:georgia,serif;">текст</span></em></span></p></center><br />&nbsp;</center></center>
</td></tr></tbody></table></center>

В скобку  url('')  - можно вставить ссылку на фон. 
Можно вставить цвет обводки, см сюда - double #Обводка;
Можно поменять размеры, цвет и направление тени - вот здесь:
box-shadow: 0px 10px 30px #000000;
За пределами рамки - сверху можно вставить Заголовок,
внизу под рамкой  - Источники, свое резюме...
Вокруг всего поста можно вставить рамку- обводку.
Главное - не загромождать, не утяжелять всякими темными,
яркими, сложными фонами.
Хотя, у каждого свой вкус. Дерзайте, варьируйте.
Прекрасных вам постов!
 
 
 

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

Рамка ФОН-КАРТИНКА в формате пнг,клипарт

Суббота, 12 Марта 2016 г. 09:26 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Рамка ФОН-КАРТИНКА в формате пнг,клипарт.





Вот так эта рамка будет выглядеть.
Вам только нужно подобрать
КРАСИВУЮ картинку.
Я вам даю КОД "СКЕЛЕТИК"
—делайте рамку сами на свой вкус.
В коде где написано:ФОН-КАРТИНКА
—Вставляйте свою картинку.Загрузить на Лиру картинку
можно через ОБЗОР.Берёте ССЫЛКУ НА КАРТИНКУ-всё то,
что стоит внутри кавычек.И так же вставляете
в КОД РАМКИ "СКЕЛЕТИКА",тоже внутрь кавычек.
Посмотреть как картинку загрузить и найти её
ссылку-код можно ЗДЕСЬ. Размеры картинки:
-width="ШИРИНА" height="ВЫСОТА"- ставите свои.
Найти картинки можно ЗДЕСЬ.
В КОДЕ где написано ВАШ ТЕКСТ -пишите свой текст.
В КОДЕ где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК
—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
можно ЗДЕСЬ.
Успехов вам в вашем творчестве.

SvetlanaT

КОД "СКЕЛЕТКА"РАМКИ

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

образцы и формулы простых рамок (фон для текста с окантовкой)

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

образцы и формулы простых рамок (фон для текста с окантовкой)

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!


коллаж kollaj_PROSTOI_redaktor_LIry (300x223, 30Kb)


 ДОРОГИЕ МОИ! в этом постике я сделала для себя на всякий случай ШПАРГАЛКУ с ФОРМУЛАМИ простых рамочек, сделанных в РАМОЧНИКЕ,возможно,и Вам пригодятся.Эти рамочки можно разнообразить, подбирая подходящие ФОНЫ для ТЕКСТА,их место обозначено в ФОРМУЛЕ так...
" URL - адрес фона "
...все изменения дизайна в этих формулах лучше осуществлять в ПРОСТОМ (HTML) РЕДАКТОРЕ ЛИру...выглядит он вот так

Читать далее
Рубрики:  Оформление/Фоны

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

Код - скелет разрезной рамочки

Суббота, 26 Марта 2016 г. 23:24 + в цитатник
Это цитата сообщения Vi-Natalka [Прочитать целиком + В свой цитатник или сообщество!]

Код - скелет разрезной рамочки

По многочисленным просьбам даю код - скелет рамочки, которым я пользуюсь у себя(ПРИМЕНЯЕТСЯ ТОЛЬКО ДЛЯ РАМОК СДЕЛАННЫХ В ФОТОШОПЕ!)

Код - скелет рамочки:

ШИРИНА всех частей должна быть одинакова
ВЫСОТА частей у каждой части рамки своя
ДЛИНА СТРОКИ ТЕКСТА - это размер того, какой длины будет каждая строка вашего текста
АДРЕС ВАШЕГО ДНЕВНИКА - ставьте ссылку на свой дневник
Цвет и размер текста я не указываю, сами поймёте, где они и меняете на то, что вам нужно
у меня текст - Georgia, а цвет - 243f34

Nata Vi

 


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

Образцы и формулы простых рамок (фон для текста с окантовкой)

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

образцы и формулы простых рамок (фон для текста с окантовкой)

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!


коллаж kollaj_PROSTOI_redaktor_LIry (300x223, 30Kb)


 ДОРОГИЕ МОИ! в этом постике я сделала для себя на всякий случай ШПАРГАЛКУ с ФОРМУЛАМИ простых рамочек, сделанных в РАМОЧНИКЕ,возможно,и Вам пригодятся.Эти рамочки можно разнообразить, подбирая подходящие ФОНЫ для ТЕКСТА,их место обозначено в ФОРМУЛЕ так...
" URL - адрес фона "
...все изменения дизайна в этих формулах лучше осуществлять в ПРОСТОМ (HTML) РЕДАКТОРЕ ЛИру...выглядит он вот так

Читать далее

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

Делаем рамки

Воскресенье, 24 Апреля 2016 г. 14:26 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Делаем рамки

Серия сообщений "Делаем рамки":
Часть 1 - Делаем рамки - серия уроков ФШ
Часть 2 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 3 - ДЕЛАЕМ В ФШ РАМКУ С ЗАКРУГЛЕННЫМИ УГОЛКАМИ
Часть 4 - Рамка в ОДИН слой
Часть 5 - Делаем разрезную рамку в ФШ
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 7 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 8 - ОТВЕТ ОППОНЕНТУ...))
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
Часть 14 - Шаблоны рамок
Часть 15 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 16 - Делаем ФШ разрезную рамку с обрамлением
Часть 17 - Делаем ФШ-рамку
Часть 18 - ЗАГИБАЕМ УГОЛОК
Часть 19 - Урок для КОРЕЛА "Monika"
Часть 20 - Урок - Рамочка многослойная в ФШ
Часть 21 - Учимся делать рамку для записи в 2 слоя
Часть 22 - Урок "Рамочка сделанная в Фотошопе"
Часть 23 - УРОК = КАК Я ДЕЛАЮ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 24 - Делаем ФШ рамку с помощью бордюрных масок
Часть 25 - УРОК =ОРИГИНАЛЬНАЯ РАМОЧКА=
Часть 26 - Урок "Как избежать деления рамочки ФШ при написании в ней текста"
Часть 27 - Делаем в ФШ рамку для видео
Часть 28 - Делаем "рваную" рамку
Часть 29 - Как сделать рамочку в ФШ (1-я ЧАСТЬ урока) - урок от Мираж
Часть 30 - Как сделать рамочку в ФШ (2-я ЧАСТЬ урока) - урок от Мираж
Часть 31 - Делаем ФШ рамку - видео-урок
Часть 32 - Делаем рамку в Корел
Часть 33 - Простая рамка для записи с часиками
Часть 34 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 35 - Цветные рамочки для текста
Часть 36 - Простые рамки с заголовком
Часть 37 - Простые рамки с фоном
Часть 38 - Прерывистые рамки для текста
Часть 39 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 40 - Как сделать разрезную рамку в ФШ
Часть 41 - Коды для Мейла и ЛиРу
Часть 42 - Делаем разрезную рамку в ФШ

 


Серия сообщений "Для ЛиРу":

Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 13 - Как получить ссылку на музыку?
Часть 14 - Что сделать, если у вас в блоге не играет музыка?
Часть 15 - Делаем рамки
Часть 16 - Как сделать схему для дневника, применяя одну фоновую картинку страницы
Часть 17 - Видео-урок: Работа со ссылками на лиру
...
Часть 42 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 43 - Начинающим на ЛиРу
Часть 44 - ВОПРОСЫ И ОТВЕТЫ
 

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

Рамочка фигурная+КОД

Четверг, 28 Апреля 2016 г. 17:39 + в цитатник
Это цитата сообщения NATALI_KOMJATI [Прочитать целиком + В свой цитатник или сообщество!]

Рамочка фигурная+КОД


Здесь будет ваш текст



***МОЯ ФОРМУЛА***

***КОД ДЛЯ ВАС***



Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 25 - РАМОЧКА многослойная...объемная+КОД
Часть 26 - Рамочка объемная с круглыми краями+КОД
Часть 27 - Рамочка фигурная+КОД
Часть 28 - Рамочка с объемным фоном+КОД
Часть 29 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой



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

простая рамочка с выдавленной кромкой+ КОД

Четверг, 28 Апреля 2016 г. 17:41 + в цитатник
Это цитата сообщения NATALI_KOMJATI [Прочитать целиком + В свой цитатник или сообщество!]

простая рамочка с выдавленной кромкой+ КОД


Здесь будет ВАШ ТЕКСТ

рамочка Natali KomjatiD1opY.gif





***СКЕЛЕТИК РАМОЧКИ***



Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
Часть 3 - Простая рамочка с выпуклой кромкой+КОД
Часть 4 - простая рамочка с двойной кромкой+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой



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

Простая рамочка с выпуклой кромкой+КОД

Четверг, 28 Апреля 2016 г. 17:42 + в цитатник
Это цитата сообщения NATALI_KOMJATI [Прочитать целиком + В свой цитатник или сообщество!]

Простая рамочка с выпуклой кромкой+КОД


Здесь будет ВАШ ТЕКСТ

рамочка Natali KomjatiD1opY.gif





***СКЕЛЕТИК РАМОЧКИ***



Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
Часть 3 - Простая рамочка с выпуклой кромкой+КОД
Часть 4 - простая рамочка с двойной кромкой+КОД
Часть 5 - Рамочка с двойной кромкой...серая+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой



Метки:  

 Страницы: [3] 2 1