Делаем самую простую кликабельную кнопочку с надписью.

Очень часто нам требуются кнопочки, что сделать ссылку на какой то сайт, или сделать бродилочку по блогу, или чьим то урокам и т.д. Как сделать вот такую, самую простую кликабельную кнопку с надписью!

Активация Windows 7 бесплатно





под роликом ссылка на скачивание архиватора

ТОЧНОЕ ВРЕМЯ

 

World Clock by Poodwaddle.com

РЕЦЕПТЫ ОТ ТАТЬЯНЫ

Серия сообщений "МОЁ":
Часть 1 - День рождения моего дневничка!
Часть 2 - У меня сегодня День Рождения!
...
Часть 8 - Господи, храни моих детей!
Часть 9 - Гороскоп + Калькулятор
Часть 10 - ТОЧНОЕ ВРЕМЯ
Часть 11 - Жизнь без очков
Часть 12 - Кулинарная бродилка
Часть 13 - Приветствие
Часть 14 - Добро пожаловать!

Если в дневнике пропали записи или картинки

Маленькая шпаргалка по выравниванию текста

 

Маленькая шпаргалка по выравниванию текста <p align="left">ТЕКСТ ВЫРАВНИВАЕТСЯ ПО ЛЕВОМУ КРАЮ</p> <p align="right">ТЕКСТ ВЫРАВНИВАЕТСЯ ПО ПРАВОМУ КРАЮ</p> <p align="center">ТЕКСТ ВЫРАВНИВАЕТСЯ ПО ЦЕНТРУ </p> <p align="justify">ТЕКСТ ВЫРАВНИВАЕТСЯ ПО ШИРИНЕ</p>

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Flash-uploader
...
Часть 8 - Рамочки с тегом FIELDSET
Часть 9 - КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)
Часть 10 - Маленькая шпаргалка по выравниванию текста
Часть 11 - ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Zomka)
Часть 12 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
...
Часть 38 - Интересное слайд-шоу в ваш дневник
Часть 39 - Как вставить музыку во флеш-плеер на ЖЖ
Часть 40 - Делаем плеер-невидимку для ЖЖ

Серия сообщений "Оформление текста":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - КАК СДЕЛАТЬ СВОЮ НАДПИСЬ НА ИЗОБРАЖЕНИИ В ОНЛАЙН-ФОТОШОП
...
Часть 6 - ГЕНЕРАТОР СМАЙЛОВ С НАДПИСЯМИ
Часть 7 - БЕГУЩИЙ ТЕКСТ В ЦВЕТНОЙ РАМОЧКЕ
Часть 8 - Маленькая шпаргалка по выравниванию текста
Часть 9 - ТЕКСТ МЕЖДУ КАРТИНОК
Часть 10 - roflbot!!1! (сайт для подписывания картинок)
...
Часть 22 - Простые правила оформления статей для сайта (блога)
Часть 23 - Как в журнале ЖЖ изящно выровнять шрифт по центру
Часть 24 - Он-лайн генератор промотки для текста

Серия сообщений "Шпаргалки":
Часть 1 - Маленькая шпаргалка по выравниванию текста
Часть 2 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
Часть 3 - Карта сайта LiveJournal (шпаргалка для новичков)
Часть 4 - ЖЖ-теги: шпаргалка. ( Кат, ссылки, форматирование текста и другое )
Часть 5 - Для ведения блога. Полный справочник по ЛиРу

ТЕКСТ МЕЖДУ КАРТИНОК

Текст между двух картинок!
По сути, это та же таблица, только без рамки. Итак, формула:

<table align=center border=0><tr><td><img src="URL адрес КАРТИНКИ"></td><td>ТЕКСТ</td><td><img src="URL адрес КАРТИНКИ"></td></tr></table>

Всё под рукой/Всё, что нужно начинающему блогеру(обновленный материал)

*****Внимание : Если хоть одна ссылка не срабатывает тут же напишите в комментариях-я исправлю.

Отличный генератор кода цвета - в помощь для ваших работ



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

ГЕНЕРАТОР КОДА ЦВЕТА

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

Серия сообщений "* Генераторы":

Часть 1 - Генераторы фото
Часть 2 - On-line генераторы
...
Часть 38 - Генераторы красивых шрифтов по алфавиту (очень много)
Часть 39 - Генераторы он-лайн
Часть 40 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 41 - Генератор кода цвета 2

Всё для Вашего дневника





