Рамочки для текста-13 [20 шт.]

Смотрите также: Рамочки-1 [15 шт.] * Рамочки-2 [25 шт.] * Рамочки-3 [25 шт.] * Рамочки-4 [25 шт.] * Рамочки-5 [25 шт.] * Рамочки-6 [25 шт.] * Рамочки-7 [25 шт.] * Рамочки-8 [25 шт.] * Рамочки-9 [20 шт.] * Рамочки-10 [25 шт.] * Рамочки для текста-11 [20 шт.] * Рамочки для текста-12 [20 шт.]
Просто скопируйте код под понравившейся рамочкой и вставьте его при создании сообщения в своем дневнике. Вместо слов "Здесь будет текст..." вставляйте свой текст. Цитируйте!

Рамочка для текста 276

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

<center><table border="0" background="//img-fotki.yandex.ru/get/6711/86749096.d4/0_b2ab1_ce335e70_XL.jpg" cellpadding="0" cellspacing="0" height="184" width="680"> <tr><td> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9155/86749096.d4/0_b2ab2_323b1261_XL.jpg" cellpadding="0" cellspacing="0" height="270" width="680"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="560"><center><font face="Monotype corsiva" color="#fcfaea" style="font-size:22px"><i><b>Здесь будет текст...<br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9106/86749096.d5/0_b2ab3_a7c3dad5_XL.jpg" cellpadding="0" cellspacing="0" height="126" width="680"><tr><td><center><br /><img src="//s41.radikal.ru/i094/1209/9a/fff2883904c0.gif" /></center></td></tr></table></center>

Продолжение >>>

Плееры для вставки музыки. Код.

Кнопочки для ваших плееров >>>

Урок. Делаем коллаж Pretty Woman



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

Материал можно скачать здесь или смотрите во вложении.

Цвет переднего плана #d39ab9, цвет фона #431e2e

Итак, приступим:

Учимся дальше...

Как правильно пользоваться рамочками?

Добрый день, дорогие мои друзья и постоянные читатели! Этот пост делаю для тех, кто совсем не знает, как использовать рамочки, которые в большом изобилии предлагает интернет, для себя. Принцип вставки в рамочки у всех одинаков. Поэтому попробую объяснить, как вставить содержимое на примере одной из своих рамочек. Пишу очень подробно. Правой кнопкой мыши щёлкаем по окошечку с кодом, расположенному под самой рамочкой. Выпадет вкладка, выбираем - «Выделить всё» - жмём на неё и выделяем код (он окрасится синим цветом).

Флеш-эпиграфы и флеш-часики

Скопируйте код под понравившейся флешкой и вставьте в раздел "эпиграфы" настроек своего дневника.

<center><img src="//img-fotki.yandex.ru/get/6616/86749096.98/0_a465e_7de98ca3_XL.jpg" width="748" height="508" title="" alt="" border="0" /></center>

10 эпиграфов + 8 часиков >>>

Коллаж *2011*

Флеш-часики к дню Святого Валентина

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

