Супер полезный сервис!!!

1. Не умеете ставить картинки в ряд?
2. Не получается запихнуть изображения в таблицу?
3. Не знаете как вставить картинку на форум или блог с помощью BB кода?
4. Не умете делать окошко с кодом вставки под картинкой такого вида?


5. При упоминании слова html хочется сбежать подальше?
6.Не умеете делать нормальное кликабельное превью используя "Яндекс фотки"?

А и не надо!

Специально для вас создал сервис :

Генератор BB и Html кодов для вставки изображений на сайт или блог.

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

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

Рамочники.

 

АНКОРНЫЕ ССЫЛКИ

...АНКОРНЫЕ ССЫЛКИ... ...в своих постах блоггеры не могут обойтись без ССЫЛОК,они могут быть: 1. ПРОСТЫМИ http://www.liveinternet.ru/users/4026647/blog/ 2.АНКОРНЫМИ 2.1. с текст ссылки днев ТАНИ,идущей по Судьбе 2.2.с текстом ссылки и всплывающим пояснительным текстом , появляющимся при наведении на ссылку мышкой днев ТАНИ,идущей по Судьбе  ПРОДОЛЖЕНИЕ ТЕМЫ для тех,кому это интересно КОДЫ формул АНКОРНЫХ ССЫЛОК *** ТАНЯ,идущая по Судьбе *

Серия сообщений "ликбез ТЕГИ-формулы":

Часть 1 - ПАЛИТРА цветов
Часть 2 - ТЕГИ-ФОРМУЛЫ
...
Часть 35 - №15
Часть 36 - окошки для текста и кнопки
Часть 37 - АНКОРНЫЕ ССЫЛКИ

ВОТ ТАК ПОМОГАЛОЧКА...

ЭТО ПРОСТО КЛАД для сайта Вот она ненаглядная во всей своей красе распласталась по экрану вашего монитора. KOROLEVA

Неописуемая красота....цветы с кодами.





====>>>Жмём

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





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

УЧЕБНИК ПО H T M L

Учебник по Html для чайников - Оглавление
Инструментарий. Основные понятия
Ступенька 1 - "Основной инструментарий, учимся работать руками".
Ступенька 2 - "Что такое тэги?".
Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?"
Простейшие.
Ступенька 4 - "Раскрась сам. Изменяем цвет текста".

Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов".
Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст".
Ступенька 7 - "Что такое заголовки и как задавать размер буковок".
Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие".
Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт".
Ступенька 10 - "Что такое путь? Как вставлять картинки".
Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.".
Ступенька 12 - "О любителе сосисок и принудительном прерывании обтекания текстом картинки".
Ступенька 13 - "Ссылка и как с нею бороться".
Ступенька 14 - "Ссылка на е-майл. Подсказка к текстовой ссылке".
Ступенька 15 - "Может ли картинка быть ссылкой".
Ступенька 16 - "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку".
Ступенька 17 - "Карты. Как часть картинки сделать ссылкой".
Ступенька 18 - "Карты. Как часть картинки сделать ссылкой 2".
Ступенька 19 - "Карты. Как часть картинки сделать ссылкой 3".
Ступенька 20 - "Закладка. Как сделать ссылку внутри документа".
Таблицы.
Ступенька 21 - "Учимся создавать таблицы".
Ступенька 22 - "Учимся создавать таблицы" продолжение.
Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)".
Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)".
Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание".
Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".
Ступенька 26 - "Вложенные таблицы и некоторые нюансы".
Ступенька 27 - "О рамках таблиц, и брюзжание о таблицах напоследок".
Ступенька 28 - "Создаем простой сайт с таблицами".
Дополнительные.
Ступенька 29 - "Спецсимволы, или головная боль".
Ступенька 30 - "О линиях. Просто и полезно".
Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight".
Ступенька 32 - "О списках. Неупорядоченные списки".
Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум".
Ступенька 34 - "Cпецифические тэги, бегущая строка текста".
Фреймы.
Ступенька 35 - "Вступление. Зачем они (фреймы) нужны."
Ступенька 36 - "Учимся создавать фреймы".
Ступенька 37 - "Учимся создавать фреймы" продолжение.
Ступенька 38 - "Учимся создавать фреймы" продолжение.
Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".
Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно".
Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame".
Словарь
Учебник
Автор учебника Алленова Наталья.

Как создать простую галерею из фотографий

Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.

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


Далее >>>

Супер полезный сервис!!!Как для начинающих,так и для продвинутых пользователей!

