Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК... <b>ВАШ ТЕКСТ</b> Полужирный текст <i>ВАШ ТЕКСТ</i> Выделение текста курсивом <u>ВАШ ТЕКСТ</u> Подчёркнутый текст <s>ВАШ ТЕКСТ</s> Зачёркнутый текст маленький текст <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 Увеличить текст+4: <font size="+4">текст</font> текст + 4 КРАСНЫЙ: <font color="red">текст</font> красный текст ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст СИНИЙ: <font color="navy">текст</font> синий текст ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст текст по центру <center>ВАШ ТЕКСТ</center> текст (картинка) будет по центру бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправобегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю текст с правого краю в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div> текст с правого краю в две строчки с выравниванием слева <div align=left>ВАШ ТЕКСТ</div> Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><br /><br /> <li>ВАШ ТЕКСТ<br /><br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /><br /> </li></ul> Во-первых - все козлы, один я иван-царевич! Во-вторых - как вам нравится это во-первых? Другой такой пункт "закрепитель" текст остается таковым, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> Я пишу как хочу!!! текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. <blockquote>ВАШ ТЕКСТ</blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. предложение с отступом в абзаце <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> скролящийся вверх текст с полезной информацией или ещё какой-то ерундой скользящий вних текст с такой же ерундой ))) <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите <b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b> получается: МОЙ ДНЕВНИК НА ЛИРУ непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите [more=ТЕКСТ ДЛЯ ПЕРЕХОДА] ставите /без звёздочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком. Как сделать рисунок ссылкой? Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*img src="адрес картинки"> где "адрес картинки" - полный адрес (http:// и т.д.) 2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов [url] (или ) и можно использовать натуральные HTML теги: <*a href="адрес ссылки">Имя ссылки<*/a> где "адрес ссылки" - полный адрес (http:// и т.д.) 3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2: <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами. Движение снизу вверх <marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee> Движение сверху вниз <marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee> Движение справа налево <marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee> Движение слева направо <marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee> Порядок действий: 1.Загрузите нужное количество картинок на сервер 2.Определитесь с направление и добавляйте код. Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки. 100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо

пКак увидеть пароль вместо звездочек?И еще амятки для блога...

из блога ГАЛИНЫ ШАДРИНОЙ

Как увидеть пароль вместо звездочек? На многие сайты мы заходим под паролями, например ОДНОКЛАСНИКИ, МОЙ МИР, ФОТОСТРАНА и многие другие. И все пароли запомнить невозможно. Современные браузеры всегда запрашиваю -СОХРАНЯТЬ ИЛИ НЕТ ваш пароль для входа, и мы их конечно сохраняем. Но иногда надо зайти на сайт с другого компа. Или хотите поменять свой пароль на новый, а старый не помните, так как сохранили пароль в браузере, нажав на кнопку - "Запомнить пароль", и забыли о нем. При попытке посмотреть его, мы увы, увидим только звездочки. Как же увидеть свой полный, но забытый нами пароль. 1. В Mozilla Firefox. Вверху жмем на "Инструменты", и выбираем "Настройки", выбираем вкладку "Защита". А в ней жмем на кнопку "Сохраненные пароли". Дальше на кнопку "Отобразить пароли". Подтверждаем запрос кликнув на "Да". Всё! Все пароли отобразятся текстом, и вы всегда сможете их скопировать или изменить. 2. В Google Chrome Жмем вверху справа на три полосочки (Настройка и управление). Выбираем "Настройки" Спускаемся в самый низ страницы, жмем на "Показать дополнительные настройки". В разделе "Пароли и формы" кликаем на "Управление сохраненными паролями". Появится окно, где находим нужный сайт, кликаем по нему мышкой. Появится окошко с надписью "Показать". Жмем на "Показать" и нужный пароль мы увидим уже без звездочек. 3. В Opera 1.Жмите на "Инструменты" на верхней панели страницы. 2. Теперь заходим на "ОБЩИЕ НАСТРОЙКИ" (или сразу кнопками Ctrl+F12), жмем на вкладку "формы". 3. Находим кнопку "Пароли", и нажав на нее, вы увидите все сайты, на которых с данного компьютера сохранялись пароли. Если вы поставите галочку в пункте "включить управление паролями", вам не надо будет каждый раз набирать свой пароль, даже если, к примеру, вы завели несколько дневников. Нажмите на значок с ключом и поля авторизации заполнятся автоматически. И для тех кто не знает, или забыл, пропишу еще раз все основные коды для оформления блога. Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Простая рамочка, которая ставится впереди поста. Еще одна рамочка которая ПРОСТО СТАВИТСЯ ПЕРЕД .ПОСТОМ./s47.radikal.ru/i116/1211/06/1c3cc52648ea.gif" target="_blank">//s47.radikal.ru/i116/1211/06/1c3cc52648ea.gif);padding:5px">" /> Код сложной рамочки с картинкой Рамка с картинками по углам - КОДЫ ДЛЯ ВСТАВКИ КАРТИНОК Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - КОДЫ ОСНОВНЫХ КНОПОЧЕК Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Нумерация страниц в блоге - ТАБЛИЦЫ Таблица - Формула, деления текста (например стихов) на две части ВСЕ О ТЕКСТЕ Элементарные, самые простые и нужные формы оформления. Жирный текст Подчеркнутый текст Зачеркнутый текст Текст курсивом ВАШ текст ВАШ текст Текст с точкой в начале ВАШ текст слева ВАШ текст справа Текст (или картинка) по центру Цитата с отступом скрыть часть вашего поста под кат (если пост очень большой) Сделать пронумерованную табличку Текстовая ССЫЛКА (На любой сайт) , щелкнув по ней вы попадете туда, куда она ведет. в данном случае НА МОЙ БЛОГ Мигающий текст Значек пользователя (женский) Блог ГАЛИНЫ ШАДРИНОЙ - мужской. Таблица КОДОВ цветов HTML НАХОДИТСЯ ЗДЕСЬ Вот и все основные теги по блогу. Что непонятно, спрашивайте, постараюсь ответить. Творческих вам успехов. Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "HTML":

Часть 1 - Шпаргалочка по тегам Берём к себе в цитатник.
Часть 2 - самые необходимые ТЕГИ для оформления записей
...
Часть 10 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
Часть 11 - меняем размер картинки-анимации
Часть 12 - Как увидеть пароль вместо звездочек?И еще памятки для блога...
Часть 13 - В помощь блоггеру(и редактирование текста)
Часть 14 - ВСЕГДА ПОД РУКОЙ
Часть 15 - Оформление постов. Теги. Ответы на вопросы.
Часть 16 - контейнер для окошек ЛИру с любыми кодами

Серия сообщений "коды,формулы":

Часть 1 - О кодах видео с ютуб
Часть 2 - формулы от С.Блават
...
Часть 8 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
Часть 9 - меняем размер картинки-анимации
Часть 10 - Как увидеть пароль вместо звездочек?И еще памятки для блога...
Часть 11 - В помощь блоггеру(и редактирование текста)
Часть 12 - ВСЕГДА ПОД РУКОЙ
Часть 13 - Оформление постов. Теги. Ответы на вопросы.
Часть 14 - контейнер для окошек ЛИру с любыми кодами

ПУТЕВОДИТЕЛЬ по Photoshop(и многое-множество от Монички)

ПУТЕВОДИТЕЛЬ по Photoshop

Серия сообщений "ФОТОШОП":

Часть 1 - Онлайн Фотошоп или Pixlr Editor [часть 1]
Часть 2 - Pixlr Editor — онлайн фотошоп [ч.2]
...
Часть 28 - Урок ФШ-делаем акцент на картинке
Часть 29 - ФОТОШОП и ВСЁ для него(бродилка пополняется)
Часть 30 - ПУТЕВОДИТЕЛЬ по Photoshop(и многое-множество от Монички)

Серия сообщений "ДЛЯ ФШ":

Часть 1 - Фото-приколы с вашими фото он-лайн...
Часть 2 - PNG.92 фото autumn-fall-clusters-frame-overlas.Рамки осень.
...
Часть 20 - Стили для фотошоп
Часть 21 - ФОТОШОП и ВСЁ для него(бродилка пополняется)
Часть 22 - ПУТЕВОДИТЕЛЬ по Photoshop(и многое-множество от Монички)

Серия сообщений "фотошоп-уроки":

Часть 1 - CУПЕР-БРОДИЛКА ПО УРОКАМ ФШ - ОБРАБОТКА ФОТОГРАФИЙ (286 уроков)
Часть 2 - Бесплатные видео-уроки по работе в программе Adobe Photoshop
...
Часть 16 - Урок ФШ-делаем акцент на картинке
Часть 17 - ФОТОШОП и ВСЁ для него(бродилка пополняется)
Часть 18 - ПУТЕВОДИТЕЛЬ по Photoshop(и многое-множество от Монички)

Серия сообщений "помощь на ЛИ.ру":

Часть 1 - Всё, что вы хотели знать о ЛиРу, но... Самый полный FAQ по ЛиРу
Часть 2 - Всё, что вы хотели знать о ЛиРу, но...
...
Часть 21 - Простые Рамки для выделения текста
Часть 22 - Уроки от Егоровой Тани
Часть 23 - ПУТЕВОДИТЕЛЬ по Photoshop(и многое-множество от Монички)
Часть 24 - ПОИСКОВЫЕ ФОРМЫ
Часть 25 - образчики бродилки -и моя бродилочка

ТАБЛИЦЫ (2 урока по созданию таблиц)

Серия сообщений "Оформление текста":

Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Смайлы на любой вкус
...
Часть 38 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
Часть 39 - Редкие спецсимволы
Часть 40 - ТАБЛИЦЫ (2 урока по созданию таблиц)

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник. 1. Шпаргалочка по тегам № 2 [flash=150,150,http://www.toolshell.org/swfs/simpelklok.swf?bgimg=//img0.liveinternet.ru/images/attach/c/4/79/489/79489184_404411756.jpg&clockt=2&sectype=1&dots=1&tra=0&cx=0&cy=0&zoom=50&dfor=0&dax=0&day=0&dfont=1&dsize=18&dcol=FFFFFF&bottomtextcol=FFFFFF&.swf] 1. Вид шрифта: 1. Ваш текст <font face="Arial">Ваш текст</font> 2. Ваш текст <font face="MS Mincho, Verdana">Ваш текст</font> 3. Пишем мигающим текстом Пишем мигающим текстом так - <font style="text-decoration:blink;">ТЕКСТ</font> 2. Как сделать скользящий текст? Скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> Скользящий вниз текст <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> 4) >>Всё для вас от Монички<< <font color="#ff69b4"><marquee width="10%" behavior="alternate">>></marquee>Всё для вас от Монички<marquee width="10%" behavior="alternate"><<</marquee></font> 5) М O н и ч к а <marquee width="100%" style="text-align: justify;" direction="up" scrolldelay="1" scrollamount="1"><center><font color="#c00000" size="4"><br />М<br />O<br />н<br />и<br />ч<br />к<br />а<br /></font></center></marquee> 6) Всё для Вас <marquee width="80%" behavior="alternate" direction="up"><marquee behavior="alternate" direction="right">Всё для Вас</marquee></marquee> 7) Моничка <marquee width="80%" behavior="alternate" direction="up"><marquee direction="right"><font color="#0000ff">Моничка</font></marquee></marquee> 8) Спасибо что вы есть у меня:) <marquee behavior="alternate" direction="up"><font color="#ff0000">Спасибо что вы есть у меня:)</font></marquee> 9) Всё для вас От Монички Всё для вас От Монички Всё для вас От Монички Всё для вас От Монички <marquee style="color: rgb(247, 124, 4);" direction="up"><br /><center>Всё для вас От Монички<br />Всё для вас От Монички<br />Всё для вас От Монички<br />Всё для вас От Монички</center></marquee> Смотрим и выбираем понравившийся... ( кое что не работает в опере и в мазиле...) 1) ...FONT-SIZE: 25px...[/color]-Размер текста Менять можно. ...Glow(Color=#FFFFCC...[/color]-Цвет тени.Менять можно ...font color=" #000000"...[/color]-Цвет шрифта.Менять можно. ...FONT-FAMILY: Times Roman;...[/color]-Название шрифта.Менять можно. Текст с переливающейся тенью. - КОД ТЕКСТА 2) ...padding:15px;...-Размер фона.Менять можно. ...background-color:red;...-Фон текста.Менять можно. ...color:blue;...-Цвет шрифта.Менять можно. Цветной текст с цветным фоном - КОД ТЕКСТА 3) ...font color "FF00FF"... -Цвет шрифта.Менять можно. ...WIDTH: 100px; HEIGHT: 100px; -Размеры.Ширина и Высота.Менять можно. ...FONT-FAMILY: georgia; ...-Название шрифта.Менять можно. ...font size="5" ...-Размер шрифта.Менять можно. ВАШ ТЕКСТ - КОД ТЕКСТА 4) ...direction=50...-Длина тени.Менять можно. Всё остальное менять как показано выше... Текст с тенью за текстом. - КОД ТЕКСТА 5) ...direction= 100,.. -Объём текста.Менять можно. ...strength= 10... -Длина тени.Менять можно. Всё остальное меняем как показано выше. Движущийся текст с тенью - КОД ТЕКСТА 6)Смотрим, и меняем всё что нужно, как описано выше. Тень под текстом! - КОД ТЕКСТА 7)Смотрим, и меняем всё что нужно, как описано выше. СвЕтЯщИйСя ТеКсТ. - КОД ТЕКСТА 8)Смотрим, и меняем всё что нужно, как описано выше. Крупный красивый текст. - КОД ТЕКСТА 9)Смотрим, и меняем всё что нужно, как описано выше. Полупрозрачный текст. - КОД ТЕКСТА 10) ...dropshadow(Color=PaleGoldenrod...-Тень текста. ...font color="#FF0000 "...-Цвет основного текста. Всё остальное, что нужно меняем как показано выше. Двойной текст - КОД ТЕКСТА 11) ...color=orange);... -Цвет полосок(светлее основного тона) ...color:#A0522D;...-Цвет шрифта(основной) Всё остальное. что нужно меняем как показано выше. Текст объёмный полосатый - КОД ТЕКСТА 12) ...font-size:30pt...-Размер текста. ...color:Chartreuse;...-Цвет текста. Гладкий объёмный. - КОД ТЕКСТА Спасибо за уроки Милолика_Покровская 3. Как сделать всплывающую подсказку? наведите мышкой на это предложение <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> 4. Как сделать бегущую строку? 1)Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> Привет Бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> Привет 2)Бегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee>Привет 3)Flash генератор бегущей строки. Делаем бегущую строку не возясь с кодами. 5. Как сделать бегущую картинку? <marquee><img height="73" width="123" alt=" (123x73, 4Kb)" src="картинка" /><img height="73" width="123" alt=" (123x73, 12Kb)" src="картинка" /><img height="73" width="123" alt=" (123x73, 4Kb)" src="картинка" /></marquee> 6. Для задания вида рамки используется атрибут border, который задается для стиля блока div. Сначала задается толщина рамки, затем тип, потом цвет. Таблица цветов и стандартные имена уже приводились. Возможные типы рамок: 1. Точечная рамка <div style="border:1px dotted #000;padding:10px;">ВАШ текст</div> 2. Точечная рамка толщиной +2 <div style="border:2px dotted #000;padding:10px 10px 10px 10px;">ВАШ текст</div> 3. Точечная рамка толщиной +3 красная <div style="border:3px dotted red;padding:10px 10px 10px 10px;">ВАШ текст</div> 4. Сполшная рамка толщиной +3 фиолетовая <div style="border:3px solid purple;padding:10px 10px 10px 10px;">ВАШ текст</div> 5. Возвышенный текст толщиной +3 цвет фуксия <div style="border:3px dashed #A7A7FE;padding:10px 10px 10px 10px;">ВАШ текст</div> 6. Вдавленный текст толщиной +3 зеленый <div style="border:3px outset #2D8028;padding:10px 10px 10px 10px;">ВАШ текст</div> 7. Форматирование. span и div. Текст1Текст2 Текст1<span style="padding-left: 10px;">Текст2</span> Текст1 Текст2 Текст1<div style="padding-left: 10px;">Текст2</div> 8. Списки. 1) пункт 1 пункт 2 <ul><li>пункт 1</li><li>пункт 2</li></ul> 2) пункт 1 пункт 2 <ol><li>пункт 1</li><li>пункт 2</li></ol> Ваш текст <h1>Ваш текст</h1> Теги h1 .. h6. задают заголовки 6 разных уровней (1 - самый большой). 3). Предложение с отступом в абзаце Привет! Специально для новичков , так как, именно для них все эти уроки, удачи вам ребята! <p style="text-indent: 40px">ВАШ ТЕКСТ</p> 4). Процитированый в отдельном блоке текст у которого будет небольшой отступ слева Процитированый в отдельном блоке текст у которого будет небольшой отступ слева <blockquote>ВАШ ТЕКСТ</blockquote> 5). Закрепитель" текст остается таковым, каким вы его пишете вот как я хочу писать <pre>ВАШ ТЕКСТ</pre> 6). Текст с правого края в две строчки с выравниванием слева Текст с правого края в две строчки с выравниванием слева <div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" /> 5)Текст с правого края в две строчки с выравниванием справа Текст с правого края в две строчки с выравниванием справа <div align="right">ВАШ ТЕКСТ</div> 9. Окошко для кодов. 1. ВАШ КОД ,где cols - ширина окошка в px, а rows - число строк в окне. 2. - 3. ВАШ КОД - 4. Шаблон контейнера для вставки кода рамочек - с прокруткой <div style="width: 220px; height:45px;overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><textarea cols="30" rows="2" name="">Код вашей рамочки 5. Код обычного переключателя 1.НАЗВАНИЕ ПОСТА2.НАЗВАНИЕ ПОСТАВсё для вас о Монички4.НАЗВАНИЕ ПОСТА5.НАЗВАНИЕ ПОСТА6.НАЗВАНИЕ ПОСТА7.НАЗВАНИЕ ПОСТА8.НАЗВАНИЕ ПОСТА9.НАЗВАНИЕ ПОСТА10.НАЗВАНИЕ ПОСТА код: <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://freiman.info/files/link.php"><em><em><input name="h" value="_self" type="hidden" /><select name="links"><option value="http://mablexa.ya.ru/?ncrnd=6381#y5__id44">1.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">2.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">Всё для вас о Монички</option><option value="http://blogs.mail.ru/mail/mirela_monika/">4.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">5.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">6.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">7.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">8.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">9.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">10.НАЗВАНИЕ ПОСТА</option></select><input value="открыть" type="submit" /> </em></em><input type=hidden name=tok value=4f995a8061c40fd791dfd1255d8464fc /></form>

************** 10.☃Оформление текста:☃ Перечёркнутый текст: ТЕКСТ <s> ваш текст </s> Подчёркнутый текст: ТЕКСТ <u> ваш текст </u> Полужирный текст: ТЕКСТ <b> ваш текст </b> Полужирный крупный: ТЕКСТ <big> ваш текст</big> Курсивный текст: ТЕКСТ <i>ваш текст </i> Маленький текст: текст <small>ваш текст</small> ☃Текст (картинка) по центру:☃ <center>ваш текст (картинка) </center> ☃Выравнивание текста по правому краю поста:☃ <div align="right"> ваш текст </div> ☃Равномерное выравнивание текста по всей ширине поста:☃ <div align="justify"> ваш текст </div> ☃Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):☃ <blockquote> ваш текст </blockquote> ☃“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):☃ <pre>ваш текст</pre> ☃Бегущая строка (картинка):☃ <marquee> ваша бегущая строка (картинка)</marquee> Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево Сноска вверху: ТЕКСТсноска <sup>ваша сноска</sup> Сноска внизу: ТЕКСТсноска <sub>ваша сноска</sub> 11.☃Размер шрифта:☃ Уменьшить текст: текст - 2 <font size="-2"> уменьшенный текст </font> Увеличить текст на 1 пункт: текст + 1 <font size="+1"> увеличить текст на 1 пункт </font> Увеличить текст на 2 пункта: текст + 2 <font size="+2"> увеличить текст на 2 пункта </font> Увеличить текст на 3 пункта: текст + 3 <font size="+3"> увеличить текст на 3 пункта </font> 12.☃Цвет шрифта☃ КРАСНЫЙ: красный текстм <font color="red"> красный текст </font> ЖЕЛТЫЙ: желтый текст <font color="yellow"> желтый текст </font> ФИОЛЕТОВЫЙ: фиолетовый текст <font color="purple"> фиолетовый текст </font> ЗЕЛЕНЫЙ: зеленый текст <font color="lime"> зеленый текст </font> СИНИЙ: синий текст <font color="navy"> синий текст </font> ФУКСИЯ: фуксия текст <font color="fuchsia"> фуксия текст </font> 13.☃Оформление ссылок☃ Как вставить ссылку на веб-страницу: <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a> Как сделать, чтобы картинка была ссылкой на веб-страницу: <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a> Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне: <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a> ---------------------------------------------------------------------- 11. Рамочки для текста 1. Рамочка вокруг текста - 2. Рамочка вокруг текста (разрыв слева) 3. Рамочка вокруг текста (разрыв справа) 12.Картинки в записи 1. Картинка слева от текста 2. Картинка справа от текста 3. Картинки по бокам текста 13.Картинки в Ряд: 2 картинка: - 3 картинки: - 4 картинки: - 5 картинок: - 6 картинок: - 14.Кнопочки в ваших записях: 1. Всё для Вас - 2. 3. Мой Блог 4. 15.Линии для оформления: Линии 1) <hr /> 2) <hr size="3" color="#FF0000" /> 3) <hr size="6" color="#000000" /> палитра цветов ПРОДОЛЖЕНИЕ БУДЕТ! 16. Ещё уроки ЗДЕСЬ и ЗДЕСЬ

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 2 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
...
Часть 10 - Генератор дизайна кнопок для блога
Часть 11 - Кнопочки и баннеры, а точнее их шаблоны...
Часть 12 - Шпаргалочка по тегам Берём к себе в цитатник.