[flash=250,269,//img0.liveinternet.ru/images/attach/c/10//4090/4090588_chasiki_na_krasnom_serdechke.swf]	[flash=300,289,//img0.liveinternet.ru/images/attach/c/10//4090/4090639_chasuy_cifrovuye_v_zelyonom_serdechke.swf]	[flash=190,250,//img0.liveinternet.ru/images/attach/c/10//4090/4090590_sobachka.swf]
[flash=248,300,//img0.liveinternet.ru/images/attach/c/10//4090/4090612_s_angelochkom.swf]	[flash=300,289,//img0.liveinternet.ru/images/attach/c/10//4090/4090637_retro_kartinka_bez_muz.swf]	[flash=250,250,http://s01.yapfiles.ru/files/783251/HORLOGESTVALENTIN7.swf]

Ещё! >>>

Рамочки для текстов

1.

Здесь будет Ваш текст...

<center><table border="0" background="//img-fotki.yandex.ru/get/9306/86749096.e1/0_be1f0_e57b6403_XL.png" cellpadding="0" cellspacing="0" height="456" width="700"> <tr><td> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6726/86749096.e1/0_be1f1_998484e3_XL.png" cellpadding=" cellspacing=" height="135" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="550"><center><font face="Monotype Corsiva" color="#2d0956" style="font-size:22px"><i><b>Здесь будет Ваш текст...<br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9114/86749096.e1/0_be1f2_b3b5139a_XL.png" cellpadding=" cellspacing=" height="69" width="700"><tr><td><center><br /><span style="color:#000000;font-size:20px"><b></b></span></center></td></tr></table><a title="Заходите в гости" href="//www.liveinternet.ru/users/3486682/" target="_blank"><img src="//img-fotki.yandex.ru/get/6611/86749096.8a/0_a13cf_217c1a75_XS.gif" border="0" width="24" height="23" alt="" align="right" /></a></center>
20 красивых рамочек для оформления стихов, картинок, текстов >>>

***Мои 37 схем для ваших дневничков***

Схемка ***Элегантный натюрморт***   Название: ***Элегантный натюрморт*** Автор: klavdia-France Создана: 18.01.2016 17:33 Скопировали: 9 раз Установили: 12 раз Примерить схему | Cохранить себе

35 схемок для вас от Klavdia-France

Чтобы посмотреть, нравится ли вам схема - нажмите "примерить схему", далее - чтобы сохранить себе - "скопировать схему", чтобы установить сразу - "использовать схему". ***КУВШИНКИ***   Название: ***КУВШИНКИ*** Автор: klavdia-France Создана: 02.04.2016 18:23 Скопировали: 9 раз Установили: 23 раз Примерить схему | Cохранить себе ***Нежный Ирис***   Название: ***Нежный Ирис*** Автор: klavdia-France Создана: 02.04.2016 17:45 Скопировали: 18 раз Установили: 40 раз Примерить схему | Cохранить себе Смотрим далее >>>

Рамочки от Ларрочки/ 15 чудесных украшений с кодами.

ВАШ ТЕКСТ

 
<table style="border:3px solid #003300" background="http://4put.ru/pictures/small/114/350227.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:3px dashed #cccc99;background-color:#003300" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:3px solid #003300;background-color:#ffcc99" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:0px none #000000" background="http://fony-kartinki.ru/_ph/42/2/127470442.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:0px none #003300" background="http://4put.ru/pictures/small/114/350227.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:3px dashed #cccc99;background-color:#003300" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:3px dashed #003300;background-color:#ffcc99" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table width="600" height="20" style="border:0px none #000000;background-color:#336633" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#cccc99;font-size:22px"><b><img src="//img-fotki.yandex.ru/get/6307/32130860.d5/0_97063_159a6d9e_XL.jpg" width="600" style="width:600px;" /><br /><br />ВАШ ТЕКСТ<br /><br /><br /><img src="http://www.playcast.ru/uploads/2015/04/13/13156636.png" width="100" style="width:100px;" /><br /><br /></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Monotype Corsiva;color:#cccc99;font-size:14px"><b><a target="_blank" href="//www.liveinternet.ru/users/5794432/"><img src="//img-fotki.yandex.ru/get/4125/28620765.4b3/0_ac3e1_b9e4a42e_XXS.gif" /></a></b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Весенние рамочки для ваших дневников - далее >>>

Новогодние, зимние коллажи


Код коллажа:

Код коллажа:

ОБЪЕМНАЯ 3D СПИРАЛЬ - ДЕЛАЕМ КОЛЛАЖ В ФШ




ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

ОБЪЕМНАЯ 3D СПИРАЛЬ

По просьбам постояных читателей расскажу как сделать вот такой эффект в ФШ





Будем учиться делать объемную 3D спираль, делать любой градиент и самим записывать экшен (операцию)
Урок получился длинным, не пугайтесь...Он не сложный, просто я расписала все подробно для начинающих..))

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

Надеюсь, вы понимаете, что черный цвет спирали - не единственный вариант..))




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

Серия сообщений "* 3D":

