Я всегда рада видеть Вас в моем блоге!

Скопируйте эту формулу и вставьте СВОИ параметры ЛЮБОЙ картинки!
Если вам надо опустить чуть ниже текст
то перед текстом нужно поставить несколько вот таких тегов<br />
<center><table background="АДРЕС КАРТИНКИ РАДИКАЛ-1"><tr><td width="ширина картинки" height="высота картинки"><center><font size="4"><font color="#ed1c24"><b>Ваш текст</b></font></font></center></td></tr></table></center>

ПРИВЕТИК!

ЖЕЛАЮ УДАЧИ!

Дневник Nataliya_Bezyshko

Дорогие друзья и гости! Кому некогда или лень писать комментарии... если не трудно, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
Часть 11 - Как сделать самому баннер.
Часть 12 - УРОК 6. Делаем рамку с падающим снегом.

Каталог сайтов

Может кому пригодится для ФШ!))
еще рамочки

Знакомимся с браузером - Mozilla Firefox (часть 4)

Други мои! Не серчайте, сейчас 3-15 ночи, но я стараюсь соблюдать свои "обязанности":) Поэтому пост пишу:) А вопросы по прежнему прошу задавать в личку:)

Продолжаем изучать Mozilla Firefox
Первая часть
Вторая часть
Третья часть

В третьей части мы остановились на пункте меню "вид" но до конца его не изучили.


Продолжаем:


Читать дальше > > >

Знакомимся с браузером - Mozilla Firefox (часть 3)

Продолжаем познавать Mozilla Firefox.
Первая часть
Вторая часть

Идем дальше по верхней менюшке, теперь пункт "вид":


Вот этот пункт мне очень нравится:) Многое можно подстроить по себя. Кликаем и смотрим. что нам откроется:

Читать дальше > > >

Знакомимся с браузером - Mozilla Firefox (часть 2)

Продолжаем познавать Mozilla Firefox.
Первую часть читайте ТуТ

Идем дальше по верхней менюшке, теперь пункт "правка":


Кликаем, смотрим:


Читать дальше > > >

Знакомимся с браузером - Mozilla Firefox (часть 1)

Итак, начнем разбираться в браузере Mozilla Firefox, скорей всего частями:) Ибо в один пост не влезет:)
Я тоже буду что-то по ходу написания поста узнавать, ведь все изучить и протыкать... как-то в голову не приходило:)

Начнем с самого верха браузера, вот с этой "панельки" меню:


Читать дальше > > >

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

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

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

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

Внешние ссылки. Это все ссылки, которые ведут на ваш ресурс с других сайтов. Чем авторитетнее и солиднее сайт, который поставил на вас ссылку, тем круче выглядит ваш проект в объективах поисковых роботов, тем выше он займет место в поисковой раздаче и получит большее количество трафика, то есть посещений. Именно внешнюю ссылочную массу наращивают все опытные оптимизаторы, покупая ссылки на свои сайты при помощи бирж и переговоров с владельцами подобных площадок. Можно значительно повысить тИЦ, купив пять "жирных" ссылок и ничего не добиться, зарегистрировав свой проект в сотне каталогов.

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

 

Серия сообщений "Тайны ЛиРу":
Часть 1 - Букварь для ЛиРушника.
Часть 2 - ВНИМАНИЕ!!! ПОДСТАВА НА ЛиРу!!!
...
Часть 35 - Картинки-открытки для комментов - 9 (с кодами)
Часть 36 - Картинки- ПОЖАЛУЙСТА с кодом
Часть 37 - Не обижайтесь, но ссылочку уберите.
Часть 38 - Как сделать картинке "полубокс".

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

 

 

Читать далее

***

Как быстро продать кредитный автомобиль? Самый простой и быстрый способ продать автомобиль срочно обратится в срочный выкуп автомобилей.

 

 

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

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