Мы на я.ру
Мы на Google + (Monika)
Мы на на Google + альбом
Мы на liveinternet.ru
Мы на facebook.com
Мы на twitter.com
Мы на на ex.ua
Мы на 33bru.com
Мы на youtube.com
Мы на perfectart.ru
Мы на arts.in.ua
Мы в контакте
Skype: cokolate_28
IСQ: 467462840
Всё для вас от ®™MONI4KA™®~}

Уроки фотошопа
Уроки FAQ по ЛиРу.
уроки Windows ХР.
Уроки 3D Max.
Уроки GIMP .
Уроки GIMP - 2
Уроки Веб-графика
Уроки Flash для Начинающих
Иллюстрированный самоучитель.
ВИДЕО УРОКИ.
ХОСТИНГИ.
ПРОГРАММЫ.
ПОИСКОВИКИ.
Интересные и полезные ссылки.

Часики - Плеера - Календарики.
Разделительные Линии.
Картинки для Комментариев.

"Волшебные идеи для блога и сайта":
Сказочный Мир Картинок
ФОНЫ.
ФЛЕШКИ.
СКРАП НАБОРЫ.
РАМКИ для ВАС.
РАДИО
Радикал - фото.
"КУЛИНАРИЯ":
Картинки gif анимация.
Интересное у друзей.
АВАТАРКИ.
СМАЙЛИКИ.
НАЗВАНИЕ