Часть 1 - Эффект объёмного изображения
Часть 2 - ВЫХОД В НОВЫЙ МИР.
...
Часть 15 - 3D объекты в Photoshop
Часть 16 - Дизайн новогодней открытки с 3D эффектом
Часть 17 - ОБЪЕМНАЯ 3D СПИРАЛЬ - ДЕЛАЕМ КОЛЛАЖ В ФШ
Часть 18 - Фотография в 3D
Часть 19 - Эффект объемного фото (выход из фотографии)
...
Часть 27 - Создание 3D анимации крутящего шара или глобуса в программе Фотошоп во временной шкале
Часть 28 - Создание 3D-эффекта
Часть 29 - Как придать фигуре объем или вид 3D

ДЕЛАЕМ КОЛЛАЖ (УРОК ДЛЯ НАЧИНАЮЩИХ)




ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

ДЕЛАЕМ КОЛЛАЖ (УРОК ДЛЯ НАЧИНАЮЩИХ)


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



Читать далее

Рассвет.

Рассвет.



Всем привет!

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

Приятного творчества!

Зимнее,предпраздничное.

Рамочка " С Днем Рождения!"

ВАШ ТЕКСТ

<center><table border="0" background="https://d.radikal.ru/d08/1811/fa/6999754519f9.jpg" cellpadding=" cellspacing=" height="732" width="800"><tr><td> </td></tr></table><center><table border="0" background="https://c.radikal.ru/c06/1811/b6/0ccf31b6c643.jpg" cellpadding="0" cellspacing="0" height="28" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr><td width="700"><center><span style="font-family:Monotype Corsiva;color:#a0773f;font-size:25px"><b> <i>ВАШ ТЕКСТ </i></b></span></center></td></tr></table></td></tr></table></center></center><center><table border="0" background="https://b.radikal.ru/b43/1811/fc/b4de48d0299a.jpg" cellpadding="0" cellspacing="0" height="40" width="800"><tr><td></td></tr></table></center><center></center><center><a href="//www.liveinternet.ru/users/lkis/" target="_blank"><img src="http://s20.rimg.info/a44f9b67dbc17581f49866ee54272575.gif" alt="D1opY.gif" border="0" /></a></center>

Рамочка для поздравления

ВАШ ТЕКСТ...

Lkis

<center><table border="0" background="//s019.radikal.ru/i644/1610/1a/66305e11c93c.jpg" cellpadding="0" cellspacing="0" height="584" width="700"> <tr><td><a target="_blank"> <img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /> </a> </td></tr></table><table border="0" background="//s016.radikal.ru/i337/1610/1d/85d0f838930d.jpg" cellpadding="0" cellspacing="0" height="47" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="640"><center><font face="Monotype Corsiva" color="#8a6c3b" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//s016.radikal.ru/i337/1610/85/8266a32f10e0.jpg" cellpadding="0" cellspacing="0" height="39" width="700"><tr><td><center><a target="_blank"><font face="Arial" color="#8a6c3b" style="font-size:10px"><b>Lkis</b></font> </a></center></td></tr></table></center>

ВЕЧНЫЙ КАЛЕНДАРЬ!!!!

когда щелкаешь на 1981год открывается информация на много много лет вперед

XX век

 

 

Как вставить ВИДЕО в дневник.С разных сайтов.

Ещё один урок по просьбе моих дорогих ПЧёлок.
Вставляем видео с разных сайтов к себе в дневник.
Начнём c Youtube на Ли.ру.
Набиваем название,что вам нужно.И нажали ПОИСК.

Нашли! Потом,чтобы загрузить вам нужен код этого видео.

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

НУЖНЫЕ КОДЫ ДЛЯ БЛОГОВ

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

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

Учимся вставлять Картинки с кодами в таблицу.

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

<img src="//img-fotki.yandex.ru/get/4311/fot462.f5/0_3c774_e37dee3b_M.jpg" width="180" height="238" />	<img src="//img-fotki.yandex.ru/get/4314/fot462.f4/0_3c772_abd2d45f_M.jpg" width="134" height="242" />	<img src="//img-fotki.yandex.ru/get/4310/fot462.f5/0_3c792_1b41cf04_M.jpg" width="185" height="240" />
<img src="//img-fotki.yandex.ru/get/4209/fot462.f5/0_3c793_34d3baa3_M.jpg" width="115" height="253" />	<img src="//img-fotki.yandex.ru/get/4311/fot462.f6/0_3c7ba_b1f1334d_M.jpg" width="138" height="249" alt="36216699 (501x400, 22Kb)" />	<img src="//img-fotki.yandex.ru/get/4312/fot462.f6/0_3c7ae_81dc8fa7_M.jpg" width="114" height="244" />

