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

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

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

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

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

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

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

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

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

С картинкой

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

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

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

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

Вообще-то ничего сложного в этом нет. Вам нужно найти подходящую картинку или бесшовный фон. Нашли? Замечательно, если нет то попробуйте потренироваться вот на этих Бесшовные фоны - сердечки, Новогодние бесшовные фоны.

1. Скопируйте код из флейма

2. Где написано URL-адрес фона - вставляйте адрес свой картинки или фона

3. width="100% - размер по отношению к посту, если Вы хотите сделать меньше, то просто измените цифру, а если Вы знаете точный размер картинки то его и поставьте, но тогда не забудьте удалить проценты (%).

1. Копируете код из флейма.

2. background-color: #800000 - цвет заливки, font color="#FFCCCC - цвет букв, коды цвета можно взять ЗДЕСЬ

3. padding: 5px - отступ от края, можете поменять цифру в большую или меньшую сторону.

Вы пришли в этот мир не для того, чтобы жить в соответствии с моими ожиданиями. Так же, как и я пришел сюда не для того, чтобы оправдать ваши. Если мы встретимся и поладим - это прекрасно. Если же нет, то ничего не поделаешь. Фредерик Перлз.

Всем привет! Людям всегда хочется большего чем они имеют, и я думаю это не плохо). Так вот вчера опубликовала пост с бесшовными фонами и тут же в личку пришли сообщения с просьбой научить как самим сделать такие фоны.

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

Вот у нас две картинки первая с двумя котятами ДО, вторая с бесконечным количеством котят ПОСЛЕ.

Зачем нужны бесшовные фоны писала вчера в сообщении - Бесшовные фоны для дизайна.

И так приступим. Открывайте программу, далее нажимайте в верхнем меню ФАЙЛ -> ОТКРЫТЬ - выбирайте картинку или фото из которой будете делать фон.

ДАЛЕЕ ...

Всем привет! Для любителей анимации и блеска предлагаю Фоны-глиттера.

Всем удачи и хорошего настроения!

Что нужно для вставки:
Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код в нужное Вам место - ещё раз нажимаете кнопку - ИСТОЧНИК
Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код в нужное Вам место.

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

<a href="http://myelements.ru/" target="_blank"><img src="//s40.radikal.ru/i088/1006/13/00b246653b59.gif" /></a>

<a href="http://myelements.ru/" target="_blank"><img src="//s08.radikal.ru/i181/1006/e3/47f6585f776d.gif" /></a>

Далее ...

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

Создавать будем на примере Вот этого разделителя.

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

Далее ...

http://blogs.mail.ru/mail/vasilii_yankov/3471B708BFDD1EE4.html

http://blogs.mail.ru/mail/vasilii_yankov/3471B708BFDD1EE4.html

Все изображения кликабельны.

Элеoнора Кастильская, супруга Эдварда I, рис. Д.Райта

Magyar nemesasszony ünnepi díszben