Словарь терминов в области полиграфии и издательства
Популярные уроки Разных Графических РЕДАКТОРОВ
Часто задаваемые вопросы (FAQ - KM.RU Почта)
Популярные уроки курса / Autodesk Maya ® 2010
Популярные уроки курса / 3Ds Studio MAX
Часто задаваемые вопросы на Блоги@Mail.Ru
Справочный центр Твиттера
Некоторые дополнительные СИМВОЛЫ
100 уроков по Corel PaintShop Photo Pro x3
ВОЛШЕБНЫЕ ИДЕИ ДЛЯ БЛОГА И САЙТА
ПЛЕЕРА ( послушать любимую музыку)
Онлайн радио
Онлайн ТВ. Телевидение здесь.
Видео КЛИПЫ
Карта сайта " Азбука Блоггера "
Самый полный FAQ по ЛиРу
Шпаргалка по HTML для блоггера
ФОНЫ
Онлайн Фотошоп
ОНЛАЙН Видео - УРОКИ
клипарты в PNG
СМОТРЕТЬ кино - ОНЛАЙН
Глиттеры
СЛОВАРИ
Уроки HTML
КНОПКИ.
ГЕНЕРАТОРЫ

Главная страница
Столешницы
Плитки и бордюры
Дизайн интерьера
Лестничные ступеньки
Керамические ковры
Декор фонтанов и каминов
Декор, сувениры из керамики
Роспись в интерьере
Керамические тарелки
Керамические ПАННО
Заказать продукцию ЗДЕСЬ
Портрет на заказ.
Наши статьи
Отзывы посетителей сайта
Сотрудничество

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
Часть 2 - Волшебные идеи для блога и сайта
...
Часть 16 - Делаем Окошко для наших кодиков ( разноцветными )
Часть 17 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 18 - Шпаргалочка по тегам Берём к себе в цитатник.

