[360x176] [450x] КОДЫ ДЛЯ ОФОРМЛЕНИЯ БЛОГА [400x30] Шпаргалочка по тегам Берём к себе в цитатник. [400x78] [показать] 1. Шпаргалочка по тегам № 2 [показать] 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="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></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="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a> Как сделать, чтобы картинка была ссылкой на веб-страницу: <a target="_blank" href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a> Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне: <a href="АДРЕС СТРАНИЦЫ" 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" /> палитра цветов [400x30]