<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/343/38343223_dis15.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/343/38343361_dis16.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/343/38343447_dis17.gif" /></a>
<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/344/38344308_dis160.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/344/38344366_dis151.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/344/38344470_dis150.gif" /></a>
<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/344/38344666_dis149.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/184/38184359_57140331c669f7768d9bac379467c604.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/369/38369861_dis55.gif" /></a>
<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/369/38369896_dis75.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/369/38369918_dis84.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/369/38369944_dis122.gif" /></a>
<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/369/38369964_dis145.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/328/38328575_dis24.gif" /></a>	<a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/369/38369985_dis110.gif" /></a>

Бесшовные фоны и как их делать



 

Эти симпатичные фоны я сделала в программе GIMP буквально за 5 минут. Программа GIMP на русском языке - абсолютно БЕСПЛАТНАЯ, не требует активаций и регистраций. Ниже я расскажу, как работать в этой программе. Поверьте, это совсе несложно!

 

Скачать программу можно ВОТ ЗДЕСЬ. 

 

 

 
 

Дальше…

 

Буквально всё для новичков и не только...

Код краткой шпаргалки для Вашего блога Принципы HTML Как вставлять готовые коды Разделительные линии Способы выделения текста Списки HTML Бегущая строка Шрифты HTML Как изменить размер, цвет и шрифт текста Красивый текст Убрать под кат Цвета HTML Flash-программы по подбору цвета Таблица цвета HTML, буквенное написание Таблица HTML Как быстро скопировать изображение Как защитить изображение от копирования Фон для записи Как написать на картинке без фотошопа Оформление ссылок Кнопки для сайта Интерактивное изображение Как сделать бродилку составление кнопок бродилки в виде таблицы, имитац... Как изменить размер плеера Вставка Flash Окошко для кодов HTML-редактор Шпаргалка по HTML для блоггера

NATALKA

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

<b>ВАШ ТЕКСТ</b>Полужирный текст
<i> ВАШ ТЕКСТ</i>Выделение текста курсивом
<u>ВАШ ТЕКСТ</u>Подчёркнутый текст
<s>ВАШ ТЕКСТ</s>Зачёркнутый текст
<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки
<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом
<p>ВАШ ТЕКСТ</p>Создание нового параграфа
<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________
<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
<br />Перенос строки (если двойная - абзац)
<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)

2. Как изменить размер текста?

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3

3. Как разместить текст (картинку) на странице и делать отступы?

<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид: <img src="http:…" align="left" hspace="20" />
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align="left" hspace="20" vspace="15" />

Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br /><br /><br /> - три пустые строки.

Вставить две и более картинки горизонтально:
<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

4. Как окрасить текст в разные цвета?

КРАСНЫЙ: <font color="red">текст</font> красный текст
Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст
Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст
КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст
Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст
ГОЛУБОЙ: <font color="blue">текст</font> голубой текст
Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст
ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст

Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).

* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета

Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
<font face="Monotype Corsiva" size="+1">Ваш текст</font>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>

5. Как сделать бегущую строку?

Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

бегущая влево
Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо
Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю

6. Как сделать бегущую картинку?


 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх
текст с полезной
информацией,
картинкой или ещё с чем-нибудьСкользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь
информацией,
текст с полезной
Скролящийся вниз

8. Как сделать списки и сноски?

Список c жирная точка спереди <ul><br /> <li>Ваш текст<br /> </li><li>Ваш текст<br /> </li></ul>

• Мужской клуб
   
• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /> <li> второй пункт Вашего ТЕКСТА<br /> </ol>

1. Первый пункт текста
    
2. Второй пункт текста

Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска
Сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

9. Как сохранить текст таким, как вы написали?

"Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

Однажды

        в студеную зимнюю пору

                я из лесу вышел...

10. Как сделать всплывающую подсказку?

Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

11. Как дать ссылку на свой дневник или любой адрес?

Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

12. Как скрыть часть текста (убрать под кат) ?

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

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

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

мини Слайд шоу*