ТЕКСТ

Это просто клад-3

ТЕГИ HTML.   КАК СДЕЛАТЬ ПОЛЕЗНЫЕ ССЫЛКИ    СПЕЦСИМВОЛЫ   ССЫЛКИ НА ДР.РЕССУРСЫ   ТАБЛИЦА ЦВЕТОВ HTML   ТАБЛИЦА ЦВЕТОВ НА АНГЛ.ЯЗ.   ТАБЛИЦА ЦВЕТОВ HTML.

Читать далее

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Метки: все для блога, памятка начинающим

БЛОКНОТ Blogger*a - УРОКИ для Вас

*...БЛОКНОТ Blogger*a или обучение методом "научного тыка"...* *** сайт БЛОКНОТ Blogger*a ЗДЕСЬ !!! AdSense ADVEGO HTML HTML цветов HTML шрифты Paint Paint инструменты Paint надписать картинку Paint поворот картинки Paint редактор Paint рисунки Paint сделать картинку Paint сделать фон Paint сделать фон-бордюр Paint увеличить картинку Paint уменьшить картинку Paint уроки блоги mail галерея РАДИКАЛА ЗАРАБОТОК в ИНТЕРНЕТЕ как сделать ВИДЕО картинки КАРТИНКИ как скопировать картинки на рабочий стол линеечки-разделители МЕТКИ-рубрики МОНИТОР определить размер обои для рабочего стола онлайн рамки +для фото онлайн эффект "АЛЬБОМ для фото" онлайн эффект "КАМИН" ПАЛИТРА цветов рамочка 1 слой рамочка 8 слоев рамочка простая рамочка с ПРОКРУТКОЙ редакторы он-лайн редакторы он-лайн pixlr.com СЖАТЬ картинку СКАЧАТЬ МУЗЫКУ СКРИНШОТ сделать сохранить блог СТРАНИЦЫ сайта теги флеш флеш ИСПОЛНЕНИЕ ЖЕЛАНИЙ флеш РИСОВАЛКА фон белый фон море фон небо фон облака фон черный фоны фоны анимированные фоны бесшовные фоны глиттеры фоны голубые фоны ГРАДИЕНТЫ фоны для ФОТОШОПА фоны золотые фоны НОВОГОДНИЕ фоны однотонные фоны ПРОЗРАЧНЫЕ фоны цветочные фоны-бордюры формула "ОДНА КНОПКА" формула "под КАТ" для Blogger*a формула "подчеркнутая ссылка" формула "ТЕКСТ между 2 картинок" формула ОКОШКА для КОДА формула перехода по СТРАНИЦАМ формула ПРОКРУТКИ для текста формула разделить запись на 2 части формула скопировать "с ЛИСТА" формула ссылки с noindex и nofollow формула таблицы формула ФЛЕШКИ формулы прямых линий формулы ССЫЛОК ФРАКТАЛЫ шрифты .......... сайт БЛОКНОТ Blogger*a ЗДЕСЬ !!! рамка ТАНИ,идущей по Судьбе

