Как сделать кнопку-баннер для эпиграфа и/или графы «О себе»?

Очередное дополнение в

Мне многие часто задают вопрос, как добавить рекламный баннер в эпиграф дневника и/или графу "О себе" в профиле. Ну, нет ничего проще.
Приведу, как всегда, простое объяснение типа "Шаг за шагом" с наглядным примером. В качестве примера расскажу как сделать баннер для сайта замечательного свадебного фотографа Николая Латника (больше известного некоторым как fotopapa), которому я обязан тем, что у меня есть замечательные свадебные фото меня.
Читать тут
А тем, кто меня внимательно читал, тем я расскажу, как сделать такую кнопку:

LI 5.09.15

ВСЕ о тегах и оформлении постов



Элементарные формы оформления

 

Жирный текст <b>ВАШ текст</b>	Текст курсивом <i>ВАШ текст</i>
Подчеркнутый текст <u>ВАШ текст</u>	Мааахонький текст ;) <small>ВАШ текст</small>
Зачеркнутый текст <s>ВАШ текст</s>	Простой текст и Здесь всплывающая подсказка <acronym title="текст всплывающей подсказки">ВАШ текст</acronym>
Размер шрифта +1 <font size="+1">ВАШ текст</font>	Размер шрифта +2 <font size="+2">ВАШ текст</font>
Размер шрифта +3 <font size="+3">ВАШ текст</font>	Размер +4 <font size="+4">ВАШ текст</font>
Текст Сноской внизу <sub>Ваш текст</sub>	Текст Сноской вверху <sup>ТЕКСТ</sup>
Цитата с отступом <blockquote> ВАШ текст</blockquote>	Текст (или картинка) по центру<center>ВАШ текст</center>
Закрепить текст <pre>ВАШ текст</pre>	Текст с точкой в начале<ul><br /><li>ВАШ текст<br /></li></ul>

<left>ВАШ текст слева</left> Путин едет по стране на серебряном коне Путин всем людЯм поможет, дай ему здоровья, Боже. Всех бандитов перебьёт, работягам он нальёт. Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

<right>ВАШ текст справа</right> Путин едет по стране на серебряном коне Путин всем людЯм поможет, дай ему здоровья, Боже. Всех бандитов перебьёт, работягам он нальёт. Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

[more=Текст ссылки перехода]То что будет скрыто под катом[/more] Если ваш пост слишком большой можете скрыть часть вашего поста под кат

<pre><ol><br /> <li> первый пункт<br /> </li><li> второй пункт<br /> </li><li> третий пункт<br /> </li></ol></pre> первый пункт второй пункт третий пункт

Дальше ж Больше >>>>

+ Цитировать

Прически юным модницам. Пошаговые инструкции и фото.

В поисках подробных инструкций и наглядных фото причесок для моей дочурки Елены, я нашла этот замечательный сайт http://podelki.boxter.org! Спасибо Лавровой Татьяне за такие необычные прически!


Лаврова Татьяна
Причёска «Сердце»

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

1. Волосы распределяем на две части вертикальным пробором.


2. Делаем дополнительный пробор в каждой половине от затылочной к лобовой доли.


3. Плести начинаем с затылочной части.


4. На макушке делаем поворот и плетем в обратную сторону.


5. После выполнения плетения с двух сторон косички можно объединить в одну косу, а можно оставить две.

Причёска "Римская сеточка"

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

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


2. Отделяем прядь волос с небольшим наклоном в сторону. Плетем французскую косы, забирая волосы с двух сторон.


3. Отделяем вторую прядь крест на крест к первой. Выполняем плетение французской косы.


4. Аналогично выполняем еще по одной косичке с правой и левой стороны.


5. Оставшиеся волосы заплетаем в более крупные косы, соединяем вместе резиночкой и украшаем заколкой.

Причёска "Воздушная коса"

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

1. Забираем все волосы в "конский хвост" любой резиночкой.


2. Слегка смочите волосы для более простого плетения.


3. Берем тонкую прядочку и начинаем плести простую косичку из трех прядей.


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


5. Плетем слева направо, проводим косу со стороны шеи (простая коса), затем продолжаем плетение французской косы.


6. Повторяем плетение несколько раз, в зависимости от длины волос.


7. Заканчиваем плетение простой косичкой.


8. Закрепляем конец косы резиночкой и прячем ее к середине сплетенной косы.

Причёска "Свободный крест"

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

1. Делим все волосы вертикальным пробором на 2 части.


2. Затем каждую часть еще на 2. получается 4 зоны для плетения.


3. Начинаем плести с левой верхней части. плетем французскую косу с захватом волос только с одной стороны.


4. Плетение делаем свободным, с небольшим наклоном вниз.


5. Доплести до середины, когда закончатся волосы из первой зоны плетения, следать хвостик.


6. Аналогично плетем волосы из правой верхней зоны плетения. после того, как забрали все волосы из этой зоны, продолжаем плетение волос из третьей части (левая нижняя).


7. Затем распускаем хвост, удерживая сплетенную косу, плетем волосы из последней зоны.

Причёска "Пушистые полоски"

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