Жмём и смотрим как научится делать такое оформление.

Делаем свой, несложный, но оригинальный фон для дневника в Эдитор

Делаем свой, несложный, но оригинальный основной фон для дневника в онлайн -фотошопе Эдитор

Серия сообщений "Фотошоп онлайн/ЭДИТОР":

Часть 1 - Убираем ненужные объекты на фотографиях.
Часть 2 - Как сделать коллаж с фотографией в рамке ОКНО, в Эдиторе Pixlr.com
...
Часть 9 - Как сделать простой клипарт из любой картинки
Часть 10 - Как сделать свою, оригинальную кнопочку, для ссылок на сайты, в ЭДИТОРЕ
Часть 11 - Делаем свой, несложный, но оригинальный фон для дневника в Эдитор
Часть 12 - как с помощью фотошопа- онлайн ЭДИТОР быстро оживить картинку
Часть 13 - Подписываем имеющиеся у вас кнопочки, с помощью сайта онлайн фотошоп.
...
Часть 16 - Пишем текст на прозрачном фоне в программе ЭДИТОР
Часть 17 - Как сделать коллаж с фото в своей рамке , в Эдиторе Pixlr.com
Часть 18 - Анимация картинок без фотошопа

Как СДЕЛАТЬ ПОСТ С КАРТИНКОЙ на Лиру.

Учимся сами делать свои рамочки.

Красиво оформляем ссылки на источник

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

Ольга Витман

А это рамочка для ваших запасов "Все для блога".

Здесь будет ваш текст. Всегда рада поделиться моими рамочками. Рамка растягивается только в длину.

Ольга Витман

Делаем красивую, кликабельную подпись

В большей степени этот урок пригодится новичкам . Думаю , Вы видели подобные кликабельные подписи , только не все умеют их делать . Сделать такую подпись очень легко и сейчас , я постараюсь доступно и подробно всё объяснить. Читать далее

 

Урок по написанию поста на Ли.ру от MissKcu

1.

Нажми и увидишь, как выглядит этот пост

 

Серия сообщений "Сообщения и комментарии. О картинках в блогах":

Часть 1 - Сделать слайд-шоу
Часть 2 - Автоматическая публикация сообщений из черновика в указанное время
Часть 3 - Делаем галлерею картинок
Часть 4 - Как вставить разделители в пост. Урок от MissKcu
Часть 5 - Урок по написанию поста на Ли.ру от MissKcu
Часть 6 - Убирайте кликабельность из картинок!
Часть 7 - Как запретить цитировать сообщение
Часть 8 - Картинки с подписью и без. Урок от MissKcu

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

КАК ОБЛЕГЧИТЬ ЖИЗНЬ НОВИЧКАМ НА ЛИРУ))