Серия сообщений " ЛИНЕЕЧКИ разделители":

Часть 1 - ЛИНЕЙКИ-разделители для дизайна
Часть 2 - линейки блестелки
...
Часть 11 - РАЗДЕЛИТЕЛИ ДЛЯ СХЕМ
Часть 12 - 250 ЛИНЕЕЧЕК-разделителей для дизайна
Часть 13 - БЛОКНОТ Blogger*a - УРОКИ для Вас

Серия сообщений "Blogger*a БЛОКНОТ":

Часть 1 - как СОХРАНИТЬ КАРТИНКУ на свой комп
Часть 2 - ИСПОЛНЕНИЕ ЖЕЛАНИЙ
...
Часть 31 - РАЗМЕСТИТЬ КОД Аdsense внутри самой записи на Вlogspot
Часть 32 - уроки по стандартной компьютерной программе PAINT
Часть 33 - БЛОКНОТ Blogger*a - УРОКИ для Вас

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

Краткий справочник по HTML

Краткий справочник по HTML

1. Элементы WEB-страницы

Таблица 1.1. Организующие страницу элементы:

Элемент	Назначение
<html> ... </html>	Начальный и заключительный тег HTML-документа
<head> ... </head>	Объявление заголовка WEB-страницы, содержит описание страницы
<title> ... </title>	Элемент определяет название страницы, которое выводится в строке заголовка окна браузера. Располагается внутри заголовка <html> WEB-страницы, учитывается при индексации страницы поисковыми машинами
<body> ... </body>	Между этими тегами находится основное содержание страницы Атрибуты: Атрибут Назначение bgcolor="значение" Задает фоновый цвет страницы. Переменная "значение" представлена в виде текстовой величины (принятые в WEB названия цветов), либо в виде шестнадцатиричного числа, обозначающего цвет - "#ddf112" background="адрес" Задает фоновый рисунок страницы. "значение" - адрес файла изображения, которое станет фоновым рисунком страницы. При этом рисунок не растягивается, а заполняет всю страницу путем клонирования
<base href="адрес">	Определение "базового" URL каталога сайта. Все относительные ссылки на странице, содержащей этот элемент будут определяться относительно него. Располагается внутри элемента <head>
<!-- ..... -->	Комментарий. Может располагаться в любом месте страницы. На экран браузера не выводится. Надежное средство для борьбы со склерозом..