<center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/veta-z/rubric/2970309/" target="_blank"><img src="https://img-fotki.yandex.ru/get/28874/260101046.e6/0_15fcec_ff3eb153_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/veta-z/rubric/2972258/" target="_blank"><img src="https://img-fotki.yandex.ru/get/52765/260101046.e6/0_15fced_7d9b3f8a_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/veta-z/rubric/5555705/" target="_blank"><img src="https://img-fotki.yandex.ru/get/58675/260101046.e6/0_15fcee_c1720fac_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/veta-z/rubric/5685256/" target="_blank"><img src="https://img-fotki.yandex.ru/get/94372/260101046.e6/0_15fcef_f0041418_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/veta-z/rubric/5739219/" target="_blank"><img src="https://img-fotki.yandex.ru/get/41138/260101046.e7/0_15fcf0_39d40116_orig" /></a></center>



<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ссылка на фоны" target="_blank"><img src="https://img-fotki.yandex.ru/get/28874/260101046.e6/0_15fcec_ff3eb153_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ссылка на клипарт " target="_blank"><img src="https://img-fotki.yandex.ru/get/52765/260101046.e6/0_15fced_7d9b3f8a_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ссылка на схемы" target="_blank"><img src="https://img-fotki.yandex.ru/get/58675/260101046.e6/0_15fcee_c1720fac_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ссылка на эпиграфы" target="_blank"><img src="https://img-fotki.yandex.ru/get/94372/260101046.e6/0_15fcef_f0041418_orig" /></a><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ссылка на уроки" target="_blank"><img src="https://img-fotki.yandex.ru/get/41138/260101046.e7/0_15fcf0_39d40116_orig" /></a><br />



Пустые папки смотрим в альбоме «БРОДИЛКИ-кликабельно!», автор z-z.zh на Яндекс.Фотках

Все о бегущем тексте. Примеры и коды.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 8 - Простые, оригинальные рамочки разного цвета
Часть 9 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 10 - Все о бегущем тексте. Примеры и коды.
Часть 11 - Все о ссылках, оформление и коды.
Часть 12 - РАБОТА С ТЕКСТОМ. html коды для текста
...
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.

Бегущий текст

БЕГУЩИЙ ТЕКСТ

Попросили сделать урок с таким вот бегущим текстом как в рамочке ниже

рамочка от Егоровой Татьяны..................................................коллаж от Sabine Astana Здесь будет Ваш текст

Код этой готовой рамочки <table style="border:8px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><center><b><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/"><font color="#f5989d"><font size="1">рамочка от Егоровой Татьяны</font></font></a><font color="#9d0039"><font size="1">..................................................</font></font><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/3111237/"><font color="#f5989d"><font size="1">коллаж от Sabine Astana</font></font></a></b><table style="border:3px ridge #cc9900" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936421_c42e0dfbbed9.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:15px"><table style="border:3px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="570" height="398" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936490_2571c09b69bf.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" align="center"><table width="230" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="color:#000000;font-size:20px"><b></b></span></td></tr></table></td><td style="padding:1px" align="center"><table width="305" height="360" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936515_cd50c0bd81c7.png" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#000000;font-size:12px"><b><marquee width="245" height="290" scrolldelay="0" direction="up" scrollamount="1" style="background: ; padding: 0px; border: 0px aeca7d;"><center><font color="#000000"><font size="2"><b><br /> Здесь будет Ваш текст</b></font></font></center></marquee></b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center></td></tr></table>

Читать далее
еще разные уроки здесь

Бегущий текст

БЕГУЩИЙ ТЕКСТ

Попросили сделать урок с таким вот бегущим текстом как в рамочке ниже

рамочка от Егоровой Татьяны..................................................коллаж от Sabine Astana Здесь будет Ваш текст

Код этой готовой рамочки <table style="border:8px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><center><b><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/"><font color="#f5989d"><font size="1">рамочка от Егоровой Татьяны</font></font></a><font color="#9d0039"><font size="1">..................................................</font></font><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/3111237/"><font color="#f5989d"><font size="1">коллаж от Sabine Astana</font></font></a></b><table style="border:3px ridge #cc9900" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936421_c42e0dfbbed9.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:15px"><table style="border:3px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="570" height="398" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936490_2571c09b69bf.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" align="center"><table width="230" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="color:#000000;font-size:20px"><b></b></span></td></tr></table></td><td style="padding:1px" align="center"><table width="305" height="360" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936515_cd50c0bd81c7.png" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#000000;font-size:12px"><b><marquee width="245" height="290" scrolldelay="0" direction="up" scrollamount="1" style="background: ; padding: 0px; border: 0px aeca7d;"><center><font color="#000000"><font size="2"><b><br /> Здесь будет Ваш текст</b></font></font></center></marquee></b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center></td></tr></table>

Читать далее
еще разные уроки здесь

Понятный интернет для пенсионеров и не только.

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

У кого не работает кнопка "Нравится"

АНГЛИЙСКИЙ ЯЗЫК ДЛЯ ДЕТОК

1.

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

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

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

ИТАК... <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 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо

Обводка для текста

ОБВОДКА ДЛЯ ТЕКСТА
БЕЗ ФОТОШОПА

Кто-то в комментариях попросил меня рассказать как на пестром фоне сделать более видимым текст. Решила дать урок. Может кому-то пригодится.

Посмотрите ниже пример двух рамок с пестрым фоном и текстом. В верхней рамке текст написан с обводкой и поэтому его легче читать, а в нижней рамке текст написан обычным способом и читается с трудом. О том как сделать обводку мы сегодня и поговорим.

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Если надо вставить текст в рамку.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото А)



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

Если надо вставить текст без рамки.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото Б)



В код добавился параметр размера (синяя рамочка) и цвета (зеленая рамочка) шрифта. Их нужно заменить на свои.

Вот и всё! Удачи!

еще разные уроки

Как удалить радио внизу страницы на ЛиРу (совет дня).

http://www.aliveinternet.ru/post366654164/

.

БРОДИЛКА - СУНДУК.

Создать кнопку онлайн теперь просто!

 

Здравствуйте дорогие читатели!

Давно мечтали сделать себе красивенькую кнопочку для блога?

 

                 

                   

Теперь у вас есть возможность сделать кнопку онлайн для своего блога прямо здесь, на лиру!

Читаем Дальше=>

Приветствие. Меняется в зависимости от времени суток. Вкл. звук на флешке.

Все для оформления, выставляем картинки

 

Выставляем картинки. картинка слева от текста картинка справа от текста Текст среди картинок Картинки в один ряд Картинки справа и слева от текста . Загружаем картинку на Радикал,копируем 1-ю строку и вставляем в код вместо моих слов КАРТИНКА. Вместо слова ТЕКСТ вставляем свой текст. Скопируйте из окошечка код КАРТИНКА СЛЕВА ОТ ТЕКСТА Скопируйте из окошечка код КАРТИНКА СПРАВА ОТ ТЕКСТА Картинки по бокам текста. Все делается так же как описано выше. Текст в этом коде будет отражаться так, как выставлен в оформлении блога. Чтобы у него изменить цвет,гарнитуру и размер шрифта, надо выставлять дополнительные теги. Как это сделать расскажу в следующем уроке. Скопируйте из окошечка код КАРТИНКИ ПО БОКАМ ТЕКСТА Картинки в ряд. Вместо каждого моего слова КАРТИНКА надо загрузить обычным способом(через ФОТО на панели новой записи)свою картинку или вставить 6-ю строку с Радикала. Цифра "8" (в строке cellspacing="8")расстояние между картинками. Его можно менять. Скопируйте из окошечка код КАРТИНКИ В РЯД... с 2 картинками с 3 картинками с 4 картинками с 5 картинками с 6 картинками Еще УРОКИ здесь

 

Как к каждой записи сделать свой фон.

Для тех, кто не пользуется рамками, но как то хочет разнообразить свои записи, то есть сделать к каждой записи свой фон, этот пост. Сделать это несложно, надо лишь подставить в формулу АДРЕС ФОНА, который вы хотите сделать основным к своему посту. Вот в этом окошечке формула для вставки фона к вашему сообщению.

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 26 - Как сделать бегущий текст на картинке, без всякого редактора
Часть 27 - Красивое разворачивание картинки в постах и рамках
Часть 28 - Как к каждой записи сделать свой фон.

БЕГУЩАЯ СТРОКА

4) Бегущая строка 1. <MARQUEE>Ваш текст</MARQUEE> Вот так! 2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE> или так 3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE> ну и вот так 4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE> или даже так 5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE> а уж так! 6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE> и так можем Переменные: HEIGHT высота "окошка", в котором двигается текст; WIDTH расстояние, на которое перемещается текст. Можно ли уменьшить скорость прокрутки при использовании тега marquee? Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9. Результат будет выглядеть так: <MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х"> Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится. Пример: Синтаксис: <MARQUEE><img src="ros.gif"></MARQUEE> ПРИМЕРЫ 1. Бегущая строка Вот так! 2. Ваш текст Бегущая строка или так 3. Ваш текст Бегущая строка ну и вот так 4. Ваш текст Бегущая строка или даже так 5. Ваш текст Бегущая строка а уж так! 6. Ваш текст Бегущая строка и так можем Переменные: HEIGHT высота "окошка", в котором двигается текст; WIDTH расстояние, на которое перемещается текст. Можно ли уменьшить скорость прокрутки при использовании тега marquee? Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9. Результат будет выглядеть так: Тег заставляет двигаться не только текст, но всё, к чему он относится. Пример: Синтаксис:

Если тормозит компьютер

Если вы считает, что ваш компьютер стал плохо работать, то есть тормозить, возможно вам поможет ознакомление с эти постом, здесь есть полезные советы, удачи вам!

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

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