СРЕДИ МОИХ ЧИТАТЕЛЕЙ ЕСТЬ СОВСЕМ НОВИЧКИ,А НА ЛИРУ В ПОСЛЕДНЕЕ ВРЕМЯ СКОЛЬКО ЗАМОРОЧЕК,ЧТО НЕ УСТАЮТ УДИВЛЯТЬСЯ И "СТАРОЖИЛЫ ЛИРУШЕЧКИ",ПОЭТОМУ РЕШИЛА НАПИСАТЬ ПОСТ О ПРАВИЛАХ ПОВЕДЕНИЯ НА ЛИРУ,А ВЕРНЕЕ КАК Я ПОНИМАЮ И ВЫПОЛНЯЮ ЭТИ ПРАВИЛА.) ЭТО МОЯ ТОЧКА ЗРЕНИЯ,НО УВЕРЕНА,С НЕЙ СОГЛАСЯТСЯ МНОГИЕ))) В КОНЦЕ ПОСТА МНОГО ОЧЕНЬ ПОЛЕЗНЫХ ССЫЛОК С УРОКАМИ ДЛЯ НАЧИНАЮЩИХ ЛИРУШНИКОВ. ДОРОГИЕ НОВИЧКИ! ПЕРВОЕ И САМОЕ ГЛАВНОЕ-НЕ СТЕСНЯЙТЕСЬ СПРАШИВАТЬ СОВЕТА,ВАМ ВСЕГДА ПОМОГУТ,БОЛЬШИНСТВО "ЖИТЕЛЕЙ"ЛИРУ-АДЕКВАТНЫЕ И ДОБРОЖЕЛАТЕЛЬНЫЕ ЛЮДИ! ЕСЛИ ВЫ НАШЛИ ДНЕВНИК КОТОРЫЙ КАЖЕТСЯ ВАМ КЛАДОМ,ВСЕ ТЕМЫ "ВАШИ",И ВКУСЫ СОВПАДАЮТ-СМЕЛО ДОБАВЛЯЙТЕСЬ В ЧИТАТЕЛИ-ТЕПЕРЬ ВЫ БУДЕТЕ ПОЛУЧАТЬ НА СВОЮ ПОЧТУ И В ЛЕНТУ СООБЩЕНИЯ И ЦИТАТЫ ЛЮБИМОГО ДНЕВНИКА,К ТОМУ ЖЕ ВЫ НИКОГДА  ЕГО  НЕ ПОТЕРЯЕТЕ ИЗ ВИДУ,ОН ВСЕГДА БУДЕТ В СПИСКЕ  ВАШЕГО ДНЕВНИКА,В ЛЕВОЙ КОЛОНКЕ.

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

Отступы

Для того что бы сделать отступы на странице можно применить стилевые параметры margin и padding.
Margin определяет отступ от границы текущего элемента до внутренней границы его родительского элемента. Родительский элемент это элемент внутри которого находится текущий элемент.
Например
1 <div> 2 <div> 3 <div></div> </div> 4 <div></div> </div>
Для 2-го дива родительским будет 1-й див. Для 3-го дива родительский - 2-й. Для 4-го дива родительский 1-й див
Отступы можно указывать в пикселях, процентах или других допустимых в css единицах. margin допускает до 4-х аргументов

• 1 агрумент - задает отступ для всех сторон элемента
• 2 аргумента - первый аргумент задает отступ сверху и снизу, а второй - слева и справа
• 3 аргумента - первый задает отступ от верхнего края, второй слева и справа, а трети от нижнего края
• 4 аргумента - задают отступы от верхнего, правого, нижнего и левого края

возможны варианты:

• margin-top - отступ сверху
• margin-bottom - отступ снизу
• margin-left - отступ слева
• margin-right - щтступ справа

Вариант без отсутпа:
<div style="border: solid 1px; width: 200px; height: 200px;"> <div style="border: solid 1px; width: 100px; height: 100px;">Текст</div> </div>
Делает отступы
<div style="border: solid 1px; width: 200px; height: 200px;"> <div style="border: solid 1px; width: 100px; height: 100px; margin: 20px;">Текст</div> </div>
Для того что бы таблица или див разместить посредине родительского элемента добавьте стиль margin-left: auto; margin-right: auto; тогда в любом браузере будет выводится по центру.
<div style="border: solid 1px; width: 200px; height: 200px; text-align: center;"> <div style="border: solid 1px; width: 100px; height: 100px; margin-top: 20px; margin-left: auto; margin-right: auto;">Текст</div> </div>

Все вышесказанное относиться и к padding - который задает отступ от края элемента до воображаемого прямоугольника, ограничивающего его содержание.
Делает отступы
<div style="border: solid 1px; width: 100px; padding: 10px;">Текст</div>
<p style="border: solid 1px; width: 100px; padding: 10px;">Текст</p>

Текст

Что бы сделать отступ от рисунка до текста, обтекающего его, добавте к коду рисунка 2 параметра vspace="10" - отступ по вертикале, и hspace ="10" - отступ по горизонтале. 10 - это значение отступа в пикселях.

<img src="//img1.liveinternet.ru/images/attach/c/0//45/993/45993147_111.gif" width="100" height="100" alt=" (100x100, 28Kb)" aling="left" hspace="10" vspace="10" />

Например. Нужно текст поместить в рамку. Если мы не делаем отступов то результат будет такой