2. Элементы форматирования текста

Таблица 2.1. Элементы стилей абзаца и списков:

Элемент	Назначение
<h1> ... </h1>	Заголовки первого уровня
<h2>... </h2>	Заголовки второго уровня
<h3> ... </h3>	Заголовки третьего уровня
<p> ... </p>	Заголовки четвертого уровня
<h5> ... </h5>	Заголовки пятого уровня
<h6> ... </h6>	Заголовки шестого уровня
<p> ... </p>	Простой абзац. Приведенные атрибуты могут быть использованы со всеми элементами, определяющими стиль абзаца, в том числе и с заголовками. Атрибуты: Атрибут Назначение align="значение" Расположение текста абзаца относительно границ окна (выравнивание текста). Может принимать значения: "left" - выравнивание по левому краю, "right" - выравнивание по правому краю, "justify" - выравникание по ширине и "center" - выравнивание по центру
<blockquote> ... </blockquote>	Виртуальное выделение абзаца путем добавления отступа слева
<pre> ... </pre>	Преформатированный абзац. Выводится в окне браузера точно также, как был набран в редакторе. Учитывает пробелы и переводы строки при вводе. Результат выводится на экран моноширинным шрифтом
<br> или, <br>	Разрыв строки. Браузером распознается и выполняется как перевод строки. Может быть использован внутри элементов, определяющих абзац
<hr> или <hr>	Рисует горизонтальную линию Атрибуты: Атрибут Назначение width="значение" Длина линии, указанная либо в относительных единицах (процентах) либо в абсолютных - пикселях size="значение" Ширина линии в пикселах align="значение" Расположение: выравнивание по левому, правому краю либо по центру noshade="noshade" Изменяет внешний вид линии, убирая тень линии
<ol> <li>..</li> <li>..</li> </ol>	Нумерованный список Атрибуты: Атрибут Назначение type="значение" Значение определяет вид нумерации: "A" - Прописные буквы "a" - Строчные буквы "I" - Большие римские цифры "i" - Малые римские цифры "1" - Арабские цифры (по умолчанию) start="значение" Указывает, какое значение для данного списка будет являться стартовым
<ul> <li>..</li> <li>..</li> </ul>	Маркированный список. Атрибуты: Атрибут Назначение type="значение" Значение определяет вид маркера: "disc" - Кружок (по умолчанию) "square" - Квадратик "circle" - Кольцо Списки различных типов могут быть вложены один в другой. В этом случае отдельная строка списка должна содержать полностью оформленный список нижнего подуровня