ИТАК... <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 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо

Время на компьютере

Ваша копия Windows не является подлинной

Оформление дневника для начинающих и не только.

Подборка УРОКОВ для начинающих блогеров и не только.... Оформляем свой дневник. Здесь всё самое необходимое, чтобы сделать его красивым и интересным. ♥ Оформление дневника новые настройки. ♥ Флешки, информеры для дневника. ♥ Полезное для новичков на LiveInternet. ♥ Как сделать ПОСТ С КАРТИНКОЙ ♥ Как ВСТАВИТЬ КАРТИНКУ в пост. ♥ МЕНЯЕМ ДАТУ ПОСТОВ на Лиру. ♥ Как вставить ВИДЕО в дневник. ♥ Как ЦИТИРОВАТЬ ЧУЖОЙ пост. ♥ Как загрузить МУЗЫКУ на Лиру. ♥ Учимся делать свои РАМОЧКИ. ♥ Делаем КРАСИВЫЙ ТЕКСТ для дневника. ♥ Полезные HTML ТЕГИ для новичков. ♥ Как УБРАТЬ ТЕКСТ ПОД КАТ.(свернуть) ♥ Делаем ОКОШКО ДЛЯ КОДОВ (флейм). ♥ Делаем ТЕКСТОВУЮ ССЫЛКУ. ♥ Как расположить КАРТИНКИ С ТЕКСТОМ? ♥ ОФОРМЛЕНИЕ ТЕКСТА в дневнике. ♥ ПОЛЕЗНЫЕ ССЫЛКИ для дневника. ♥ Делаем ПРИВЕТСТВИЕ-ЭПИГРАФ. ЗДЕСЬ далее... SvetlanaT

Делаем красивый текст для оформления дневника.

Существую разные стили текста, для оформления вашего блога. Придуманы не мной.Долго собирала разные необычные варианты. И в этом уроке хочу вам их предложить. Благодаря им ваш дневник будет выглядеть не ординарно,и красиво. Такими текстами можно украшать ЗАГОЛОВКИ и РАМОЧКИ. Написание цвета и коды цвета. Смотрим и выбираем понравившийся... Текст с переливающейся тенью. Ещё варианты... SvetlanaT

Как быстро отделить объект от фона без ФШ

Нашла превосходный сайт для отделения объекта от фона.
Работаем всего двумя инструментами и ластиком - все предельно просто и быстро.



Урок далее...

Как вернуть все свои записи!!!

Серия сообщений "КОМПЬЮТЕР":

Часть 1 - углубленная очистка и оптимизация компьютера
Часть 2 - грамма Unchecky незаменимая при установке новых программ
Часть 3 - ЗАБЫЛИ ПАРОЛЬ - НЕ БЕДА..
Часть 4 - Как вернуть все свои записи!!!
Часть 5 - Чтоб летал браузер мозила
Часть 6 - Антивирусная утилита Убийца вирусов и процессов R
...
Часть 21 - Начинаем изучать Windows 8
Часть 22 - Как скачать видео с YouTube себе на компьютер?
Часть 23 - Вирус скрыл папки на флешке? Что делать и как восстановить данные?

Урок"Фон под запись с обводкой и картинкой в разрыве.

Как сделать вот такую рамочку для записей поста.(по просьбе)

текст источник mimozochka

Вот скрин,где цветом я отметила,что куда вставлять.

Красный---это адрес фона рамки
бирюзовый 700px--- ширина рамки
Желтый ----цвет текста
Розовый 5 -----размер текста
Черный left---- это место разрыва рамки,у меня слева. (Можно поменять на center или right)
Бежевый----адрес картинки в разрыв
Лиловый----адрес картинки для кат
Салатовый--- адрес ссылки откуда запись взяли
Зеленый----адрес дневника вашего и ник
Если вам надо уменьшить картинку подставьте значения width"100px"или другой размер сразу после кавычек адреса картинки.
А здесь в окошке код этой рамки. Только вам подставить свои значения.
Надеюсь вам понятно.Удачи!
<table border="0" background="адрес фона" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="цвет текста"><font size="5"><font face="Monotype Corsiva"><fieldset><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="картинка в разрыв" border="0" /></legend><br /> <center> текст<br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/4747632/post336920261/"><b><img src="адрес картинки" /><br /></b></a><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://адрес ссылки поста" target="_blank"><font size="1">источник</font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес дневника"><font size="+1">ваш ник</font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
Часть 19 - Перевод урока"Tag Mysystere de janvier"
Часть 20 - Урок для корела"Tag aurore."
Часть 21 - Рамка обводка.(По просьбе)
Часть 22 - Мой урок для начинающего.Делаем коллаж