<div style="background: url('//img1.liveinternet.ru/images/attach/c/0//46/1/46001042_Pic3.jpg'); width: 378px; height: 459px; border: solid 1px #ffffff;"> Текст </div>
Текст будет выведен в верхнем левом углу. Для того что бы это исправить заключим текст в див и для этого дива укажим отступы.
<div style="background: url('//img1.liveinternet.ru/images/attach/c/0//46/1/46001042_Pic3.jpg'); width: 378px; height: 459px; border: solid 1px #ffffff;"> <div style="margin-top: 80px; margin-left: 80px; width: 220px; height: 300px; border: solid 1px #0000f0;"> Текст </div> </div>
Все красиво, но текст вплотную прилегяет к рамке дива. Что бы этого не было нужен padding
<div style="background: url('//img1.liveinternet.ru/images/attach/c/0//46/1/46001042_Pic3.jpg'); width: 378px; height: 459px; border: solid 1px #ffffff;"> <div style="margin-top: 80px; margin-left: 80px; width: 220px; height: 300px; border: solid 1px #0000f0; padding: 10px;"> Текст </div> </div>
Пример использования padding
<span style="background-color: #89abcd;">Текст</span>
Текст Текст выглядит не совсеми красиво.
Добавим padding
<span style="background-color: #89abcd; padding: 2px 10px 2px 10px;">Текст</span>

Текст

По моим наблюдениям отступ сверху не работает в дневнике если нет border. Добавляйте в стили border: solid 1px #ffffff; Цвет рамки нужно подобрать под цвет общего фона, что бы рамки не было видно

Рамка для блога, имитирующая картину.

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

Как быстро вставить в пост на ЛиРу картинку из Интернета

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

Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.

Как к каждой записи в дневнике, сделать свой простенький, но оригинальный курсор, и вставить его в пост. Сделать это совсем несложно. Вот в этой рамочке код такого курсора. Копируете его, и подставляете свои значения, вместо слов. Потяните мышкой за правый нижний уголочек рамочки, и вам откроется весь код курсора. <div align="center"><font style="cursor:URL('АДРЕС КАРТИНКИ'),auto;">ВАШ ПОСТ</font></div>

Стандартные размеры баннеров

СВОДНАЯ ТАБЛИЦА РАЗМЕРОВ БАННЕРОВ:

Очень нужная вещь! Лично я всегда забываю точную размеры стандартного баннера, поэтому часто страдаю,  потратив несколько часов на классный баннер, а потом обнаружив, что он не вписывается в рамки. Надеюсь, эта табличка многим поможет ;)

728 x 90	ведущий стенд
468 x 60	длинный баннер
336 x 280	большой прямоугольник
300 x 250	прямоугольник средней величины
300 x 600	объявление на полстраницы
250 x 250	всплывающий квадрат
240 x 400	вертикальный прямоугольник
234 x 60	половина длинного баннера
180 x 150	прямоугольник
160 x 600	широкий небоскреб
125 x 125	квадратная кнопка
120 x 600	небоскреб
120 x 240	вертикальный баннер
120 x 90	кнопка 1
120 x 60	кнопка 2
88 x 31	микро полоса

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

Можно ли взять понравившийся фон с блога, поста, сайта, и как это сделать

Меня очень многие спрашивают - можно ли взять понравившийся фон с блога, поста, или просто с сайта, и как это сделать. . Отвечаю небольшим уроком. Конечно можно. И делается все это очень и очень просто.

КАК ПЕРЕНЕСТИ ПОСТ ИЗ БЛОГА В ДНЕВНИК НА ЛиРу

Друзья и читатели моего блога! В последнее время наш майл практически ВЫЖИВАЕТ, или попросту гонит, нас со своих страничек. Не дают ни какой возможности заходить свободно в блоги, закрыли всё кнопки редактор, комменты, теперь еще и рассылку по подписке убрали. Как не печально, но блоги потихоньку "умирают", многие просто не могут войти в даже в свой блог или в редактор и бросают всё. Вообщем нам не очень вежливо дают понять - уходите с блогов добровольно.... смотри полностью

Как скопировать текст с сайта, который защищен от копирования.