1. Не умеете ставить картинки в ряд? 2. Не получается запихнуть изображения в таблицу? 3. Не знаете как вставить картинку на форум или блог с помощью BB кода? 4. Не умете делать окошко с кодом вставки под картинкой такого вида? 5. При упоминании слова html хочется сбежать подальше? 6.Не умеете делать нормальное кликабельное превью используя "Яндекс фотки"? А И НЕ НАДО!

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

Рамки для выделения текста.

Рамочка Компьютер с двигающимся текстом.

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

КОД РАМКИ. <table align="center" height="535" border="0" background="//img1.liveinternet.ru/images/attach/c/1//60/185/60185750_b8a2bc405179.png"><br /> <tr><td width="700" align="center"><center><marquee style="background:B9D3EE; padding:0px; border-right: silver 0px solid; border-top: silver 0px solid; border-left: silver 0px solid; border-bottom: silver 0px solid;" scrollamount="1" scrolldelay="60" direction="up" width="370" height="250"><font size="4"><font color="ffffff"><center>ВАШ ТЕКСТ.ПИШИМ СЮДА.</center></font></font></marquee></center><center><a href="//www.liveinternet.ru/users/svetlanat/profile"><font size="1"><b><font color="#000000">SvetlanaT</font></b></font></a></center> <br /><br /><br /><br /></td></tr></table>

ПОСТРАНИЧНАЯ БРОДИЛКА

...БРОДИЛКА по СТРАНИЦАМ БЛОГА... -1-*-2-*-3-*-4-*-5-*-6-*-7-*-8-*-9-*-10-*№...* .......ЗДЕСЬ можно написать Ваш текст....... формула "ПОСТРАНИЧНОГО ПЕРЕХОДА ЗДЕСЬ:

Серия сообщений "ЛИКБЕЗ ЛИРУшкин - подсказки":

Часть 1 - РУБРИКИ Дневника = метки БЛОГА на майле
Часть 2 - В черновик теперь можно добавить видео, музыку, новость или ссылку
...
Часть 98 - поисковики
Часть 99 - ВНИМАНИЕ ! БУДЬТЕ ОСТОРОЖНЫ !
Часть 100 - Чем отличаются BB коды от тегов html?

Серия сообщений "РАМОЧКИ и для майла,и для лиру":

Часть 1 - рамочка "СПАСИБО ВАМ"
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 98 - Без заголовка
Часть 99 - ЭТАЛОН-скрытая картинка... все слои в соответствии,скрытый ник...
Часть 100 - рамка и для ЛИру,и для майла...почти один в один...только окантовка картинки в 2 раза шире,а 4 и 6 СЛОИ-уже

Серия сообщений "ликбез ТЕГИ-формулы":

Часть 1 - ПАЛИТРА цветов
Часть 2 - Азбука блогера(теги-формулы)
...
Часть 28 - ТЕГИ для ТЕКСТА на ЛИру
Часть 29 - Блокнот Blogger*a
Часть 30 - ПОСТРАНИЧНАЯ БРОДИЛКА

Серия сообщений "ЛИКБЕЗ МАЙЛовский - подсказки":

Часть 1 - кнопки РЕЙТИНГА в Яндексе
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 71 - ВСЕВОЗМОЖНЫЕ КАЛЕНДАРИ-ИНФОРМЕРЫ
Часть 72 - как СОХРАНИТЬ КАРТИНКУ на свой комп + 15 ФОНОВ-бордюров
Часть 73 - ПОСТРАНИЧНАЯ БРОДИЛКА
Часть 74 - СОХРАНИТЬ БЛОГ на КОМП для майла
Часть 75 - МАЙЛовский ЛИКБЕЗ
Часть 76 - ЗДЕСЬ собраны рамочки и для ЛИру, и для МАЙЛа по одной формуле
Часть 77 - сделать ФОН-БОРДЮР в программе Paint

Как найти и скопировать код Flash

Есть  Flash-открытки, которыми мы можем только любоваться и не можем скопировать к себе, так как отсутствует код. Попытаюсь рассказать и показать на своем примере .Пойдем не торопясь, по шагам:

1. шаг:

Находим страничку с понравившейся Flash, (например:http://tw.myblog.yahoo.com/889-3558/article?mid=-2&prev=153166&l=f&fid=39 ).  

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

Таблица безопасных цветов.

Какой выбрать цвет для шрифта поста. Вы можете выбрать здесь.
Дальше делаем так: Копируйте код из окошка. <font color="КОД ЦВЕТА">ВАШ ТЕКСТ</font>
В этом коде,где написано КОД ЦВЕТА- ВСТАВЛЯЙТЕ понравившийся код Буквенного
или Цифрового цвета,выбрав его из большого разнообразия цветов.
Внутрь кавычек, кавычки не трогаем. А где написано, ВАШ ТЕКСТ, пишите свой текст.
Вот ещё один код,но он работает только на ЛИРУ. [color=red] ВАШ ТЕКСТ [/color]
Вместо слова red вставляйте КОД ЦВЕТА-буквенного или цифрового.
БУКВЕННЫЕ КОДЫ ЦВЕТА.

Aqua	Black	Fuchsia	Green	Aquamarine	Lime	Maroon	Navy
Olive	Purple	Red	Silver	Teal	White	Yellow	Blue
Gold	Orange	Pink	Peru	Chocolate	Coral	Violet	Grey

ЗДЕСЬ далее...SvetlanaT

Всё о HTML...начинающим и не только...

А вот еще одна маленькая хитрость. Вы хотите поставить рамочку или картинку или часики по центру, а они ну никак не встают и даже, если Вы применили теги <center></center>. Не буду заморачивать долго голову; почему так происходит, А просто скопируйте вот этот код <div align="center"> и вставьте его в самом начале кода своей рамочки или картинки Вот они и в центре!Все так просто!! Если надо поставить картинку слева или справа, то в коде вместо center поставьте теги left и right И еще раз о NTML-кодах буквально для новичков и не только... Код краткой шпаргалки для Вашего блога Принципы HTML Как вставлять готовые коды Разделительные линии Способы выделения текста Списки HTML Бегущая строка Шрифты HTML Как изменить размер, цвет и шрифт текста Красивый текст Убрать под кат Цвета HTML Flash-программы по подбору цвета Таблица цвета HTML, буквенное написание Таблица HTML Как быстро скопировать изображение Как защитить изображение от копирования Фон для записи Как написать на картинке без фотошопа Оформление ссылок Кнопки для сайта Интерактивное изображение Как сделать бродилку составление кнопок бродилки в виде таблицы, имитац... Как изменить размер плеера Вставка Flash Окошко для кодов HTML-редактор Шпаргалка по HTML для блоггера Arnusha

Спасибо NATALKA

ЕЩЁ О HTML-кодах.Урок.

Интересные HTLM-коды 1. Ваш текст в объемной 3D-рамке Размеры блока div задаются атрибутами: div style=width:200px; height:50px; где width:200px; - ширина блока 200 пикселей, height:70px; - высота блока 70 пикселей, border-color:#8800dd; - цвет рамочки (его можно изменить, поставив после знака # другое значение). Получим: Ваш текст в объемной 3D-рамке - размеры рамки здесь фиксированые   Код:   2. Если не задавать вышеуказанные параметры - получается так: Ваш текст в объемной 3D-рамке - на всю ширину поста   Код: Цвет можно подбрать здесь 3. Всплывающее окошко с пояснением при наведении на текст курсора: Код: Подведите курсор к этому тексту 4. Правильное (и уважительное) указание автора под скопированным текстом (цитатой) с всплывающей дополнительной информацией при наведении курсора. Пример: ©Arnusha Код:

Arnusha

Подбор цвета. Полезная вещь для дизайна!

Подбор цвета-цветовые линии. Шикарная таблица,все цвета есть,просто супер!!! Alabaster f3e1cb E6D4B5 D7C0A0 E3CDA4 E5D9C7 ffce90 dec5ab Almond ffed9d ddc283 e4c8a0 e4c8a0 Amber e0a234 da9e44 c2671a e07e33

<<<жмём>>>

НУЖНЫЕ КОДЫ ДЛЯ БЛОГОВ

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

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

Серия сообщений "ВСЕГДА ПОД РУКОЙ":

Часть 1 - Часики для вашего блога(очень много)
Часть 2 - Рамка зимняя
...
Часть 98 - Японские часики с датой и календарем
Часть 99 - Японские часики - подборка2
Часть 100 - Коллекция японских часиков- животные!

Создание HTML кода ссылки

Создание HTML кода ссылки Бесплатный сервис по созданию html-кода ссылок. Вводите адрес сайта и текст ссылки и при желании – и дополнительные параметры, нажимаете кнопку – код вашей ссылки готов! Этот сервис очень пригодится для тех,кто сам не умеет делать кликабельные ссылки

Как сделать ссылку смотрим тут > > >

Список всех тегов HTML с описанием

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

Начинаем изучать