• Разделяем волосы вертикальным пробором на 2 части.


• С каждой стороны плетем свободную французскую косу, захватывая волосы только с одной стороны.


• После окончания плетения, закрепляем волосы на концах резиночкой или заколкой. Берем косички примерно посередине плетения и соединяем их вместе шпилькой или "невидимкой".

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

Успехов!

Причёска "Улитка"

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

Распределяем волосы равномерно в разные стороны от макушки. Плетение начинаем от центра головы и идём по кругу.

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

Заканчиваем плетение простой косой, закрепляем конец резиночкой. Простую косу «прячем» под французской. Для этого заправляем ее за последний ряд французской косы.

Красоты и радости!

Причёска "Ободок"

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

Отделяем волосы с лобной части головы для плетения. Остальные закалываем в «хвост».

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

Расчёсываем и распускаем хвост. Можно на свободных волосах сделать легкие локоны.

Причёска "Змейка"

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

1. Отделяем волосы с лобной части головы пробором. Волосы затылочной части убираем в «хвостик», чтобы не мешали при плетении.


2. Разделяем оставшиеся волосы пробором на 2 равные части.


3. Затем каждую половинку надо разделить еще на 4 части.


4. Плетение начинаем с середины от лица.


5. Затем делаем поворот и плетём в обратном направлении.


6. Таким образом, вплетаем все волосы с одной стороны от центрального пробора.


7. Затем плетём точно также на второй половине волос.


8. Свободные косички можно соединить вместе (как на фото), а можно скрепить под оставшимися волосами.

Прическа «Корона»

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

1. Волосы хорошо расчесать, равномерно распределить по кругу.


2. Плести «Французскую» косу начинаем с затылочной части по кругу.


3. Для косы волосы берем только с одной стороны.


4. Готовую прическу можно украсить заколками и цветами.

Прическа "Ромашка"

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

1. Волосы разделить на 4 части горизонтальными и вертикальными проборами.


2. Начинать плетение от центра, сделать поворот и плести в обратную сторону.


3. Все готовые косы собрать в пучок. Можно оставить с косичками, а можно распустить и сделать «конский хвост».

Взято отсюда: http://podelki.boxter.org

Т о п и к и...

++++++++++++++++++++++   ++++++++++++++++++++++++       +++++++++++++++++++++++++++ +++++++++++++++++++++++++++

Полезные ссылки для вас)

Давно хотела сделать для вас интересную и полезную подборку разных хороших сайтов, но так, чтобы она занимала минимум места в дневничке. И тут меня осенило))) В выпадающем меню выберите нужный раздел, выделите его и кликните на кнопку ОК. Ссылка откроется в том же окне. Для того, чтобы вернуться обратно, жмите стрелку "назад" на панели инструментов. ПОЛЕЗНЫЕ ССЫЛКИ! htmlka - помощь блогеру Рамочник - генератор рамок Раскраска текста Галерея смайлов (с кодами для вставки) фото редактор online Афоризмы, высказывания, цитаты, изречения. Персональные обои и заставки для мобильного Вязание для начинающих Генератор ругательств Словарь мата Рассчитать оптимальный путь и расстояние в разные города Интеллектуальные развлечения Звуки природы в mp3 Сонник online Все о лекарствах. Инструкции, производители, дозы Генеалогическое дерево,поиск родственников Каталог кулинарных сайтов Жалобная книга Рунета. Жалуйтесь, и вас услышат! Плейкасты Скиллопедия - видео энциклопедия знаний. Генератор ссылок на страницы вашего блога Генератор баннера для вашего блога Divia

идеи вязаных украшений

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

смотрим тут

Видео мастер - класс от Дома вязаной моды SHERU по вязанию на вилке

Отличный урок по-моему

На вилке можно связать множество чудных вещей

Особенно мне нравятся "вилочные "

 детали с шитыми вещами

болеро



GOUZHEN Jingpin Xuangjie Японский журнал по вязанию крючком и очень понятными схемами, где очень детально, пошагово показаны этапы процесса вязания каждого изделия. Выпуск посвящен восхитительным, воздушным моделям для вязания разнообразных накидок,безрукавок и болеро на любой вкус. http://depositfiles.com/files/ote5ukkgi

Ажурная мебель для куклы Барби

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

Забавная коровка

СХЕМЫ

Как сделать рамочку для текста самому?

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

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

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

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

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

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

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

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

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

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

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

Учимся делать и другие рамки. Это очень просто! >>>

Жакет




описание

Чудо носочки



Спасибо за перевод рина77(HobbyPortal.ru)


дальше

Генератор кода рамки для изображений

Из-за своей природной лени я не стал искать для примера фотки в безбрежном просторе инета, а взял их из постов Kapitoshka_70 и Inmira за что им огромное спасибо

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

Коды самих рисунков

<img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/164/46164159_vvvvvvvvvodv.gif" vspace="10" alt="" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/159/46159982_1.gif" alt="" vspace="10" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" />

Обратите внимание на то что в код картинок добавлен vspace="10" это сделанго для того что бы рисунки не "слипались" а между ними оставался отступ в 10 пикселей