Таблица 2.2. Логические стили форматирования текста WEB-страницы:

Элемент	Назначение
<em> ... </em>	Выделение
<strong> ... </strong>	Усиленное выделение
<cite> ... </cite>	Цитата или ссылка на внешний источник
<dfn> ... </dfn>	Исходный код программы
<samp> ... </samp>	Пример работы программы, часто отображается так же, как и предыдущий
<kbd> ... </kbd>	Текст, вводимый с клавиатуры
<var> ... </var>	Переменная или значение
<q> ... </q>	Цитируемый текст
<abbr> ... </abbr>	Аббревиатура
<acronym> ... </acronym>	Акроним

Таблица 2.3. Физические стили форматирования текста WEB-страницы:

Элемент	Назначение
<b> ... </b>	Жирный
<i> ... </i>	Курсив
<tt> ... </tt>	Моноширинный
<u> ... </u>	Подчеркнутый
<big> ... </big>	Увеличенный размер
<small> ... </small>	Уменьшенный размер
<sub> ... </sub>	Нижний индекс
<sup> ... </sup>	Верхний индекс

3. Добавление объектов

Таблица 3.1. Добавление объектов на страницу:

Элемент	Назначение
<img>	Вставка изображения на страницу Атрибуты: Атрибут Назначение src="адрес" указывает URL-адрес, по которому находится файл изображения. Может быть как относительным, так и абсолютным alt="значение" Содержит текст, который выводится на экран браузера при невозможности вывести изображение align="значение" Определяет поряддок вывода текста относительно боковых сторон изображения: "top" - текст располагается рядом с верхней границей изображения; "middle" - текст располагается рядом с серединой изображения; "bottom" - текст располагается рядом с нижней границей изображения (по умолчанию) Еще два параметра, делающие изображения "плавающими", при этом текст обтекает изображение: "right" - помещает изображение к правой границе WEB-страницы; "left" - помещает изображение к левой границе WEB-страницы width="значение" Ширина рисунка (резервируется место под изображение, создавая рамку) height="значение" Высота рисунка (резервируется место под изображение, создавая рамку)
<a> ... </a>	Вставка гиперссылки на страницу. Между начальным и закрывающим тегами должен находиться текст или картинка, которые отображают гиперссылку на экране браузера Атрибуты: Атрибут Назначение href="адрес" указывает URL-адрес, по которому находится документ, который должна открывать ссылка. Может быть как относительным, так и абсолютным title="значение" Содержит поясняющий текст, который выводится на экран браузера при наведении курсора мыши на гиперссылку name="значение" Устанавливает закладку на странице, используемую для переходов внутри страницы target="_blank" Позволяет автоматически открывать гиперссылку в новом окне Пример: <a href="Адрес" title="Заголовок" target="_blank">Текст ссылки или картнка</a>