Как скопировать текст с сайта, который защищен от копирования. Многие пользователи выходят в интернет для поиска нужной для себя информацию для использования в своих проектах (как-то написание рефератов, заметок, статей). А некоторые ВЭБ- мастера по разным причинам не желают, чтобы посетители могли скопировать тексты или картинки находящиеся на их сайте. Они надеются, что неподготовленному пользователю будет лень перепечатывать материал и он оставит его в покое.

Редактирование эпиграфа

Чтобы написать что-либо в эпиграфе, или вообще его заполнить, нужно пойти в раздел "Настройки", далее - в "Настройки дневника".
Там будет поле "Эпиграф дневника" - вот его и надо заполнять.
Следует учитывать, что в эпиграфе действует html-код, соответственно, для редактирования текста нужно применять теги.
Например, для переноса текста на новую строку используется тег <br /> - клавиша Enter не действует.
Для жирного шрифта - соответственно открывающий и закрывающий теги: <b></b>
Курсив - <i></i>.
Изменение цвета шрифта: открывающий тег <font color="#d54e95"> и закрывающий тег</font>, где цифры после знака # - код цвета, его можно посмотреть в таблице цветов Яндекса.

Изменение размера шрифта - открывающий тег <font size="5"> и закрывающий тег </font>, где цифра - это размер шрифта.
Выравнивание текста: по центру - теги (открывающий и закрывающий) <center></center>, по левому краю - <left></left>, по правому краю - <right></right>.
Читать далее...

Эдитор - урок от Виктории.

Результат урока: Заходим в Эдитор - https://pixlr.com/editor/ Создаем рабочее окошко 800 пик. на 450 пик. и ставим галочку на прозрачность. Загружаем в рабочее окошко ленточку и устанавливаем. https://img-fotki.yandex.ru/get/9320/214177006.b5/0_fb050_47a9f99_orig Загружаем в рабочее окошко розочку, разворачиваем и устанавливаем так, чтобы розочка лежала у нас по середине ленточки. https://img-fotki.yandex.ru/get/4700/214177006.b5/0_fb04e_54c9f1af_orig

Делаем РАМОЧКИ (Всё для создания рамочек!)

ГЕНЕРАТОРЫ РАМОЧЕК   ГЕНЕРАТОРЫ ЦВЕТА     ГЕНЕРАТОРЫ ТЕНЕЙ   КОДЕРЫ (ДЕКОДЕРЫ)   ГЕНЕРАТОР СОЧЕТАНИЯ ЦВЕТА (ЖМИ на Картинку!)

 

 

 

 

Рамочки для видео

ВИДЕО ВСТАВЛЯЕМ СЮДА

<div align="left"><table border="0" background="" cellpadding="1" cellspacing="3" width="500"> <tr><td><table border="0" background="//img0.liveinternet.ru/images/attach/c/2//65/694/65694781_ramka__kopiya.jpg" cellpadding="1" cellspacing="15" width="100%"> <tr><td><table border="0" background="//img0.liveinternet.ru/images/attach/c/2//65/694/65694630_0_5a553_d9f54913_M.jpg" cellpadding="1" cellspacing="5" width="100%"><tr><td> <center><font color="EEDD82">ВИДЕО ВСТАВЛЯЕМ СЮДА</font></center></td></tr></table></td></tr></table><center><img src="//img0.liveinternet.ru/images/attach/c/2//65/694/65694705_85077acab376.gif" /></center></td></tr></table></div>

ВИДЕО ВСТАВЛЯЕМ СЮДА

<div align="left"><table border="0" background="" cellpadding="1" cellspacing="3" width="500"> <tr><td><table border="0" background="//img0.liveinternet.ru/images/attach/c/2//65/694/65694628_0_554b0_d3e9d245_S.jpg" cellpadding="1" cellspacing="15" width="100%"> <tr><td><table border="0" background="//img1.liveinternet.ru/images/attach/c/2//65/694/65694811_0_536bc_bcc82e56_M.jpg" cellpadding="1" cellspacing="5" width="100%"><tr><td> <center><font color="000000">ВИДЕО ВСТАВЛЯЕМ СЮДА </font></center></td></tr></table></td></tr></table><center><img src="//img1.liveinternet.ru/images/attach/c/2//65/694/65694699_d3a2687d7e86.png" /></center></td></tr></table></div>