Коды фоновых рисунков

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" target="_blank">//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif</a> - рамка <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s15.radikal.ru/i189/0907/73/6f274c9dd2a1.jpg" target="_blank">//s15.radikal.ru/i189/0907/73/6f274c9dd2a1.jpg</a> - фон

Заходим на http://vln.dp.ua/li/liphoto.php и заполняем поля формы.

Жмем на "получить код" и вот он код нашей рамки

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

<center> <table border="0" style="border-collapse: separate; width: 500px; background: url('//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif'); padding: 5px;"> <tbody valign="top" align="center"> <tr> <td style="background: url('//s15.radikal.ru/i189/0907/73/6f274c9dd2a1.jpg');"> <img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/164/46164159_vvvvvvvvvodv.gif" vspace="10" alt="" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/159/46159982_1.gif" alt="" vspace="10" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> </td> </tr> </tbody> </table> </center>

Вот и все :))))
Если у Вас есть посты с картинками и Вы хотите разместить их в рамку то нужно перед кодом первого рисунка добавть код который до подчеркнутой красным строкой, а после последнего рисунка - код который после подчеркнутой строки

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

Десять способов практически моментально улучшить свою жизнь

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

10 форм поведения, и сразу же избавитесь от множества проблем, вызываемых каждой из них:

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

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

Не придумывайте правил. Огромная часть всех этих «надо» и «должен», с которыми вы носитесь, наверняка бесполезна. Все, что они вам дают, так это нервозность и чувство вины. Зачем? Следуя этим воображаемым правилам, вы забиваете мозг ненужными препятствиями и ребяческими порядками. А когда вы пытаетесь перенести эти правила на других, то превращаетесь в пугающего нудного нытика или самоуверенного фанатика.

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

Не будьте перфекционистом. Жизнь не только «черное или белое», либо «все или ничего». В большинстве случаев «достаточно» означает именно достаточно. Если будете искать идеальную работу, то вы, скорее всего, никогда ее не найдете. При этом все другие работы будут казаться вам хуже, чем они есть на самом деле. Будете искать идеальных отношений, и, вероятно, проведете всю жизнь в одиночестве. Перфекционизм — это ментальное заболевание, которое не даст вам наслаждаться, а будет каждый раз отправлять вас на поиски того, чего нет.

Не обобщайте. Одна-две неудачи — еще не признак постоянного провала. А случайный триумф не превращает вас в гения. Единичное событие — хорошее или плохое — или даже два или три события не всегда служат признаком затяжной тенденции. Как правило, вещи являются тем, чем они являются, и не более того.

Не принимайте близко к сердцу. Большинство людей, даже ваши друзья и коллеги, не говорят, не думают и не заботятся о вас 99% своего времени. Народ из вашей организации, либо живущий по соседству даже, наверное, никогда о вас и не слышал. Да, собственно, и не хочет слышать. Жизненные подъемы и спады, теплота и равнодушие других людей не имеют лично к вам никакого отношения. Если они будут притворяться, это лишь заставит вас почувствовать себя более несчастными, чем нужно.

Не верьте эмоциям. То, что вы чувствуете, не всегда является верным показателем того, что происходит на самом деле. Просто потому, что вы это чувствуете, не означает, что это правда. Иногда источником эмоций может послужить усталость, голод, раздражение, или же просто насморк. Чувствуете вы себя хорошо или плохо — будущее от этого не изменится. Чувства могут быть истинными, но они не есть истина.

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

Не живите прошлым. Этот совет самый важный из всех: забудьте и живите дальше. Больше всего злости, разочарования, несчастья и отчаяния в этом мире происходит от людей, держащихся за прошлые обиды и проблемы. Чем больше вы будете прокручивать их в уме, тем крупнее они вам покажутся, и тем хуже вы будете себя чувствовать. Не боритесь с несчастьем. Забудьте и живите дальше. Сделайте это, и тем самым лишите его силы ранить вас.
 (c)

Рецепты чая

Чай с молоком

Продукты для приготовления: 2/3 крепкого чайного настоя и 1/3 молока.

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

ДАЛЕЕ более 40 рецептов приготовления чая

 

Весьма необычное вязание

Это авторский материал

И "я" - говорит автор!!!!

Добавлю от себя, что все приемы строятся на ЧАСТИЧНОМ ВЯЗАНИИ

Поэтому применимы  к ручному вязанию

Далее - от автора

Смотреть весь материал

Несколько замечательных ресурсов-помощников

 Вот они

  

Анализ сайта, блога

Анализирует многое

Регистрация не требуется, так что зайдите, попробуйте сами

Море информации

Такие сервисы, как этот помогают многое прояснить

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

Хотите найти спонсора для своего ресурса? Сайта или блога?

 

Этот ресурс анализирует Ваш сайт или блог по ключевым словам

Подбирает во всем Рунете компании, которым подходит Ваша тематика и выдает полную информацию

 

Без заголовка



Болеро "Цветущая слива"

Модель из каталога "Next" для девочки 3.5-4 года

Далее>>>

Создание полупрозрачного фона



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