Таблица 3.2. Добавление таблиц на страницу:

Элемент	Назначение
<table> ... </table>	Вставка таблицы на страницу Атрибуты: Атрибут Назначение bgcolor="значение" Фоновый цвет таблицы. Значение - WEB-название цвета или его шестнадцатиричный код * - может применяться с элементами <td> и <tr> width="значение" ширина таблицы. Задается либо в пикселях (абсолютный размер), либо в процентах от ширины страницы (относительный размер) * - может применяться с элементом <td> align="значение" Определяет порядок вывода таблицы относительно границ WEB-страницы: "left" - таблица располагается слева у границы страницы, обтекается текстом; "right" - таблица располагается справа у границы страницы, обтекается текстом; "center" - таблица расположена по центру страницы. cellpadding="значение" определяет расстояние между границами ячеек и их содержимым (в пикселах) cellspacing="значение" задает расстояние в пикселах между ячейками таблицы border="значение" задает ширину внутренних и внешних границ таблицы в пикселах
<tr> ... </tr>	Определяет строку таблицы Атрибуты: Атрибут Назначение align="значение" Определяет порядок вывода данных в ячейках: "left" - с выравниванием по левому краю ячеек; "right" - с выравниванием по правому краю ячеек; "center" - с выравниванием по центру ячеек * может использоваться с элементом <td> valign="значение" Определяет порядок вывода данных в ячейках: "top" - вверху ячеек; "bottom" - внизу ячеек "center" - по центру ячеек * может использоваться с элементом <td> * См. атрибуты элемента <table>
<td> ... </td>	Определяет ячейки таблицы Атрибуты: Атрибут Назначение colspan="значение" задает количество ячеек для объединения в строке таблицы rowspan="значение" задает количество ячеек для объединения в столбце таблицы * См. атрибуты элемента <tr> и <table>
<caption> ... </caption>	Вставка описания таблицы Атрибуты: Атрибут Назначение align="значение" определяет размещение названия таблицы: "top" - над таблицей; "bottom" - под таблицей.

Пример HTML-кода страницы

---

<html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">   <!-- Задание русской кодировки "Windows-1251" -->
     <meta http-equiv="content-language" content="ru, russian">    <!-- Задание русского языка "ru, russian" -->
     <title>Заголовок страницы</title>
     <meta name="keywords" content="Здесь пишутся ключевые слова страницы">
     <meta name="description" content="Здесь кратко описывается страница">
</head>
<body>

<h1>Заголовок страницы</h1>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td width="200">
     <a href="page1.html" title="Страница 1">Страница 1</a><br>
     <a href="page2.html" title="Страница 2">Страница 1</a><br>
     <a href="page3.html" title="Страница 3">Страница 1</a><br>
     <a href="page4.html" title="Страница 4">Страница 1</a><br>
     <a href="page5.html" title="Страница 5">Страница 1</a><br>
     <a href="page6.html" title="Страница 6">Страница 1</a><br>

     <a href="http://www.mail.ru/" target="_blank">Внешняя ссылка</a><br>
</td><td width="100%">
     <h2 align="center">Подзаголовок страницы</h2>    <!-- Заголовок второго уровня выравнен по центру -->
     <p>Первый тестовый абзац страницы</p>
     <p>Второй тестовый абзац страницы</p>
     <p>Третий тестовый абзац страницы</p>
</td></tr>
</table>

</body>
</html>

Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы.

Учебник для пользователей Ли.ру(В разработке!)

Теги,Шрифты,Форматирование,цвета для ЛиРу

Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого: - скопируйте приведенный ниже код:

<a data-cke-saved-href="http://angelforever.ru/post224514242//" href="http://angelforever.ru/post224514242//"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/5/88/392/88392649_cooltext716369133.png" src="//img1.liveinternet.ru/images/attach/c/5/88/392/88392649_cooltext716369133.png" width="173" height="42" alt="cooltext716369133 (173x42, 8Kb)" /></a>

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