Выбрана рубрика html.

Соседние рубрики: интересные сайты(42)

Другие рубрики в этом дневнике: юмор(353), ювелирные изделия(84), цитаты(48), цветы(827), фотошоп(3689), фотохудожники(250), страны(78), стихи(37), свадьба(9), сайт(252), рецепты(279), позновательно(26), песни(118), пейзаж(80), натюрморт(87), москва(27), мода(72), любовь(29), куклы(115), креатив(101), косметика(5), китай, япония(167), интерьеры(60), инструкции(286), иллюстрации(637), живопись(748), графика(21), города(74), вырезаем из бумаги(29), вазы(70), батик(11), архитектура(80), арт-нуво(36), английский(25), актеры(30), акварель(174), pin-up(38), food design(58), flash(36)

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post305287091/">Р Р°Р±РѕС‚Р° СЃ РґРёР·Р°Р№РЅРѕРј СЃР°Р№С‚Р° ucoz</a><br/>Р Р°Р±РѕС‚Р° СЃ РґРёР·Р°Р№РЅРѕРј СЃР°Р№С‚Р° ucoz

Р Р°Р±РѕС‚Р° СЃ РґРёР·Р°Р№РЅРѕРј СЃР°Р№С‚Р° ucoz

РЎРѕР·РґР°РІР°СЏ СЃРІРѕР№ СЃР°Р№С‚ РєР°Р¶РґС‹Р№ С…РѕС‡РµС‚ С‡С‚РѕР±С‹ РµРіРѕ СЃР°Р№С‚ РѕС‚Р»РёС‡Р°Р»СЃСЏ РѕС‚ РґСЂСѓРіРёС…. Р”Р»СЏ СЌС‚РѕРіРѕ РЅСѓР¶РµРЅ СѓРЅРёРєР°Р»СЊРЅС‹Р№ РґРёР·Р°Р№РЅ. Р’ СЌС‚РѕР№ СЃС‚Р°С‚СЊРµ РјС‹ СЂР°СЃСЃРјРѕС‚СЂРёРј РєР°Рє СЃРѕР·РґР°С‚СЊ СЃРІРѕР№ СѓРЅРёРєР°Р»СЊРЅС‹Р№ РґРёР·Р°Р№РЅ РёР· СЃС‚Р°РЅРґР°СЂС‚РЅРѕРіРѕ РґРёР·Р°Р№РЅР° ucoz. Р”Р»СЏ С‚РѕРіРѕ С‡С‚РѕР±С‹ РёР·РјРµРЅРёС‚СЊ РґРёР·Р°Р№РЅ РїРѕРґ СЃРµР±СЏ РЅСѓР¶РЅРѕ Р·Р°Р№С‚Рё РІ СЂР°Р·РґРµР» &laquo;РЈРїСЂР°РІР»РµРЅРёРµ РґРёР·Р°Р№РЅРѕРј&raquo; РІ РїР°РЅРµР»Рё СѓРїСЂР°РІР»РµРЅРёСЏ. Р”Р»СЏ СЌС‚РѕРіРѕ Р°РІС‚РѕСЂРёР·СѓР№С‚РµСЃСЊ РІ РІРµР±С‚РѕР±Рµ СЃРёСЃС‚РµРјС‹ ucoz Рё РїРµСЂРµР№РґРёС‚Рµ РІ СЂР°Р·РґРµР» Р”РёР·Р°Р№РЅ&gt; РЈРїСЂР°РІР»РµРЅРёРµ РґРёР·Р°Р№РЅРѕРј(С€Р°Р±Р»РѕРЅС‹) РІ РїР°РЅРµР»Рё СѓРїСЂР°РІР»РµРЅРёСЏ. РћС‚РєСЂРѕРµС‚СЃСЏ СЃРѕРѕС‚РІРµС‚СЃС‚РІСѓСЋС‰Р°СЏ СЃС‚СЂР°РЅРёС†Р°.

[more]

Р’ СЌС‚РѕРј РѕРєРЅРµ РІС‹ СѓРІРёРґРёС‚Рµ РёР·... <a href="https://www.liveinternet.ru/users/marina_grankova/post305287091/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Работа с дизайном сайта ucoz

Воскресенье, 29 Декабря 2013 г. 05:26 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

Работа с дизайном сайта ucoz

Создавая свой сайт каждый хочет чтобы его сайт отличался от других. Для этого нужен уникальный дизайн. В этой статье мы рассмотрим как создать свой уникальный дизайн из стандартного дизайна ucoz. Для того чтобы изменить дизайн под себя нужно зайти в раздел «Управление дизайном» в панели управления. Для этого авторизуйтесь в вебтобе системы ucoz и перейдите в раздел Дизайн> Управление дизайном(шаблоны) в панели управления. Откроется соответствующая страница.

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

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post270139939/">РљР°Рє РїРѕСЃРјРѕС‚СЂРµС‚СЊ html-РєРѕРґ РІ СЂР°Р·РЅС‹С… Р±СЂР°СѓР·РµСЂР°С…</a><br/>РљР°Рє РїРѕСЃРјРѕС‚СЂРµС‚СЊ html-РєРѕРґ РІ СЂР°Р·РЅС‹С… Р±СЂР°СѓР·РµСЂР°С…

РРЅС‚РµСЂРЅРµС‚-СЃС‚СЂР°РЅРёС†С‹, РїСЂРѕСЃРјР°С‚СЂРёРІР°РµРјС‹Рµ СЃ РїРѕРјРѕС‰СЊСЋ Р±СЂР°СѓР·РµСЂР°, СЃРѕР·РґР°РЅС‹ СЃ РёСЃРїРѕР»СЊР·РѕРІР°РЅРёРµРј html-РєРѕРґР°. РћР±С‹С‡РЅРѕ РїРѕР»СЊР·РѕРІР°С‚РµР»СЋ РЅРµ РЅСѓР¶РµРЅ СЃР°Рј РєРѕРґ, РЅРѕ РІ РЅРµРєРѕС‚РѕСЂС‹С… СЃР»СѓС‡Р°СЏС… Сѓ РЅРµРіРѕ РјРѕР¶РµС‚ РїРѕСЏРІРёС‚СЊСЃСЏ РЅРµРѕР±С…РѕРґРёРјРѕСЃС‚СЊ РїСЂРѕСЃРјРѕС‚СЂРµС‚СЊ РµРіРѕ, СЃРѕС…СЂР°РЅРёС‚СЊ РёР»Рё РѕС‚РєСЂС‹С‚СЊ РІ СЂРµРґР°РєС‚РѕСЂРµ РєРѕРґР°.
[more]
[B]РРЅСЃС‚СЂСѓРєС†РёСЏ [/B]
1
РЎР°РјС‹Р№ РїСЂРѕСЃС‚РѕР№ СЃРїРѕСЃРѕР± РѕС‚РєСЂС‹С‚РёСЏ html-РєРѕРґР° СЃРІСЏР·Р°РЅ СЃ РёСЃРїРѕР»СЊР·РѕРІР°РЅРёРµРј РІСЃС‚СЂРѕРµРЅРЅС‹С… РІРѕР·РјРѕР¶РЅРѕСЃС‚РµР№ Р±СЂР°СѓР·РµСЂРѕРІ. Р’ РєР°Р¶РґРѕРј РёР· РЅРёС… РµСЃС‚СЊ РѕРїС†РёСЏ РїСЂРѕСЃРјРѕС‚СЂР° РєРѕРґР° СЃС‚СЂР°РЅРёС†С‹. РўР°Рє, РІ Р±СЂР°СѓР·РµСЂРµ [B]Internet Explorer[/B] РґР»СЏ РїСЂРѕСЃРјРѕС‚СЂР° РєРѕРґР° РЅР°РґРѕ РѕС‚РєСЂС‹С‚СЊ РІ РјРµРЅСЋ: [B]В«Р’РёРґВ» - В«РџСЂРѕСЃРјРѕС‚СЂ html-РєРѕРґР°В»[/B].
2
Рў... <a href="https://www.liveinternet.ru/users/marina_grankova/post270139939/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Как посмотреть html-код в разных браузерах

Четверг, 11 Апреля 2013 г. 01:41 + в цитатник
Это цитата сообщения last_Alive [Прочитать целиком + В свой цитатник или сообщество!]

Как посмотреть html-код в разных браузерах

363_1333795794_4211b (310x180, 27Kb)

Интернет-страницы, просматриваемые с помощью браузера, созданы с использованием html-кода. Обычно пользователю не нужен сам код, но в некоторых случаях у него может появиться необходимость просмотреть его, сохранить или открыть в редакторе кода.
Читать далее...

Рубрики:

сайт/html

Комментарии (0)

Очень удобная шпаргалка!!!

Суббота, 24 Ноября 2012 г. 05:39 + в цитатник
Это цитата сообщения fatima62 [Прочитать целиком + В свой цитатник или сообщество!]

Очень удобная шпаргалка!!!

Очень удобная шпаргалка!!!
Жми на картинку и получи шпаргалку.

Рубрики:

сайт/html

Комментарии (0)

Редкие дополнительные символы

Суббота, 28 Июля 2012 г. 21:14 + в цитатник
Это цитата сообщения Sabine_Astana [Прочитать целиком + В свой цитатник или сообщество!]

Редкие дополнительные символы

Это цитата этого сообщения в

®™MONI4KA™®~}

✐ ✐ карандаш ▲ ▲ треугольная стрелка вверх

✑ ✑ перо ▼ ▼ треугольная стрелка вниз

✒ ✒ перо ► ► треугольная стрелка вправо

✓ ✓ галочка ◄ ◄ треугольная стрелка влево

✔ ✔ галочка ■    ■ квадрат закрашенный

✖ ✖ крестик □ □ квадрат

✗ ✗ крестик ● ● круг закрашенный

✘ ✘ крестик ○ ○ круг

✡ ✡ еврейская звезда ☀ ☀ солнце

✪ ✪ звезда ☁ ☁ облако, туча

✫ ✫ звезда ☂ ☂ зонт

&#10028 ✬ звезда ☃ ☃ снеговик

&#10031 ✯ звезда рельефная ★ ★ звезда

✰ ✰ 3-d звезда ☆ ☆ звезда

✿ ✿ цветок ☼ ☼ солнце

✾ ✾ цветок разноцветный ☽ ☽ растущий месяц

❀ ❀ красивый цветок ☾ ☾ убывающий месяц

✽ ✽ цветок ☎ ☎ телефон

✹ ✹ многоугольник ☏ ☏ телефон

✸ ✸ многоугольник ☐ ☐ пункт

✷ ✷ многоугольник ☑ ☑ активный пункт, галочка

✶ ✶ шестиугольник ☒ ☒ активный пункт, крест

❄ ❄ снежинка ☓ ☓ крест

❅ ❅ снежинка ☠ ☠ череп и кости

❆ ❆ снежинка ☪ ☪ мусульманский символ

✎ ✎ карандаш ☭ ☭ серп и молот

✉ ✉ письмо ☯ ☯ инь и янь

✍ ✍ пишущая рука ☹ ☹ грустный смайл

✆ ✆ телефон ☺ ☺ веселый смайл

✄ ✄ ножницы ☻ ☻ веселый смайл

✂ ✂ ножницы ♀ ♀ женщина

❥ ❥ сердце ♂ ♂ мужчина

❦ ❦ сердце-узор ♩ ♩ Четвертная нота

❛ ❛ одиночная кавычка ♪ ♪ Восьмая

❜    ❜ одиночная кавычка ♫ ♫ две восьмые

❝ ❝ двойная кавычка ♬ ♬ шестнадцатая

❞ ❞ двойная кавычка ♭ ♭ бемоль

❍ ❍ шар ♮ ♮ бекар

❒ ❒ куб ♯ ♯ диез

Так как эти символы являются сложными и мелкими, то лучше их вставлять,
изменяя рамер. Для этого воспользуйтесь формулой:

<span style="font-size:16px"> Коды символов</span>

или

<font size="5"> Код символа </font>

Например, <font size="5">✑</font>   Получится: ✑

ещё символы Здесь и ЗДЕСЬ

РАМКИ для ВАС
Волшебные идеи для блога
Эксклюзив от Тараса Ткаченко
"Сказочный Мир Картинок", фоны для дневов и блогов:...)))
Путеводитель по Photoshop В закладки
Волшебные идеи для блога В закладки

Рубрики:

сайт/html

Комментарии (1)

Урок по созданию рамочек с разрывом от MissKcu

Воскресенье, 19 Февраля 2012 г. 05:57 + в цитатник
Это цитата сообщения MissKcu [Прочитать целиком + В свой цитатник или сообщество!]

Урок по созданию рамочек с разрывом от MissKcu

читать дальше...

Коды для рамочек

1. Рамочка с разрывом (картинка или текст) и с фоном

<table background="URL АДРЕС ФОНА"><tr><td><FIELDSET><LEGEND>ТЕкСТ (или КАРТИНКА) в разрыве </LEGEND><center>ТЕКСТ внутри рамки, т.е.ВАШ ПОСТ <center></FIELDSET></td></tr></table>

2. Рамочка с разрывом (картинка или текст) без фона

<FIELDSET><LEGEND>ТЕкСТ (или картинка) в разрыве </LEGEND><center>ТЕКСТ внутри рамки т.е.ВАШ ПОСТ<center></FIELDSET>

3. Просто рамочка, без разрыва и без фона, вокруг вашего текста

<fieldset>ВАШ ТЕКСТ</fieldset>

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 9 - Создаем кнопку-переход на свой блог
Часть 10 - Урок по написанию поста на Ли.ру от MissKcu
Часть 11 - Урок по созданию рамочек с разрывом от MissKcu

Рубрики:

сайт/html

Комментарии (0)

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

Среда, 28 Декабря 2011 г. 05:05 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

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

Рубрики:

сайт/html

Комментарии (0)

Очень полезная HTML-ШПАРГАЛКА

Вторник, 27 Сентября 2011 г. 01:08 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Очень полезная HTML-ШПАРГАЛКА

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

Все нужное для вас

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post179454133/">HTML-С…СѓР»РёРіР°РЅСЃС‚РІРѕ))))</a><br/>HTML-С…СѓР»РёРіР°РЅСЃС‚РІРѕ))))

РҐРѕС‚РёРј СЃРґРµР»Р°С‚СЊ С‚Р°Рє??

zomkazomkazomkazomka

РґРµР»Р°РµРј....РІРѕС‚ РєРѕРґ...
Р”Р»СЏ С‚РѕРіРѕ С‡С‚РѕР±С‹ СЃРєРѕРїРёСЂРѕРІР°С‚СЊ РєРѕРґ РІ СЌС‚РѕРј РѕРєРѕС€РєРµ РєРѕРґР°, РЅР°РґРѕ РїРѕСЃС‚Р°РІРёС‚СЊ РєСѓСЂСЃРѕСЂ РЅР° РЅР°С‡Р°Р»Рѕ РєРѕРґР° Рё Р·Р°Р¶Р°РІ Р»РµРІСѓСЋ РєРЅРѕРїРєСѓ РјС‹С€РєРё РїСЂРѕСЃС‚Рѕ "РїСЂРѕРіР»Р°РґРёС‚СЊ" РєРѕРґ РѕС‚ РЅР°С‡Р°Р»Р° РґРѕ РєРѕРЅС†Р°.....С‚Р°Рє РєР°Рє РјС‹ РІС‹РґРµР»СЏРµРј РѕС‚РґРµР»СЊРЅС‹Рµ С‡Р°СЃС‚Рё РІ С‚РµРєСЃС‚Рµ))))Рђ РєРѕРіРґР° РїРѕРґРІРѕРґРёРј РєСѓСЂСЃРѕСЂ Рє РЅРёР¶РЅРµРјСѓ РєСЂР°СЋ СЂР°РјРєРё,РїСЂРѕРіР»Р°Р¶РёРІР°СЏ РєРѕРґ-РєРѕРґ РЅР°С‡РёРЅР°РµС‚ РїСЂРѕРєСЂСѓС‡РёРІР°С‚СЊСЃСЏ....С‚РѕР»СЊРєРѕ РЅР°РґРѕ РјРµРґР»РµРЅРЅРѕ РІРµСЃС‚Рё РєСѓСЂСЃРѕСЂРѕРј....Рђ РµС‰Рµ РїСЂРѕС‰Рµ...РїРѕР»Р·СѓРЅРєРѕРј Р±РѕРєРѕРІС‹Рј РїРµСЂРµРІРµСЃС‚Рё РЅР° РєРѕРЅРµС† РєРѕРґР° Рё СЃРєРѕРїРёСЂРѕРІР°С‚СЊ С‚Р°Рє СЃ РєРѕРЅС†Р°.....СЃРЅРёР·Сѓ РІРІРµСЂС…....С‚РѕРіРґР° РІСЃРµ С€СѓСЃС‚СЂРµРЅСЊРєРѕ РєРѕРїРёСЂСѓРµС‚СЃСЏ))))

&lt;marquee bgcolor=... <a href="https://www.liveinternet.ru/users/marina_grankova/post179454133/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

HTML-хулиганство))))

Среда, 10 Августа 2011 г. 06:14 + в цитатник
Это цитата сообщения zomka [Прочитать целиком + В свой цитатник или сообщество!]

HTML-хулиганство))))

Хотим сделать так??

zomkazomkazomkazomka

делаем....вот код...
Для того чтобы скопировать код в этом окошке кода, надо поставить курсор на начало кода и зажав левую кнопку мышки просто "прогладить" код от начала до конца.....так как мы выделяем отдельные части в тексте))))А когда подводим курсор к нижнему краю рамки,проглаживая код-код начинает прокручиваться....только надо медленно вести курсором....А еще проще...ползунком боковым перевести на конец кода и скопировать так с конца.....снизу вверх....тогда все шустренько копируется))))

<marquee bgcolor="pink" width="25%">ВАШ ТЕКСТ</marquee><marquee bgcolor="aqua" width="25%" direction="right">ВАШ ТЕКСТ</marquee><marquee bgcolor="silver" width="25%">ВАШ ТЕКСТ</marquee><marquee bgcolor="aqua" width="25%" direction="right">ВАШ ТЕКСТ</marquee>

Можно вместо слов вставить коды картинки(одинаковые по размеру) и тогда будет так как в комментариях хулиганили....

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post175773434/">РљР°Рє РїРѕРјРµРЅСЏС‚СЊ РєРѕРґ С„Р»РµС€-РєР°СЂС‚РёРЅРєРё(РЅР° Р›Рё.СЂСѓ) РЅР° html-РєРѕРґ РґР»СЏ РґСЂСѓРіРёС… СЃР°Р№С‚РѕРІ.РЈСЂРѕРє.</a><br/>РљР°Рє РїРѕРјРµРЅСЏС‚СЊ РєРѕРґ С„Р»РµС€-РєР°СЂС‚РёРЅРєРё(РЅР° Р›Рё.СЂСѓ) РЅР° html-РєРѕРґ РґР»СЏ РґСЂСѓРіРёС… СЃР°Р№С‚РѕРІ.РЈСЂРѕРє.

РџРѕСЃР»РµРґРЅРµРµ РІСЂРµРјСЏ РЅР° Р›Рё.СЂСѓ РІС‹СЃС‚Р°РІР»СЏРµС‚СЃСЏ РјРЅРѕРіРѕ РїРѕСЃС‚РѕРІ СЃ С„Р»РµС€-РєР°СЂС‚РёРЅРєР°РјРё.РќРѕ РїРѕРґ РєР°СЂС‚РёРЅРєР°РјРё СЃС‚РѕСЏС‚ РєРѕРґС‹,РєРѕС‚РѕСЂС‹Рµ СЂР°Р±РѕС‚Р°СЋС‚ С‚РѕР»СЊРєРѕ РЅР° Р›Рё.СЂСѓ,Р±РѕР»СЊС€Рµ РЅРёРіРґРµ.Рђ Сѓ РјРЅРѕРіРёС… РµСЃС‚СЊ РµС‰Рµ СЃС‚СЂР°РЅРёС‡РєРё РЅР° РґСЂСѓРіРёС… СЃР°Р№С‚Р°С…,РЅР° РЇ.СЂСѓ,РЅР° РњР°Р№Р».СЂСѓ Рё С‚Р°Рє РґР°Р»РµРµ.Р РѕС‡РµРЅСЊ С…РѕС‡РµС‚СЃСЏ С‚Р°Рј С‚РѕР¶Рµ РїРѕРґРµР»РёС‚СЊСЃСЏ СЌС‚РѕР№ РєСЂР°СЃРѕС‚РѕР№,РЅРѕ РєРѕРґС‹ РЅРµ РїРѕР·РІРѕР»СЏСЋС‚ СЌС‚РѕРіРѕ РґРµР»Р°С‚СЊ.РљРѕ РјРЅРµ РјРЅРѕРіРѕ РѕР±СЂР°С‰Р°СЋС‚СЃСЏ Р·Р° РїРѕРјРѕС‰СЊСЋ РёР»Рё СЂР°Р·СЉСЏСЃРЅРµРЅРёРµРј,РєР°Рє РїРѕРјРµРЅСЏС‚СЊ РєРѕРґ,С‡С‚РѕР±С‹ РјРѕР¶РЅРѕ Р±С‹Р»Рѕ РґРµР»РёС‚СЊСЃСЏ С„Р»РµС€РєР°РјРё РЅР° РґСЂСѓРіРёС… СЃР°Р№С‚Р°С….Р СЏ СЂРµС€РёР»Р° РѕРїСЏС‚СЊ РІР°Рј РїРѕРјРѕС‡СЊ РІ СЌС‚РѕРј РІРѕРїСЂРѕСЃРµ,РїРѕРїСЂРѕР±СѓСЋ РѕР±СЉСЏСЃРЅРёС‚СЊ.РќРѕ РїРѕРєР° РІС‹ Р±СѓРґРµС‚Рµ РёР·СѓС‡Р°С‚СЊ РІСЃРµ СЌ... <a href="https://www.liveinternet.ru/users/marina_grankova/post175773434/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Как поменять код флеш-картинки(на Ли.ру) на html-код для других сайтов.Урок.

Четверг, 14 Июля 2011 г. 05:23 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Как поменять код флеш-картинки(на Ли.ру) на html-код для других сайтов.Урок.

Последнее время на Ли.ру выставляется много постов с флеш-картинками.Но под картинками стоят коды,которые работают только на Ли.ру,больше нигде.А у многих есть еще странички на других сайтах,на Я.ру,на Майл.ру и так далее.И очень хочется там тоже поделиться этой красотой,но коды не позволяют этого делать.Ко мне много обращаются за помощью или разъяснением,как поменять код,чтобы можно было делиться флешками на других сайтах.И я решила опять вам помочь в этом вопросе,попробую объяснить.Но пока вы будете изучать все это,и привыкать к кодам,я пока буду выставлять по два кода под флешками,один для Ли.ру,другой HTML-код.ИТАК,
перед вами флеш-картинка,часики и плеер,я их уменьшила в размере,чтобы они стояли в ряд.Под ними коды,которые работают здесь.

В каждой флешке,как и в открытке есть адрес,возьмем для примера адрес первой флеш-картинки.Вот он:

http://www.xcwhw.cn/fla/bb/th/1.swf

В коде на Ли.ру перед адресом стоят размеры флешки-высота и ширина,вот смотрите:

[flash=500,500,http://www.xcwhw.cn/fla/bb/th/1.swf]

Теперь внимание:чтобы поменять код в этом случае,нужен вот такой код,шаблон:

<embed src="АДРЕС ФЛЕШКИ,ЧАСИКОВ,ПЛЕЕРА"width="ширина"height="высота">

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

Рубрики:

сайт/html
инструкции

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post171209756/">РљРђР РўРРќРљРђ Р’ РЈР“Р›РЈ Р—РђРџРРЎР.РЈР РћРљ 2</a><br/>РљРђР РўРРќРљРђ Р’ РЈР“Р›РЈ Р—РђРџРРЎР.РЈР РћРљ 2

РќРµРґР°РІРЅРѕ СЏ РІС‹СЃС‚Р°РІР»СЏР»Р°  СѓСЂРѕРє,РєРѕРіРґР° РЅСѓР¶РЅРѕ РІ СЂР°РјРѕС‡РєР°С… РёР»Рё РїСЂРѕСЃС‚Рѕ РІ Р·Р°РїРёСЃРё РїРѕСЃС‚Р°РІРёС‚СЊ РєР°СЂС‚РёРЅРєСѓ РІ СѓРіРѕР»РѕРє ...РЅРѕ РІРІРµСЂС…Сѓ.РЎРµР№С‡Р°СЃ РїРµСЂРµРґ РІР°РјРё РґРІР° РѕР±СЂР°Р·С†Р°:РіРґРµ РІ РїРµСЂРІРѕРј СЃР»СѓС‡Р°Рµ РІ СЂР°РјРѕС‡РєРµ РєР°СЂС‚РёРЅРєР° РєР°Рє Р±С‹ СЂР°СЃРїРѕР»РѕР¶РµРЅР° "СЃР»РµРІР°" Рё "СЃРїСЂР°РІР°" РіРґРµ-С‚Рѕ РїРѕСЃРµСЂРµРґРёРЅРµ С‚РµРєСЃС‚Р°,РѕРЅ РєР°Рє Р±С‹ РѕР±С‚РµРєР°РµС‚ РєР°СЂС‚РёРЅРєСѓ...Рђ РІРѕ РІС‚РѕСЂРѕРј РїСЂРёРјРµСЂРµ,РєР°СЂС‚РёРЅРєР° Р°РЅР°Р»РѕРіРёС‡РЅРѕ,РЅРѕ РІРЅРёР·Сѓ "СЃР»РµРІР°" Рё "СЃРїСЂР°РІР°".РџРѕРЅСЏС‚РЅРѕ,РґР°?
РџРѕРґ РєР°СЂС‚РёРЅРєР°РјРё РїСЂРёРІРѕР¶Сѓ РєРѕРґС‹ Рё С‚РµС… Рё РґСЂСѓРіРёС… РѕР±СЂР°Р·С†РѕРІ.РљРѕРґС‹ РІРјРµСЃС‚Рµ СЃ РєРѕРґРѕРј СЂР°РјРѕС‡РєРё,СЃРѕ СЃС‚РёС…РѕРј.РЇ РїРѕРґСѓРјР°Р»Р°,С‡С‚Рѕ РІР°Рј С‚Р°Рє Р±СѓРґРµС‚ Р»РµРіС‡Рµ РїРѕРЅСЏС‚СЊ,РєР°Рє РІСЃРµ РґРѕР»Р¶РЅРѕ СЂР°СЃРїРѕР»Р°РіР°С‚СЊСЃСЏ,РіРґРµ С‡С‚Рѕ РґРѕР»Р¶РЅРѕ СЃС‚РѕСЏС‚СЊ.Р’РµРґСЊ РІ РѕСЃРЅРѕРІРЅРѕРј РјС‹ РёРјРµРµРј РґРµР»... <a href="https://www.liveinternet.ru/users/marina_grankova/post171209756/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

КАРТИНКА В УГЛУ ЗАПИСИ.УРОК 2

Среда, 15 Июня 2011 г. 00:44 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

КАРТИНКА В УГЛУ ЗАПИСИ.УРОК 2

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

Смысл жизни нашей - это путь тернистый,
И в нем означен доблестный завет:
Жить надо так,чтобы еще при жизни
В сердцах людей оставить добрый след.

Ну а когда исчезну я с планеты
И млечной пылью растворюсь во мгле -
В цветенье трав иль в полыханье лета
Хочу остаться с вами на Земле.

В чем жизни смысл?
В любой ее минуте.
А может,в том,что вертится Земля...
Но на переднем плане почему-то
Я ставлю счастье на повестку дня.

"О счастье мы всегда лишь вспоминаем,
А счастье всюду.Может быть,оно
Вот этот сад осенний за сараем
И чистый воздух,льющийся в окно".

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

Рубрики:

сайт/html

Комментарии (0)

УРОКИ -Защита изображения от копирования

Понедельник, 06 Июня 2011 г. 03:51 + в цитатник
Это цитата сообщения Liudmila_Sceglova [Прочитать целиком + В свой цитатник или сообщество!]

УРОКИ -Защита изображения от копирования.

Защита изображения
от копирования.

Попробуйте скопировать это изображение...

Не получилось?

На самом деле ничего сложного.

Берем эту формулу!

Идем на наш любименький Радикал.
Снимаем на его панели все галочки.
Загружаем своё изображение,которое хотим защитить.
Копируем 1-ю строку с Радикала и запоминаем
размер изображения(ширину и высоту)

1-ю строку с Радикала вставляем в формулу,
вместо моих слов -Ваша картинка.
Вносим ширину и высоту изображения.

Вот собственно и весь секрет.
Конечно защита не очень надежная от тех,
кто разбирается в HTML или умеет делать скриншоты.
Но хоть что то...

Удачи!

от Светланика.

Рубрики:

сайт/html
инструкции

Комментарии (0)

ВСЕ о тегах и оформлении постов

Суббота, 28 Мая 2011 г. 16:03 + в цитатник
Это цитата сообщения [Прочитать целиком + В свой цитатник или сообщество!]

ВСЕ о тегах и оформлении постов

Элементарные формы оформления

Жирный текст

Текст курсивом

Подчеркнутый текст

Мааахонький текст ;)

~~Зачеркнутый текст~~

Простой текст и Здесь всплывающая подсказка

Размер шрифта +1

Размер шрифта +2

Размер шрифта +3

Размер +4

Текст _{Сноской} внизу

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

Текст ^{Сноской} вверху

<sup>ТЕКСТ</sup>

Цитата с отступом

<blockquote> ВАШ текст</blockquote>

Текст (или картинка) по центру

<center>ВАШ текст</center>

Закрепить текст

<pre>ВАШ текст</pre>

Текст с точкой в начале<ul><br /><li>ВАШ текст<br /></li></ul>

<left>ВАШ текст слева</left>

Путин едет по стране на серебряном коне
Путин всем людЯм поможет, дай ему здоровья, Боже.
Всех бандитов перебьёт, работягам он нальёт.
Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

<right>ВАШ текст справа</right>

Путин едет по стране на серебряном коне
Путин всем людЯм поможет, дай ему здоровья, Боже.
Всех бандитов перебьёт, работягам он нальёт.
Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

[more=Текст ссылки перехода]То что будет скрыто под катом[/more]

Если ваш пост слишком большой 
можете скрыть часть вашего поста под кат

<pre><ol><br />
<li> первый пункт<br />
</li><li> второй пункт<br />
</li><li> третий пункт<br />
</li></ol></pre>



 первый пункт

 второй пункт

 третий пункт

Дальше ж Больше >>>>

+ Цитировать

Рубрики:

сайт/html

Комментарии (0)

Инет учебник по верстке

Среда, 18 Мая 2011 г. 05:21 + в цитатник
Это цитата сообщения count_one [Прочитать целиком + В свой цитатник или сообщество!]

Инет учебник по верстке

http://htmlbook.ru/

Для тех, кто делает сайты.

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post149496689/">РЎРѕР·РґР°РЅРёРµ СЃСЃС‹Р»РѕРє РЅР° СѓС‡Р°СЃС‚РєР°С… РёР·РѕР±СЂР°Р¶РµРЅРёСЏ: РєР°СЂС‚Р° (map) СЃСЃС‹Р»РѕРє</a><br/>РЎРѕР·РґР°РЅРёРµ СЃСЃС‹Р»РѕРє РЅР° СѓС‡Р°СЃС‚РєР°С… РёР·РѕР±СЂР°Р¶РµРЅРёСЏ: РєР°СЂС‚Р° (map) СЃСЃС‹Р»РѕРє

Р’ РїСЂРµРґС‹РґСѓС‰РµРј РїРѕСЃС‚Рµ &quot;РЎРѕР·РґР°РЅРёРµ РєР°СЂС‚С‹ (map) РґР»СЏ СЃСЃС‹Р»РѕРє РІ Photoshop&quot; СЏ СЃРґРµР»Р°Р» Р·Р°РіРѕС‚РѕРІРєСѓ РґР»СЏ СЂР°Р·РјРµС‰РµРЅРёСЏ РЅР° РѕРїСЂРµРґРµР»РµРЅРЅС‹С… РµРµ СѓС‡Р°СЃС‚РєР°С… СЃСЃС‹Р»РѕРє РЅР° СЂР°Р·РЅС‹Рµ web-СЃС‚СЂР°РЅРёС†С‹. Р•СЃР»Рё РєР»РёРєРЅСѓС‚СЊ РЅР° С„РёРіСѓСЂС‹ СЃ РЅР°РґРїРёСЃСЏРјРё, С‚Рѕ РѕС‚РєСЂРѕСЋС‚СЃСЏ СЃРѕРѕС‚РІРµС‚СЃС‚РІСѓСЋС‰РёРµ РёРј СЃС‚СЂР°РЅРёС‡РєРё: РїСЂРѕС„РёР»СЊ, РґРЅРµРІРЅРёРє РёР»Рё РІСЃРµ РїРѕСЃС‚С‹ РёР· СЂР°Р·РґРµР»Р° &quot;РЈСЂРѕРєРё Photoshop&quot;
&nbsp;

[more=РљР°Рє СЏ СЌС‚Рѕ СЃРґРµР»Р°Р»]
Р”Р»СЏ С‚РѕРіРѕ, С‡С‚РѕР±С‹ РєР°СЂС‚РёРЅРєР° Р·Р°СЂР°Р±РѕС‚Р°Р»Р°, СЏ РЅР°РїРёСЃР°Р» HTML-РєРѕРґ:&nbsp;
&lt;img width=&quot;640&quot; height=&quot;367&quot; alt=&quot;&quot; src=&quot;[url]//s45.radikal.ru/i1... <a href="https://www.liveinternet.ru/users/marina_grankova/post149496689/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Создание ссылок на участках изображения: карта (map) ссылок

Суббота, 29 Января 2011 г. 01:58 + в цитатник
Это цитата сообщения BraveDefender [Прочитать целиком + В свой цитатник или сообщество!]

Создание ссылок на участках изображения: карта (map) ссылок

В предыдущем посте "Создание карты (map) для ссылок в Photoshop" я сделал заготовку для размещения на определенных ее участках ссылок на разные web-страницы. Если кликнуть на фигуры с надписями, то откроются соответствующие им странички: профиль, дневник или все посты из раздела "Уроки Photoshop"

Как я это сделал

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post143350788/">РљРѕРґС‹ РґР»СЏ РѕС„РѕСЂРјР»РµРЅРёСЏ Р±Р»РѕРіР°.</a><br/>РљРѕРґС‹ РґР»СЏ РѕС„РѕСЂРјР»РµРЅРёСЏ Р±Р»РѕРіР°.

РљРѕРґС‹ РґР»СЏ РѕС„РѕСЂРјР»РµРЅРёСЏ Р±Р»РѕРіР°РћРєРѕС€РєРѕ РґР»СЏ РєРѕРґР° - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° (СЂР°Р·СЂС‹РІ СЃР»РµРІР°) - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° (СЂР°Р·СЂС‹РІ СЃРїСЂР°РІР°) - 
РљР°СЂС‚РёРЅРєРё РІ Р·Р°РїРёСЃРё
РљР°СЂС‚РёРЅРєР° СЃР»РµРІР° РѕС‚ С‚РµРєСЃС‚Р° - 
РљР°СЂС‚РёРЅРєР° СЃРїСЂР°РІР° РѕС‚ С‚РµРєСЃС‚Р° - 
РљР°СЂС‚РёРЅРєРё РїРѕ Р±РѕРєР°Рј С‚РµРєСЃС‚Р° - РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ:
2 РєР°СЂС‚РёРЅРєРё - 
[more]
3 РєР°СЂС‚РёРЅРєРё - 
4 РєР°СЂС‚РёРЅРєРё - 
5 РєР°СЂС‚РёРЅРѕРє - 
6 РєР°СЂС‚РёРЅРѕРє - 
РљРЅРѕРїРєРё РІ Р·Р°РїРёСЃРё
РўРµРєСЃС‚ РЅР° РєРЅРѕРїРєРµ - 
РљР°СЂС‚РёРЅРєР° РЅР° РєРЅРѕРїРєРµ - 
РўРµРєСЃС‚ Рё РєР°СЂС‚РёРЅРєР° РЅР° РєРЅРѕРїРєРµ - 
РљРЅРѕРїРєР° РЅР° С„РѕРЅРµ - 
РќРѕРјРµСЂР° СЃС‚СЂР°РЅРёС† РІ Р±Р»РѕРіРµ - 
Р Р°РјРєР° СЃ РєР°СЂС‚РёРЅРєР°РјРё РїРѕ СѓРіР»Р°Рј - 
РўР°Р±Р»РёС†Р° -

.... <a href="https://www.liveinternet.ru/users/marina_grankova/post143350788/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Четверг, 09 Декабря 2010 г. 05:01 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

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

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

Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста - Картинки в ряд:
2 картинки -

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

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post143230672/">РљР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ РЅРµСЃРєРѕР»СЊРєРѕ СЌР»РµРјРµРЅС‚РѕРІ РЅР° СЃС‚СЂР°РЅРёС‡РєРµ СЂСЏРґРѕРј РґСЂСѓРі СЃ РґСЂСѓРіРѕРј.РЈСЂРѕРє РґР»СЏ РЅР°С‡РёРЅР°СЋС‰РёС…!</a><br/>РљР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ РЅРµСЃРєРѕР»СЊРєРѕ СЌР»РµРјРµРЅС‚РѕРІ РЅР° СЃС‚СЂР°РЅРёС‡РєРµ СЂСЏРґРѕРј РґСЂСѓРі СЃ РґСЂСѓРіРѕРј.РЈСЂРѕРє РґР»СЏ РЅР°С‡РёРЅР°СЋС‰РёС…!

РљРѕРіРґР° СЏ С‚РѕР»СЊРєРѕ РЅР°С‡РёРЅР°Р»Р° РёР·СѓС‡Р°С‚СЊ РєР°Рє Рё РјРЅРѕРіРёРµ РёР· РІР°СЃ РІСЃРµ РґРµС‚Р°Р»Рё,С‡С‚Рѕ С‚Р°РєРѕРµ РєРѕРґС‹,РєР°Рє СЃС‚Р°РІРёС‚СЊ,РіРґРµ СЃС‚Р°РІРёС‚СЊ-РІРѕР·РЅРёРєР°Р»Рѕ РјРЅРѕРіРѕ РІРѕРїСЂРѕСЃРѕРІ Рё РІРµРґСЊ РєР°Р¶РґС‹Р№ СЂР°Р· С‚СЂРµР±РѕРІР°Р»РёСЃСЊ РѕС‚РІРµС‚С‹ РЅР° РЅРёС….РЇ СЃР°РјР° СЃС‚РѕР»РєРЅСѓР»Р°СЃСЊ Рё РµС‰С‘ СЃС‚РѕР»РєРЅСѓСЃСЊ СѓРІРµСЂРµРЅР°,С‡С‚Рѕ Р±С‹РІР°РµС‚ РЅСѓР¶РЅРѕ СЃРїСЂРѕСЃРёС‚СЊ Рё РЅРµ Сѓ РєРѕРіРѕ...РљР°Рє РЅРµРѕС…РѕС‚РЅРѕ РѕС‚РІРµС‡Р°СЋС‚ РЅР° РІРѕРїСЂРѕСЃС‹ РЅРѕРІРёС‡РєРѕРІ СѓР¶Рµ "РїРѕРІР·СЂРѕСЃР»РµРІС€РёРµ" РїРѕР»СЊР·РѕРІР°С‚РµР»Рё,РєР°Рє Р±СѓРґС‚Рѕ Рё СЃР°РјРё РЅРµ Р±С‹Р»Рё С‡Р°Р№РЅРёРєР°РјРё.РќРµС‚ РІСЂРµРјРµРЅРё Рё СЌС‚Рѕ РїРѕРЅСЏС‚РЅРѕ.Р’РµРґСЊ РЅСѓР¶РЅРѕ РІСЃС‘ СЂР°Р·Р¶РµРІР°С‚СЊ Рё РїРѕРЅСЏС‚РЅС‹Рј СЏР·С‹РєРѕРј РѕР±СЉСЏСЃРЅРёС‚СЊ,РєСѓРґР°,РєР°Рє Рё РґР»СЏ С‡РµРіРѕ... РњРЅРѕРіРёРµ РЅРµ Р·РЅР°СЋС‚ РљР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ РЅ... <a href="https://www.liveinternet.ru/users/marina_grankova/post143230672/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!

Вторник, 07 Декабря 2010 г. 03:54 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!

(180x140, 35Kb)

Когда я только начинала изучать как и многие из вас все детали,что такое коды,как ставить,где ставить-возникало много вопросов и ведь каждый раз требовались ответы на них.Я сама столкнулась и ещё столкнусь уверена,что бывает нужно спросить и не у кого...Как неохотно отвечают на вопросы новичков уже "повзрослевшие" пользователи,как будто и сами не были чайниками.Нет времени и это понятно.Ведь нужно всё разжевать и понятным языком объяснить,куда,как и для чего... Многие не знают Как расположить несколько элементов на страничке рядом друг с другом.Например,как выставить рядом картинки,смайлики или снежинки...Я тоже раньше не могла и спрашивать было некого,лишний раз не хотела раздражать своими вопросами.Сегодня я попробую вам объяснить,как это делать и с помощью чего...Первые шаги так сказать для начинающих,кто только начал делать шаги в области постов с картинками
ИТАК ПОЕХАЛИ:
Пока я знаю только два способа,которые подходят для картинок, флешек, часиков, линеечек и так далее
Первый способ: МЕЖДУ КОДАМИ ДВУХ КАРТИНОК ВСТАВЬТЕ НЕРАЗРЫВНЫЙ ПРОБЕЛ  
ПРИМЕР:<код первой кнопки> <код второй кнопки> <код третьей кнопки>

Но учтите: этот способ не работает, если вы хотите поставить что-то рядом с табличкой.Например,под картинкой поставить код.

Жмём и читаем урок полностью

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post141465097/"> Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.</a><br/>РЈСЂРѕРє 5. Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.

Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.
Р”Р»СЏ С‚РµС… РєС‚Рѕ РїСЂРёСЃРѕРµРґРёРЅРёР»СЃСЏ Рє РЅР°Рј РѕСЃС‚Р°РІРёР»Р° РІСЃРµ РїСЂРµРґС‹РґСѓС‰РёРµ РјРѕРё РѕР±СЉСЏСЃРЅРµРЅРёСЏ, С‡С‚Рѕ Р±С‹ Р±С‹Р»Рѕ РїРѕРЅСЏС‚РЅРѕ, (С‡С‚Рѕ Рё РєР°Рє) СЂР°РјРєР° РїРѕС‡С‚Рё РЅРµ РёР·РјРµРЅРёР»Р°СЃСЊ С‚РѕР»СЊРєРѕ РґРѕР±Р°РІРёР»СЃСЏ РµС‰Рµ РѕРґРёРЅ СЃР»РѕР№. Р Р°РјРєСѓ С‚РѕР¶Рµ РЅРµ РјРµРЅСЏР»Р° РґР»СЏ С‚РѕРіРѕ С‡С‚Рѕ Р±С‹ РІС‹ РјРѕРіР»Рё СЂР°СЃСЃРјРѕС‚СЂРµС‚СЊ СЂР°Р·РЅРёС†Сѓ. 
Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРѕС‡РєСѓ РёР· 6-С… СЃР»РѕРµРІ (С„РѕРЅРѕРІ)
Р’РѕС‚ С‚Р°РєСѓСЋ.
 Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚.   Р Р°РјРѕС‡РєР° РѕС‚ Nataliya  Bezushko
[more=РґР°Р»СЊС€Рµ СѓСЂРѕРє>>>>]
РҐРѕС‡РµС‚СЃСЏ РїРѕРґС‡РµСЂРєРЅСѓС‚СЊ, С‡С‚Рѕ РІСЃС‚Р°РІР»СЏС‚СЊ СЃРІРѕРё Р°РґСЂРµСЃР° Рё С†РёС„СЂС‹ РЅРµРѕР±С…РѕРґРёРјРѕ Р°РєРєСѓСЂР°С‚РЅРѕ, РѕС‚ РєР°РІС‹С‡РєРё РґРѕ РєР°РІС‹С‡РєРё, РќР• РћРЎРўРђР’Р›РЇРЇ РџР РћР‘Р•Р›РћР’.

РЈРіРѕР»РєРё.

... <a href="https://www.liveinternet.ru/users/marina_grankova/post141465097/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Делаем вместе рамку с уголками.

Понедельник, 22 Ноября 2010 г. 01:12 + в цитатник
Это цитата сообщения nataliya_bezushko [Прочитать целиком + В свой цитатник или сообщество!]

Урок 5. Делаем вместе рамку с уголками.

Делаем вместе рамку с уголками.
Для тех кто присоединился к нам оставила все предыдущие мои объяснения, что бы было понятно, (что и как) рамка почти не изменилась только добавился еще один слой. Рамку тоже не меняла для того что бы вы могли рассмотреть разницу.
Делаем вместе рамочку из 6-х слоев (фонов)
Вот такую.


	Здесь будет ваш текст.

Рамочка от Nataliya Bezushko

дальше урок>>>>

Рубрики:

фотошоп/рамки
сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post141464601/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>Р’СЃС‘ Рѕ NTML...

Р‘СѓРєРІР°Р»СЊРЅРѕ РІСЃС‘ РґР»СЏ РЅРѕРІРёС‡РєРѕРІ Рё РЅРµ С‚РѕР»СЊРєРѕ...

РљРѕРґ РєСЂР°С‚РєРѕР№ С€РїР°СЂРіР°Р»РєРё РґР»СЏ  Р’Р°С€РµРіРѕ Р±Р»РѕРіР°
РџСЂРёРЅС†РёРїС‹ HTML
РљР°Рє РІСЃС‚Р°РІР»СЏС‚СЊ РіРѕС‚РѕРІС‹Рµ РєРѕРґС‹
Р Р°Р·РґРµР»РёС‚РµР»СЊРЅС‹Рµ Р»РёРЅРёРё
РЎРїРѕСЃРѕР±С‹ РІС‹РґРµР»РµРЅРёСЏ С‚РµРєСЃС‚Р°
РЎРїРёСЃРєРё HTML
Р‘РµРіСѓС‰Р°СЏ СЃС‚СЂРѕРєР°
РЁСЂРёС„С‚С‹ HTML
РљР°Рє РёР·РјРµРЅРёС‚СЊ СЂР°Р·РјРµСЂ, С†РІРµС‚ Рё С€СЂРёС„С‚ С‚РµРєСЃС‚Р°
РљСЂР°СЃРёРІС‹Р№ С‚РµРєСЃС‚
РЈР±СЂР°С‚СЊ РїРѕРґ РєР°С‚
Р¦РІРµС‚Р° HTML
Flash-РїСЂРѕРіСЂР°РјРјС‹ РїРѕ РїРѕРґР±РѕСЂСѓ С†РІРµС‚Р°
РўР°Р±Р»РёС†Р° С†РІРµС‚Р° HTML, Р±СѓРєРІРµРЅРЅРѕРµ РЅР°РїРёСЃР°РЅРёРµ
РўР°Р±Р»РёС†Р° HTML
РљР°Рє Р±С‹СЃС‚СЂРѕ СЃРєРѕРїРёСЂРѕРІР°С‚СЊ РёР·РѕР±СЂР°Р¶РµРЅРёРµ
РљР°Рє Р·Р°С‰РёС‚РёС‚СЊ РёР·РѕР±СЂР°Р¶РµРЅРёРµ РѕС‚ РєРѕРїРёСЂРѕРІР°РЅРёСЏ
Р¤РѕРЅ РґР»СЏ Р·Р°РїРёСЃРё
РљР°Рє РЅР°РїРёСЃР°С‚СЊ РЅР° РєР°СЂС‚РёРЅРєРµ Р±РµР· С„РѕС‚РѕС€РѕРїР°
РћС„РѕСЂРјР»РµРЅРёРµ СЃСЃС‹Р»РѕРє
РљРЅРѕРїРєРё РґР»СЏ СЃР°Р№С‚Р°
РРЅС‚РµСЂР°РєС‚РёРІРЅРѕРµ РёР·РѕР±... <a href="https://www.liveinternet.ru/users/marina_grankova/post141464601/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Понедельник, 22 Ноября 2010 г. 01:07 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Всё о NTML...

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

Код краткой шпаргалки для Вашего блога

Принципы HTML

Как вставлять готовые коды

Разделительные линии

Способы выделения текста

Списки HTML

Бегущая строка

Шрифты HTML

Как изменить размер, цвет и шрифт текста

Красивый текст

Убрать под кат

Цвета HTML

Flash-программы по подбору цвета

Таблица цвета HTML, буквенное написание

Таблица HTML

Как быстро скопировать изображение

Как защитить изображение от копирования

Фон для записи

Как написать на картинке без фотошопа

Оформление ссылок

Кнопки для сайта

Интерактивное изображение

Как сделать бродилку

составление кнопок бродилки в виде таблицы, имитац...

Как изменить размер плеера

Вставка Flash

Окошко для кодов

HTML-редактор

Шпаргалка по HTML для блоггера

NATALKA

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post141462976/">РџРѕРґРїРёСЃР°С‚СЊ РєР°СЂС‚РёРЅРєСѓ. (РїР°РјСЏС‚РєР°)</a><br/>РџРѕРґРїРёСЃР°С‚СЊ РєР°СЂС‚РёРЅРєСѓ. (РїР°РјСЏС‚РєР°)

Р‘С‹СЃС‚СЂРѕ РЅР°Р»РѕР¶РёС‚СЊ С‚РµРєСЃС‚ РЅР° РєР°СЂС‚РёРЅРєСѓ Р±РµР· РіСЂР°С„РёС‡РµСЃРєРёС… СЂРµРґР°РєС‚РѕСЂРѕРІ:

Р’РђРЁ РўР•РљРЎРў

Р’ Р·РЅР°С‡РµРЅРёСЏ width Рё height РІРјРµСЃС‚Рѕ РјРЅРѕРіРѕС‚РѕС‡РёР№ СЃС‚Р°РІСЏС‚СЃСЏ СЂР°Р·РјРµСЂС‹ РєР°СЂС‚РёРЅРєРё (РёС… РјРѕР¶РЅРѕ СѓР·РЅР°С‚СЊ РёР· РїСѓРЅРєС‚Р° &#8220;РЎРІРѕР№СЃС‚РІР°&#8221; РІР°С€РµР№ РєР°СЂС‚РёРЅРєРё)
РњРѕР¶РЅРѕ РёР·РјРµРЅРёС‚СЊ Р·РЅР°С‡РµРЅРёРµ valign="bottom" . РР·РјРµРЅРёС‚СЊСЃСЏ РїРѕР»РѕР¶РµРЅРёРµ С‚РµРєСЃС‚Р° РЅР° РєР°СЂС‚РёРЅРєРµ. "bottom" (С‚РµРєСЃС‚ - РІРЅРёР·Сѓ) РёР·РјРµРЅРёС‚СЊ РЅР°  "middle"( С‚РµРєСЃС‚ Р±СѓРґРµС‚ РѕС‚РѕР±СЂР°Р¶Р°С‚СЊСЃСЏ РїРѕСЃРµСЂРµРґРёРЅРµ) РёР»Рё РёР·РјРµРЅРёС‚СЊ РЅР° "top" (С‚РµРєСЃС‚ РѕРєР°Р¶РµС‚СЊСЃСЏ РІРІРµСЂС…Сѓ).

font color="#FF0000" - Р¦РІРµС‚ С‚РµРєСЃС‚Р°.
size="+2" - Р Р°Р·РјРµСЂ С‚РµРєСЃС‚Р°. 
Р§РµРј Р±РѕР»СЊС€Рµ С†РёС„СЂР°, С‚РµРј РєСЂСѓРїРЅРµРµ С€СЂРёС„С‚.
Р’РѕС‚ РїСЂРёРјРµСЂРЅС‹Р№ СЂРµР·СѓР»... <a href="https://www.liveinternet.ru/users/marina_grankova/post141462976/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Подписать картинку. (памятка)

Понедельник, 22 Ноября 2010 г. 00:48 + в цитатник
Это цитата сообщения ВЕТЕР__ПЕРЕМЕН [Прочитать целиком + В свой цитатник или сообщество!]

Подписать картинку. (памятка)

Быстро наложить текст на картинку без графических редакторов:
В значения width и height вместо многоточий ставятся размеры картинки (их можно узнать из пункта “Свойства” вашей картинки)
Можно изменить значение valign="bottom" .
Измениться положение текста на картинке.
"bottom" (текст - внизу) изменить на "middle"( текст будет отображаться посередине) или изменить на "top" (текст окажеться вверху).
font color="#FF0000" - Цвет текста.
size="+2" - Размер текста.
Чем больше цифра, тем крупнее шрифт.
Вот примерный результат.

Ветер перемен

Серия сообщений "~ < htmlka >":
Часть 1 -
Часть 2 - Подписать картинку. (памятка)
Часть 3 - Памятка по html
Часть 4 - Текст обтекает картинку.
...
Часть 16 - Пипетка. Узнает цвет в любой точке монитора.
Часть 17 - Оформляем текст и картинки
Часть 18 - СКРИПТИК - ЧУДЕСНЫЙ САЙТ

Рубрики:

сайт/html

Комментарии (0)

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

Суббота, 23 Октября 2010 г. 02:34 + в цитатник
Это цитата сообщения Inmira [Прочитать целиком + В свой цитатник или сообщество!]

Блокнот (notepad).

У блокнота (стандартный текстовый редактор windows) есть одна очень полезная и удобная функция, о которой не все знают. Учитывая то, что я сейчас усиленно вожусь с фотоальбомами (т.к. поняла, что мне работа с ними удобнее и быстрее, чем с привычными превьюшками), - мне пришлось об этой функции блокнота вспомнить.
Например, для фотоальбома мне надо энное кол-во простых прямых ссылок на картинки записать в виде:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
</images>

Дальше > > >

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post136424864/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>Р”РµР»Р°РµРј Р±Р°РЅРЅРµСЂ СЃР°РјРѕСЃС‚РѕСЏС‚РµР»СЊРЅРѕ

Р•СЃР»Рё РІС‹ С…РѕС‚РёС‚Рµ СЃРґРµР»Р°С‚СЊ Р±Р°РЅРЅРµСЂ СЃР°РјРѕСЃС‚РѕСЏС‚РµР»СЊРЅРѕ (С‚.Рµ. С‡С‚РѕР±С‹ РєР°СЂС‚РёРЅРєР° Р±С‹Р»Р° СЃСЃС‹Р»РєРѕР№ РЅР° РєР°РєРѕР№-С‚Рѕ СЃР°Р№С‚ РёР»Рё РєР°РєСѓСЋ-С‚Рѕ РІР°С€Сѓ Р·Р°РїРёСЃСЊ РІ РґРЅРµРІРЅРёРєРµ), РЅРµС‚ РЅРёС‡РµРіРѕ РїСЂРѕС‰Рµ! 
РЎРєРѕРїРёСЂСѓР№С‚Рµ РЅРёР¶РµРїСЂРёРІРµРґРµРЅРЅС‹Р№ РєРѕРґ:

РЎРѕС‚СЂРёС‚Рµ СЃР»РѕРІР°  "СЃСЃС‹Р»РєР° РЅР° СЃР°Р№С‚" Рё РІРјРµСЃС‚Рѕ РЅРёС… РІ РєР°РІС‹С‡РєРё РІСЃС‚Р°РІСЊС‚Рµ СЃРѕР±СЃС‚РІРµРЅРЅРѕ СЃСЃС‹Р»РєСѓ РЅР° РІР°С€Сѓ СЃС‚СЂР°РЅРёС‡РєСѓ. РўР°Рј, РіРґРµ СЃСЃС‹Р»РєР° РЅР° РёР·РѕР±СЂР°Р¶РµРЅРёРµ - РІСЃС‚Р°РІСЊС‚Рµ С‚Р°РєСѓСЋ СЃСЃС‹Р»РєСѓ, РґР»СЏ СЌС‚РѕРіРѕ РјРѕР¶РЅРѕ Р·Р°РіСЂСѓР·РёС‚СЊ РєР°СЂС‚РёРЅРєСѓ, РєРѕС‚РѕСЂР°СЏ Р±СѓРґРµС‚ СЃРѕР±СЃС‚РІРµРЅРЅРѕ Р±Р°РЅРЅРµСЂРѕРј РЅР° СЃР°Р№С‚ Р Р°РґРёРєР°Р» РёР»Рё РїРѕРґРѕР±РЅС‹Р№ РµРјСѓ. "РќР°РґРїРёСЃСЊ РїСЂРё РЅР°РІРµРґРµРЅРёРё РјС‹С€РєРё РЅР° Р±Р°РЅРЅРµСЂ" С‚РѕР¶Рµ Р·Р°РјРµРЅРёС‚Рµ С„СЂР°Р·РѕР№, РєРѕС‚РѕСЂСѓСЋ С…РѕС‚РёС‚Рµ РІРёРґРµС‚СЊ. РќСѓ Рё РЅР°РєРѕРЅРµС† - РІРІРµРґРёС‚Рµ С€РёСЂРёРЅСѓ Рё РІ... <a href="https://www.liveinternet.ru/users/marina_grankova/post136424864/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Понедельник, 04 Октября 2010 г. 05:41 + в цитатник
Это цитата сообщения Душица [Прочитать целиком + В свой цитатник или сообщество!]

Делаем баннер самостоятельно

Если вы хотите сделать баннер самостоятельно (т.е. чтобы картинка была ссылкой на какой-то сайт или какую-то вашу запись в дневнике), нет ничего проще!
Скопируйте нижеприведенный код:

Сотрите слова "ссылка на сайт" и вместо них в кавычки вставьте собственно ссылку на вашу страничку. Там, где ссылка на изображение - вставьте такую ссылку, для этого можно загрузить картинку, которая будет собственно баннером на сайт Радикал или подобный ему. "Надпись при наведении мышки на баннер" тоже замените фразой, которую хотите видеть. Ну и наконец - введите ширину и высоту баннера - там где слова "ширина" и "высота". Готово!

Рубрики:

сайт/html

Комментарии (0)

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

Среда, 29 Сентября 2010 г. 05:43 + в цитатник
Это цитата сообщения almiria_kh [Прочитать целиком + В свой цитатник или сообщество!]

Блестяшки,фоны,рамочки для дневника!

Рубрики:

фотошоп/фотошоп текст
сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post135738387/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљРѕРґС‹ РѕС„РѕСЂРјР»РµРЅРёСЏ Р±Р»РѕРіР°

РљРѕРґС‹ РґР»СЏ РѕС„РѕСЂРјР»РµРЅРёСЏ Р±Р»РѕРіР°РћРєРѕС€РєРѕ РґР»СЏ РєРѕРґР° - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° (СЂР°Р·СЂС‹РІ СЃР»РµРІР°) - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° (СЂР°Р·СЂС‹РІ СЃРїСЂР°РІР°) - 
РљР°СЂС‚РёРЅРєРё РІ Р·Р°РїРёСЃРё:
РљР°СЂС‚РёРЅРєР° СЃР»РµРІР° РѕС‚ С‚РµРєСЃС‚Р° - 
РљР°СЂС‚РёРЅРєР° СЃРїСЂР°РІР° РѕС‚ С‚РµРєСЃС‚Р° - 
РљР°СЂС‚РёРЅРєРё РїРѕ Р±РѕРєР°Рј С‚РµРєСЃС‚Р° - 
РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ:
2 РєР°СЂС‚РёРЅРєРё - 
3 РєР°СЂС‚РёРЅРєРё - 
4 РєР°СЂС‚РёРЅРєРё - 
5 РєР°СЂС‚РёРЅРѕРє - 
6 РєР°СЂС‚РёРЅРѕРє - 
РљРЅРѕРїРєРё РІ Р·Р°РїРёСЃРё:
РўРµРєСЃС‚ РЅР° РєРЅРѕРїРєРµ - 
РљР°СЂС‚РёРЅРєР° РЅР° РєРЅРѕРїРєРµ - 
РўРµРєСЃС‚ Рё РєР°СЂС‚РёРЅРєР° РЅР° РєРЅРѕРїРєРµ - 
РљРЅРѕРїРєР° РЅР° С„РѕРЅРµ - 
РќРѕРјРµСЂР° СЃС‚СЂР°РЅРёС† РІ Р±Р»РѕРіРµ - 
Р Р°РјРєР° СЃ РєР°СЂС‚РёРЅРєР°РјРё РїРѕ СѓРіР»Р°Рј - 
РўР°Р±Р»РёС†Р° - ... <a href="https://www.liveinternet.ru/users/marina_grankova/post135738387/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 25 Сентября 2010 г. 19:07 + в цитатник
Это цитата сообщения Ксюшичек [Прочитать целиком + В свой цитатник или сообщество!]

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

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

Рубрики:

сайт/html

Комментарии (0)

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

Вторник, 21 Сентября 2010 г. 03:34 + в цитатник
Это цитата сообщения Lena-ki [Прочитать целиком + В свой цитатник или сообщество!]

Таблица для картинок и не только.

Уроки от Джулии

Таблица для картинок и не только.

Хотите выложить много картинок в один пост, но они все большие и разных размеров. А хочется, чтобы всё выглядело компактно и красиво. Что же делать?
Выход есть!
Построим табличку, в которую и вставим картинки. Эти картинки у нас кликабельны, т.е. при клике на картинке левой кнопкой мыши она откроется в другом окне в полный свой размер.

Код такой таблицы на 35 картинок.

<table border="0" cellspacing="0" cellpadding="5" background="ФОН - ссылка №1 из Радикала"><tr><td width="100%"><table border="0" cellpadding="3" cellspacing="2">
<tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС КАРТИНКИ В ИСХОДНОМ РАЗМЕРЕ"><img src="АДРЕС КАРТИНКИ" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr>
</table></td></tr></table>

Адрес каждой картинки пишется дважды
Ширину width и высоту height можно менять.В формуле я написала 100х100, но это не значит, что так и должно быть.

Желаю удачи!

Все уроки

Серия сообщений "Для дневников и блогов.":
Часть 1 - Помошник...
Часть 2 - Часто применяемы формулы HTML для вашего блога
Часть 3 - ПОЛЕЗНЫЕ ССЫЛКИ ДЛЯ РАБОТЫ.
Часть 4 - Для оформления блога.
Часть 5 - Открыткин дом.
Часть 6 - Сделать свой логотип.
Часть 7 - УРОКИ НАЧИНАЮЩИМ.
Часть 8 - Сделать текст с прокруткой.
Часть 9 - картинки для блогов.
Часть 10 - Содержание для блога...
Часть 11 - Часики.
Часть 12 - Комментарии.
Часть 13 - Все для оформления блога.
Часть 14 - Добавляем музыку в блог.
Часть 15 - Бродилка по моим открыткам.
Часть 16 - Спецсимволы для текста.
Часть 17 - Web-графика для сайтов. Анимация для страниц.
Часть 18 - Анимашки.Блестяшки.Картинки...
Часть 19 - Блестящий текст онлайн на русском языке.
Часть 20 - Красивые надписи. СДЕЛАЕМ САМИ

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post134868113/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РЈРјРµРЅСЊС€Р°РµРј Р‘РѕР»СЊС€СѓСЋ РєР°СЂС‚РёРЅРєСѓ СЃ Р°РЅРёРјР°С†РёРµР№.

Р’ СЌС‚РѕРј СѓСЂРѕРєРµ СЏ РїРѕРєР°Р¶Сѓ РєР°Рє РјРѕР¶РЅРѕ РїРѕРјРµРЅСЏС‚СЊ РІРЅРµС€РЅРёР№ РІРёРґ РљР°СЂС‚РёРЅРєРё СЃ Р°РЅРёРјР°С†РёРµР№.

РС‚Р° РєР°СЂС‚РёРЅРєР° РІ 
РћСЂРёРіРёРЅР°Р»СЊРЅРѕРј 
СЂР°Р·РјРµСЂРµ, РїРѕСЃР»Рµ 
Р·Р°РіСЂСѓР·РєРё РµС‘ РЅР° Р›РёСЂСѓ.
РљР°Рє Р·Р°РіСЂСѓР·РёС‚СЊ 
РєР°СЂС‚РёРЅРєСѓ РЅР° Р›РёСЂСѓ 
СЃРјРѕС‚СЂРёРј Р—Р”Р•РЎР¬
Р•СЃР»Рё Р·Р°РіСЂСѓР·РёС‚СЊ 
РѕРґРЅСѓ С‚Р°РєСѓСЋ 
РєР°СЂС‚РёРЅРєСѓ СЌС‚Рѕ 
РµС‰С‘ РЅРµ СЃС‚СЂР°С€РЅРѕ,
РЅРѕ РІРѕС‚ РµСЃР»Рё РІС‹ 
Р·Р°С…РѕС‚РёС‚Рµ 
РїРѕРјРµСЃС‚РёС‚СЊ
РјРЅРѕРіРѕ Р‘РћР›Р¬РЁРРҐ
РєР°СЂС‚РёРЅРѕРє,РґР° 
РµС‰С‘ СЃ Р°РЅРёРјР°С†РёРµР№, 
РѕРЅРё РјРѕРіСѓС‚ СЃРёР»СЊРЅРѕ 
Р·Р°РјРµРґР»РёС‚СЊ РїСЂРѕСЃРјРѕС‚СЂ 
РґРЅРµРІРЅРёРєР°.
Р’РѕС‚ С‚РѕРіРґР° РІР°СЃ 
РјРѕР¶РµС‚ РІС‹СЂСѓС‡РёС‚СЊ 
СЌС‚РѕС‚ РљРћР”.
    
[more=Р—Р”Р•РЎР¬ РґР°Р»РµРµ...]
 
Рђ С‚Р°Рє Р±СѓРґРµС‚ РІС‹РіР»СЏРґРµС‚СЊ РєР°СЂС‚РёРЅРєР° РїРѕСЃР»Рµ С‚РѕРіРѕ,
 РєР°Рє СЏ РµС‘ СѓРјРµРЅСЊС€РёР»Р° СЃ РїРѕРјРѕС‰СЊСЋ СЌС‚РѕРіРѕ РєРѕ... <a href="https://www.liveinternet.ru/users/marina_grankova/post134868113/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Вторник, 14 Сентября 2010 г. 03:08 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Уменьшаем Большую картинку с анимацией.

В этом уроке я покажу как можно поменять внешний вид Картинки с анимацией.
(650x650, 1889Kb)

Эта картинка в
Оригинальном
размере, после
загрузки её на Лиру.
Как загрузить
картинку на Лиру
смотрим ЗДЕСЬ
Если загрузить
одну такую
картинку это
ещё не страшно,
но вот если вы
захотите
поместить
много БОЛЬШИХ
картинок,да
ещё с анимацией,
они могут сильно
замедлить просмотр
дневника.
Вот тогда вас
может выручить
этот КОД.

 <p align="center"> <img style="WIDTH: 350px; HEIGHT: 350px" height="650" alt=" (полный размер картинки 650x650, 1889Kb)" src="УРЛ АДРЕС КАРТИНКИ" width="650" /></p>

ЗДЕСЬ далее...
Милолика Покровская

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post134236603/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљР°Рє СЃРґРµР»Р°С‚СЊ СЃР»Р°Р№Рґ-С€РѕСѓ?

[color=navy]РЎР»Р°Р№Рґ-С€РѕСѓ - РѕС‡РµРЅСЊ РїСЂРѕСЃС‚РѕР№ Рё СЌС„С„РµРєС‚РЅС‹Р№ СЃРїРѕСЃРѕР± РїРѕСЂР°Р·РёС‚СЊ СЃРѕР±РµСЃРµРґРЅРёРєР° РЅР°РїРѕРІР°Р» РїРѕРґР±РѕСЂРєРѕР№ РєСЂР°СЃРёРІС‹С… С„РѕС‚РѕРіСЂР°С„РёР№. Р’РѕС‚, РЅР°РїСЂРёРјРµСЂ, РіР°Р»РµСЂРµСЏ РёР· 20 С„РѕС‚РѕРіСЂР°С„РёР№ РїСЂРёСЂРѕРґС‹ - СѓСЃС‚РѕСЏС‚СЊ РЅРµРІРѕР·РјРѕР¶РЅРѕ! РљРѕРіРґР° РґРѕСЃРјРѕС‚СЂРёС‚Рµ РґРѕ РєРѕРЅС†Р°, СЏ РІР°Рј СЂР°СЃСЃРєР°Р¶Сѓ РєР°Рє Р»РµРіРєРѕ СЃРґРµР»Р°С‚СЊ РїРѕРґРѕР±РЅРѕРµ Рё РІР°Рј СЃР°РјРёРј. 
Р’Р°С€Рё С„РѕС‚Рѕ - СЌС‚Рѕ РїСЂРѕСЃС‚РѕР№ РєРѕРґ РїРѕРґРѕР±РЅРѕРіРѕ СЃР»Р°Р№Рґ-С€РѕСѓ.
[more=[color=red][size=+1]РџСЂР°РІРґР°, Р·РґРѕСЂРѕРІРѕ? Р’СЃРµРіРѕ Р·Р° 5 РјРёРЅСѓС‚ РјРёРЅСѓС‚ РјРѕР¶РЅРѕ 
СЃРґРµР»Р°С‚СЊ С‚Р°РєРѕРµ СЃР»Р°Р№Рґ-С€РѕСѓ! РЈС‡РёРјСЃСЏ! >>>[/size][/color]]
РџСЂР°РІРґР°, Р·РґРѕСЂРѕРІРѕ! Рђ РїСЂРµРґСЃС‚Р°РІСЊС‚Рµ, С‡С‚Рѕ СЌС‚Рѕ СЃР»Р°Р№Рґ-С€РѕСѓ РІР°С€РёС… Р»СЋР±РёРјС‹С… С„РѕС‚РѕРіСЂР°С„РёР№ (РїРѕСЂС‚СЂРµС‚С‹, РїРµР№Р·Р°Р¶Рё, Р¶Р°РЅСЂРѕРІС‹Рµ СЃРЅРёРјРєРё). РС‚Рѕ Р¶Рµ СЃСѓРїРµСЂ... <a href="https://www.liveinternet.ru/users/marina_grankova/post134236603/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Понедельник, 06 Сентября 2010 г. 02:31 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать слайд-шоу?

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

- это простой код подобного слайд-шоу.
Правда, здорово? Всего за 5 минут минут можно
сделать такое слайд-шоу! Учимся! >>>

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post134012615/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљР°Рє СЃРґРµР»Р°С‚СЊ РєР°СЂС‚РёРЅРєСѓ СЃ РєР»РёРєР°Р±РµР»СЊРЅС‹РјРё РЅР°РґРїРёСЃСЏРјРё.

&nbsp;
Р”РµР»Р°Р»Р° РєР°СЂС‚РёРЅРєСѓ СЃ РєР»РёРєР°Р±РµР»СЊРЅС‹РјРё РЅР°РґРїРёСЃСЏРјРё РІ С†РµР»СЏС… СЂРµРєР»Р°РјС‹ РјРѕРµРіРѕ Р±Р»РѕРіР° (РЅРµ СЌС‚РѕРіРѕ Р±Р»РѕРіР°; РІСЃС‘, С‡С‚Рѕ СЂРµРєР»Р°РјРёСЂСѓРµС‚СЃСЏ, РµСЃС‚СЊ СѓР¶Рµ Р·РґРµСЃСЊ:)))), Р° РїРѕС‚РѕРј РїРѕРґСѓРјР°Р»Р° - С„РёС€РєР° РЅРµРїР»РѕС…Р°СЏ, РїРѕС‡РµРјСѓ Р±С‹ Рё РЅРµ СЃРґРµР»Р°С‚СЊ СѓСЂРѕРє РґР»СЏ Р›РёР СѓС€РЅРёРєРѕРІ! Р’Рѕ РІСЃСЏРєРѕРј СЃР»СѓС‡Р°Рµ, РЅР° РїСЂРѕСЃС‚РѕСЂР°С… Р›РёР Сѓ РЅРµ РІСЃС‚СЂРµС‡Р°Р»Р° С‚Р°РєРѕРіРѕ СѓСЂРѕРєР°, РїСЂР°РІРґР°, СЃРїРµС†РёР°Р»СЊРЅРѕ РЅРµ РёСЃРєР°Р»Р°.РќРѕ РЅРµРІР°Р¶РЅРѕ. Р“Р»Р°РІРЅРѕРµ, С‡С‚РѕР±С‹ СѓСЂРѕРє РїСЂРёРіРѕРґРёР»СЃСЏ РєРѕРјСѓ-РЅРёР±СѓРґСЊ!
РџРѕРєР»РёРєР°Р№С‚Рµ, РїРѕР¶Р°Р»СѓР№СЃС‚Р°, РЅР°РґРїРёСЃРё РЅР° РєР°СЂС‚РёРЅРєРµ РґР»СЏ С‚РѕРіРѕ, С‡С‚РѕР±С‹ РїСЂРѕРІРµСЂРёС‚СЊ, РєР°Рє РѕРЅР° СЂР°Р±РѕС‚Р°РµС‚!

РќСѓ, РєР°Рє?! Р—РґРѕСЂРѕРІРѕ?! :)))
Р•СЃР»Рё С…РѕС‚РёС‚Рµ РЅР°СѓС‡РёС‚СЊСЃСЏ РґРµР»Р°С‚СЊ С‚Р°РєРёРµ Р¶Рµ, С‡РёС‚Р°Р№С‚Рµ, РїРѕР¶Р°Р»СѓР№... <a href="https://www.liveinternet.ru/users/marina_grankova/post134012615/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Пятница, 03 Сентября 2010 г. 03:26 + в цитатник
Это цитата сообщения AnnaDu [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать картинку с кликабельными надписями.

Делала картинку с кликабельными надписями в целях рекламы моего блога (не этого блога; всё, что рекламируется, есть уже здесь:)))), а потом подумала - фишка неплохая, почему бы и не сделать урок для ЛиРушников! Во всяком случае, на просторах ЛиРу не встречала такого урока, правда, специально не искала.Но неважно. Главное, чтобы урок пригодился кому-нибудь!

Покликайте, пожалуйста, надписи на картинке для того, чтобы проверить, как она работает!

Ну, как?! Здорово?! :)))

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

Читать и учиться дальше!

Рубрики:

сайт/html

Комментарии (0)

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

Понедельник, 23 Августа 2010 г. 04:36 + в цитатник
Это цитата сообщения Monro-Designs [Прочитать целиком + В свой цитатник или сообщество!]

Моя коллекция ссылок для вас!

Собрала для вас мои дорогие коллекцию нужных и интересных ссылок,надеюсь вам пригодится!

Ссылочки здесь>>>>>>>>>>>>>>>>>

Рубрики:

фотошоп/textures
фотошоп/фотошоп текст
фотошоп/фотошоп кисти
сайт/html

Комментарии (0)

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

Вторник, 17 Августа 2010 г. 01:43 + в цитатник
Это цитата сообщения Макс_Оливер [Прочитать целиком + В свой цитатник или сообщество!]

Всё для оформления и ведения дневников

По лиру ходит очень много подобных постов. Здесь всё необходимое объединено в одном сабже, чтобы не скакать, если возникнет нужда.

очень много информации

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post131770312/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљР°Рє РІСЃС‚Р°РІРёС‚СЊ РџР РћРљР РЈРўРљРЈ РІ РїРѕСЃС‚.

Р•СЃР»Рё Р’С‹ С…РѕС‚РёС‚Рµ РґРѕР±Р°РІРёС‚СЊ РІ СЃРІРѕР№ РїРѕСЃС‚ РјРЅРѕРіРѕ С‚РµРєСЃС‚Р°.Р•СЃС‚СЊ РѕРґРёРЅ РІР°СЂРёР°РЅС‚ РєР°Рє СЌС‚Рѕ СЃРґРµР»Р°С‚СЊ, С‡С‚РѕР±С‹ РїРѕСЃС‚ РЅРµ Р·Р°РЅРёРјР°Р» РјРЅРѕРіРѕ РјРµСЃС‚Р° Рё РµРіРѕ РЅРµ РЅСѓР¶РЅРѕ Р±С‹Р»Рѕ СѓР±РёСЂР°С‚СЊ РїРѕРґ РљРђРў.
РќР°РїСЂРёРјРµСЂ РєР°Рє Сѓ РјРµРЅСЏ РІ РґР°РЅРЅРѕРј СЃР»СѓС‡Р°Рµ.РќСѓР¶РЅРѕ РїСЂРѕСЃС‚Рѕ РІСЃС‚Р°РІРёС‚СЊ РІ РїРѕСЃС‚ РїСЂРѕРєСЂСѓС‚РєСѓ.

Рђ С‚РµРїРµСЂСЊ РїРѕСЃРјРѕС‚СЂРёРј РёР· С‡РµРіРѕ СЃРѕСЃС‚РѕРёС‚ РїСЂРѕРєСЂСѓС‚РєР°.
1.[color=blue]scrollbar-face-color [/color]- СЌС‚Рѕ С†РІРµС‚ РїРµСЂРµРґРЅРµР№ СЃС‚РѕСЂРѕРЅС‹ РїР°РЅРµР»Рё РїСЂРѕРєСЂСѓС‚РєРё
2.[color=blue]scrollbar-shadow-color [/color]- СЌС‚Рѕ С†РІРµС‚ РЅРёР¶РЅРµР№ Рё РїСЂР°РІРѕР№ РіСЂР°РЅРµР№ РїР°РЅРµР»Рё РїСЂРѕРєСЂСѓС‚РєРё.
3.[color=blue]scrollbar-highlight-color [/color]- СЌС‚Рѕ С†РІРµС‚ РІРµСЂС…РЅРµР№ Рё Р»РµРІРѕР№ РіСЂР°РЅРµР№ РїР°РЅРµР»Рё РїСЂРѕРєСЂСѓ... <a href="https://www.liveinternet.ru/users/marina_grankova/post131770312/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Среда, 04 Августа 2010 г. 06:22 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить ПРОКРУТКУ в пост.

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.

А теперь посмотрим из чего состоит прокрутка.
1.scrollbar-face-color - это цвет передней стороны панели прокрутки
2.scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
3.scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
4.scrollbar-3dlight-color - это цвет отсвета.
5.scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
6.scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
7.#FFFFFF - это коды цвета, которые можно менять.
Не обязательно использовать все теги.
Я использую только те при помощи которых можно поменять цвет прокрутки.

Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480" height="280"
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.

Дальше! Там где написано РАЗМЕР ПРОКРУТКИ.
Меняем эту надпись на цифры размера КАРТИНКИ.
В моём случае height=280 .
Тоесть вместо слов РАЗМЕР ПРОКРУТКИ я ставлю 280
Без кавычек иначе код сбивается.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки или не была меньше её.Хотя размер прокрутки можете делать любой.Так просто красивее.

Идём дальше.Где написано ФОН ДЛЯ ТЕКСТА.
можно поставить фон.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
В моём случае я не стала добавлять Фон для текста.

И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.

 <img src="КОД КАРТИНКИ" width="480" height="280" align="left" /><div style="overflow:auto;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height: РАЗМЕР ПРОКРУТКИpx;background-image:url(' ФОН ДЛЯ ТЕКСТА ');top:5px;text-align:left;text-indent:5pt"> ВАШ ТЕКСТ </div>

Милолика Покровская.

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post131102667/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљР°Рє СЃРґРµР»Р°С‚СЊ РєР°СЂС‚РёРЅРєСѓ СЃ РєР»РёРєР°Р±РµР»СЊРЅС‹РјРё РЅР°РґРїРёСЃСЏРјРё.

РќСѓ, РєР°Рє?! Р—РґРѕСЂРѕРІРѕ?! :)))
Р•СЃР»Рё С…РѕС‚РёС‚Рµ РЅР°СѓС‡РёС‚СЊСЃСЏ РґРµР»Р°С‚СЊ С‚Р°РєРёРµ Р¶Рµ, С‡РёС‚Р°Р№С‚Рµ, РїРѕР¶Р°Р»СѓР№... <a href="https://www.liveinternet.ru/users/marina_grankova/post131102667/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 24 Июля 2010 г. 00:54 + в цитатник
Это цитата сообщения AnnaDu [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать картинку с кликабельными надписями.

Покликайте, пожалуйста, надписи на картинке для того, чтобы проверить, как она работает!

Ну, как?! Здорово?! :)))

Читать и учиться дальше!

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post130925407/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљРѕРґС‹ РѕС„РѕСЂРјР»РµРЅРёСЏ Р±Р»РѕРіР°

РљРѕРґС‹ РґР»СЏ РѕС„РѕСЂРјР»РµРЅРёСЏ Р±Р»РѕРіР°РћРєРѕС€РєРѕ РґР»СЏ РєРѕРґР° - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° (СЂР°Р·СЂС‹РІ СЃР»РµРІР°) - 
Р Р°РјРѕС‡РєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р° (СЂР°Р·СЂС‹РІ СЃРїСЂР°РІР°) - 
РљР°СЂС‚РёРЅРєРё РІ Р·Р°РїРёСЃРё
РљР°СЂС‚РёРЅРєР° СЃР»РµРІР° РѕС‚ С‚РµРєСЃС‚Р° - 
РљР°СЂС‚РёРЅРєР° СЃРїСЂР°РІР° РѕС‚ С‚РµРєСЃС‚Р° - 
РљР°СЂС‚РёРЅРєРё РїРѕ Р±РѕРєР°Рј С‚РµРєСЃС‚Р° - РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ:
2 РєР°СЂС‚РёРЅРєРё - 
3 РєР°СЂС‚РёРЅРєРё - 
4 РєР°СЂС‚РёРЅРєРё - 
5 РєР°СЂС‚РёРЅРѕРє - 
6 РєР°СЂС‚РёРЅРѕРє - 
РљРЅРѕРїРєРё РІ Р·Р°РїРёСЃРё
РўРµРєСЃС‚ РЅР° РєРЅРѕРїРєРµ - 
РљР°СЂС‚РёРЅРєР° РЅР° РєРЅРѕРїРєРµ - 
РўРµРєСЃС‚ Рё РєР°СЂС‚РёРЅРєР° РЅР° РєРЅРѕРїРєРµ - 
РљРЅРѕРїРєР° РЅР° С„РѕРЅРµ - 
РќРѕРјРµСЂР° СЃС‚СЂР°РЅРёС† РІ Р±Р»РѕРіРµ - 
Р Р°РјРєР° СЃ РєР°СЂС‚РёРЅРєР°РјРё РїРѕ СѓРіР»Р°Рј - 
РўР°Р±Р»РёС†Р° - РёР· Р±Р»РѕРіР°  IRINI... <a href="https://www.liveinternet.ru/users/marina_grankova/post130925407/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Четверг, 22 Июля 2010 г. 04:26 + в цитатник
Это цитата сообщения Ксюшичек [Прочитать целиком + В свой цитатник или сообщество!]

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

/s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg" target="_blank">//s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg);padding:5px">/s001.radikal.ru/i196/1006/30/025d8dd3e1d2.jpg" target="_blank">//s001.radikal.ru/i196/1006/30/025d8dd3e1d2.jpg);padding:5px">/s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg" target="_blank">//s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg)">
Коды для оформления блога
Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста - Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -
Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -
Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -
из блога IRINI

Рубрики:

сайт/html

Комментарии (0)

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

Пятница, 16 Июля 2010 г. 04:41 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

Полезность для оформления постов

Строим таблицу

первая клетка в первой строке	вторая клетка в первой строке
первая клетка во второй строке	вторая клетка во второй строке

Код простой сетки
<TABLE border=4>
<TR>
<TD>первая клетка в первой строке</td>
<TD>вторая клетка в первой строке</td>
</tr>
<TR>
<TD> первая клетка во второй строке</td>
<TD>вторая клетка во второй строке</td>
</tr>
</table>

Сетка с фоном
<TABLE background="URL адрес ФОНА" border=8>
Вместо URL адрес ФОНА поставляем адрес фонового рисунка.

первая клетка в первой строке	вторая клетка в первой строке
первая клетка во второй строке	вторая клетка во второй строке

Код сетки с фоном
<TABLE background="URL Адрес фона"border=4>
<TR>
<TD>первая клетка в первой строке</td>
<TD>вторая клетка в первой строке</td>
</tr>
<TR>
<TD> первая клетка во второй строке</td>
<TD>вторая клетка во второй строке</td>
</tr>
</table>

Рамки с разрывом рисунка:

рамка растягивается на всю ширину записи

Рамки с разрывом рисунка:
<fieldset><legend><img src="адрес картинки"></legend>рамка растягивается на всю ширину записи</fieldset>

Рамка с разрывом текста:

Все для васОсновная запись, растягивается на весь пост

Рамка с разрывом текста: <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>

Фон записи поста

Вместо этих слов пишите свой текст

Код фона записи поста
<Table background= вместо этих слов пишите URl фдрес картинки или ссылку№1 Радикала border="0">
<TBODY>
<TR>
<TD width=650 >
Вместо этих слов пишите свой текст
</TD> </TR> </TBODY> </TABLE>

Блог Лиры

Рубрики:

сайт/html

Комментарии (0)

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

Четверг, 15 Июля 2010 г. 06:15 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

HTML-шпаргалка

© Sweets Cherry

Рубрики:

сайт/html

Комментарии (0)

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

Четверг, 15 Июля 2010 г. 06:10 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

Оформляем текст и картинки

Картинка обтекаемая текстом

Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.

Код обтекания картинки текстом
<img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"

Картинка слева от текста

Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.

Код картинки слева

<img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!

Картинка справа от текста:

Все правила написания для правой стороны такие же , как и для левой.

Код для картинки с права:

<img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим

Картинка в центре текста:
Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,

и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.

Код для картинки в центре текста:
Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.

Текст между двух картинок

Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.

Код для текста между двух картинок
<table align=center border=0>
<tr>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>Текст, который красиво расположится между картинками.</td>
<td><img src="URL адрес КАРТИНКИ"></td>
</tr>
</table>

Картинка между текстом

Красиво получается, когда картинка находится между текстом, как-то необычно.

Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии

Код для картинки между текстом
<table align=center border=0>
<tr>
<td>ТЕКСТ</td>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>ТЕКСТ</td>
</tr>
</table>

Блог Лиры

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post130221750/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљР°Рє СЃРґРµР»Р°С‚СЊ Р±Р°РЅРЅРµСЂ-РєР°СЂС‚РёРЅРєСѓ РґР»СЏ Р±Р»РѕРіР°.

РљР°Рє СЃРґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєСѓ РґР»СЏ С‚РµРєСЃС‚Р° РЅР°С…РѕРґРёС‚СЊСЃСЏ Р—Р”Р•РЎР¬

РўРµРїРµСЂСЊ РїРѕРїСЂРѕР±СѓСЋ РѕР±СЉСЏСЃРЅРёС‚СЊ, РєР°Рє СЃРґРµР»Р°С‚СЊ РєР°СЂС‚РёРЅРєСѓ Р±Р°РЅРЅРµСЂ СЃРѕ СЃСЃС‹Р»РєРѕР№ РЅР° Р’Р°С€ Р±Р»РѕРі РёР»Рё СЃР°Р№С‚.

Р’ С‚Р°Р±Р»РёС†Рµ:
1
2

1-Р°СЏ РєР°СЂС‚РёРЅРєР° СЏРІР»СЏРµС‚СЃСЏ РїСЂРѕСЃС‚Рѕ СЂРёСЃСѓРЅРєРѕРј, РёР· РЅРµС‘ РјС‹ Р±СѓРґРµРј РґРµР»Р°С‚СЊ Р±Р°РЅРЅРµСЂ.
 
2-Р°СЏ РєР°СЂС‚РёРЅРєР° СѓР¶Рµ СЏРІР»СЏРµС‚СЃСЏ Р±Р°РЅРЅРµСЂРѕРј РІРµРґСѓС‰РёРј РЅР° РјРѕР№ Р±Р»РѕРі

РџРµСЂРµРґ РЅР°РјРё РєРѕРґ Р±Р°РЅРЅРµСЂР° РєРѕС‚РѕСЂС‹Р№ РЅР°С…РѕРґРёС‚СЃСЏ РїРѕРґ 2-РѕР№ РєР°СЂС‚РёРЅРєРѕР№, РіРґРµ
1.	РС‚Рѕ Р°РґСЂРµСЃ (СЃСЃС‹Р»РєР°) РјРѕРµРіРѕ Р±Р»РѕРіР° вЂ“ РјРµРЅСЏР№С‚Рµ РЅР° СЃРІРѕР№
2.	РС‚Рѕ СЃСЃС‹Р»РєР° РЅР° РјРµСЃС‚РѕРїРѕР»РѕР¶РµРЅРёРµ РєР°СЂС‚РёРЅРєРё РІ СЃРµС‚Рё вЂ“ РјРµРЅСЏРµС‚Рµ  Р°РґСЂРµСЃ  РЅР° РЅСѓР¶РЅСѓСЋ Р’Р°Рј РєР°СЂС‚РёРЅРєСѓ.
3.	РС‚Рѕ РєРѕРґ РєРѕС‚РѕСЂС‹Р№ РїРѕР·РІРѕР»СЏРµС‚ РѕС‚РєСЂС‹РІР°С‚СЊ Р’Р°С€ СЃР°... <a href="https://www.liveinternet.ru/users/marina_grankova/post130221750/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Воскресенье, 11 Июля 2010 г. 04:51 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать баннер-картинку для блога.

Как сделать рамочку для текста находиться ЗДЕСЬ

Теперь попробую объяснить, как сделать картинку баннер со ссылкой на Ваш блог или сайт.

В таблице:

1	2 <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/39/56/39056886_heart06.gif" width="150" height="123" alt=" (150x123, 15Kb)" /></a>

1-ая картинка является просто рисунком, из неё мы будем делать баннер.

2-ая картинка уже является баннером ведущим на мой блог
(606x184, 17Kb)

Перед нами код баннера который находится под 2-ой картинкой, где
1. Это адрес (ссылка) моего блога – меняйте на свой
2. Это ссылка на местоположение картинки в сети – меняете адрес на нужную Вам картинку.
3. Это код который позволяет открывать Ваш сайт(блог) в отдельной вкладке, если его убрать, то откроется прямо на этой странице.

Вот и всё. Если что-то осталось не понятно пишите в комментах, попробую объяснить подробней.

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post129336213/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>100 РёРЅСЃС‚СЂСѓРјРµРЅС‚РѕРІ РґР»СЏ Р’СЌР±-РјР°СЃС‚РµСЂР°

100 РёРЅСЃС‚СЂСѓРјРµРЅС‚РѕРІ РґР»СЏ Р’СЌР±-РјР°СЃС‚РµСЂР°- РїСЂРѕРіСЂР°РјРјС‹ РґР»СЏ РґРёР·Р°Р№РЅРµСЂР° СЃ РѕС‚РєСЂС‹С‚С‹Рј РєРѕРґРѕРј, С€Р°Р±Р»РѕРЅС‹ Рё СЂРµСЃСѓСЂСЃС‹Р›СѓС‡С€РёРµ РїРѕСЂС‚Р°Р»С‹ СЃ РѕС‚РєСЂС‹С‚С‹РјРё С€Р°Р±Р»РѕРЅР°РјРё СЃР°Р№С‚РѕРІР’ СЃРµС‚Рё РµСЃС‚СЊ РјРЅРѕР¶РµСЃС‚РІРѕ Р±РµСЃРїР»Р°С‚РЅС‹С… С€Р°Р±Р»РѕРЅРѕРІ, РЅРѕ РёСЃРєР°С‚СЊ РїРѕРґС…РѕРґСЏС‰РёР№ С‡Р°СЃС‚Рѕ РјРѕР¶РµС‚ Р±С‹С‚СЊ РѕС‡РµРЅСЊ РґРѕР»РіРѕ, РїРѕСЌС‚РѕРјСѓ РјС‹ РїСЂРµРґР»Р°РіР°РµРј РІР°Рј РїРѕСЃРµС‚РёС‚СЊ СЃРЅР°С‡Р°Р»Р° СЃР»РµРґСѓСЋС‰РёРµ С‡РµС‚С‹СЂРµ РїРѕСЂС‚Р°Р»Р°:OSWD: Р‘РѕР»РµРµ 2.000 Р±РµСЃРїР»Р°С‚РЅС‹С… С€Р°Р±Р»РѕРЅРѕРІ СЃР°Р№С‚РѕРІ. Р’РѕР·РјРѕР¶РЅРѕСЃС‚СЊ РїРѕРґРѕР±СЂР°С‚СЊ С€Р°Р±Р»РѕРЅ РїРѕ С†РІРµС‚Сѓ, РЅР°РїСЂР°РІР»РµРЅРёСЋ Рё СЃС‚СЂСѓРєС‚СѓСЂРµ.OpenWebDesign:Р‘РѕР»СЊС€РѕРµ СЃРѕРѕР±С‰РµСЃС‚РІРѕ РґРёР·Р°Р№РЅРµСЂРѕРІ, РєРѕС‚РѕСЂС‹Рµ Р±РµСЃРїР»Р°С‚РЅРѕ РІС‹РєР»Р°РґС‹РІР°СЋС‚ СЃРІРѕРё С€Р°Р±Р»РѕРЅС‹. Р§Р°СЃС‚Рѕ РїСЂРѕРІРѕРґСЏС‚СЃСЏ РІРЅСѓС‚СЂРµРЅРЅРёРµ СЃРѕСЂРµРІРЅРѕРІР°РЅРёСЏ. РЈРґРѕР±РЅР°СЏ СЃРёСЃС‚РµРјР° РїРѕРёСЃРєР°.Ope... <a href="https://www.liveinternet.ru/users/marina_grankova/post129336213/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Воскресенье, 27 Июня 2010 г. 03:17 + в цитатник
Это цитата сообщения _SVETA_LANA_ [Прочитать целиком + В свой цитатник или сообщество!]

100 инструментов для Вэб-мастера

100 инструментов для Вэб-мастера- программы для дизайнера с открытым кодом, шаблоны и ресурсы

Лучшие порталы с открытыми шаблонами сайтов

В сети есть множество бесплатных шаблонов, но искать подходящий часто может быть очень долго, поэтому мы предлагаем вам посетить сначала следующие четыре портала:

OSWD: Более 2.000 бесплатных шаблонов сайтов. Возможность подобрать шаблон по цвету, направлению и структуре.

OpenWebDesign:Большое сообщество дизайнеров, которые бесплатно выкладывают свои шаблоны. Часто проводятся внутренние соревнования. Удобная система поиска.

Open Designs: Портал принадлежит некоммерческой организации. Содержит более 600 шаблонов, отобранные сообществом. Так же имеет активный форум, где дизайнеры делятся опытом и советами.

CSS Tinderbox: CSS Tinderbox советует не «изобретать колесо», если вам необходим простой CSS/XHTML шаблон, который вы можете взять с этого портала.

Открытые дизайнерские программы

Зачем платить за программы, если есть бесплатные аналоги. Многие считают, что бесплатный софт, не может быть качественным, но это не так. Дальше представлены лучшие открытые программы для дизайнера.

Nvu: Программа для верстки страниц — конкурент FrontPage и Dreamweaver. (Linux, Windows, and Mac)

Cssed: Редактор CSS, снабженный авто-заполнением, выделением синтаксиса и проверкой. (C, C++) (Linux)

Quanta Plus: Отличный HTML редактор для KDE.

Bluefish: Среда разработки для программистов и вэб-мастеров. (C) (GNU/Linux, Unix)

GIMPShop: Отличная замена Photoshop. (Mac, Linux, and Windows)

Inkscape: Открытый векторный редактор, по возможностям схожий с Adobe Illustrator.

Готовые дизайнерские шаблоны

Если вы хотите скорей запустить свой сайт, то вам нуден шаблон, не требующий тонкой настройки. В этом разделе представлены лучшие порталы предлагающие полностью готовые шаблоны.

TemplateNavigator: Самый большой выбор бесплатных Web и Flash шаблонов, сопровождаемых качественными демонстрационными снимками.

TemplateBox: Более 300 бесплатных шаблонов, логотипов и баннеров.

Template Monster: Небольшая, но качественная коллекция шаблонов для сайтов, Flash?а и блогов.

Art for the Web: 75 бесплатных шаблонов. Отличное место, если вы ищете что-то простое и оригинальное.

Free CSS Templates: 206 шаблонов. Часто обновляемый портал.

Effex-Media: Free website templates designed by designers, this massive list is categorized by website type and includes user reviews of many of the templates.

DotcomWebDesign: Сотни бесплатных шаблонов, некоторые из которых действительно отличного качества. К сожалению категории немного разбросаны, так что будьте готовы потратить время на поиск того, что вам нужно.

Themebot Design Templates: Не очень много шаблонов для сайта, но зато хороший выбор оформлений для форумов, блогов и др.

Groovy Lizard: Шаблоны для персональных страниц. Для коммерческого использования необходимо купить лицензию.

Interspire: Неплохой выбор бесплатных шаблонов.

Joyful Heart Designs: Интересный портал. Большинство шаблонов здесь связанны с цветами.

OpenSourceTemplates: Бесплатные CSS и XHTML открытые шаблоны для Web 2.0 дизайна.

Ricky?s Web Templates: Более 50 бесплатных шаблонов, картинок и кнопок. *Не понимаю, что этот сайт здесь делает. Бесплатные экземпляры просто ужасны, а для получения доступа к остальному контенту нужно иметь премиум.

Free CSS Templates: Много функциональных шаблонов на CSS.

FreekTemplates.com: Коллекция шаблонов для бизнеса, хостинга, сайтов о машинах и мотоциклах и пр.

Template Perfection: Более 200 бесплатных шаблонов.

TemplateWorkz: 48 бесплатных шаблонов, подходящих для сайтов-визиток.

OpenSourceTemplates: Шаблоны CSS и XHTML разметок страниц.

Freelayouts: HTML и Flash шаблоны.

FreeCSSTemplates.org: Более 100 бесплатных CSS шаблонов.

Free Layouts: Сотни готовых HTML, Flash и CSS шаблонов.

Free Templates Online: Десятки легко настраиваемых шаблонов, разложенных по категориям.

Free Website Templates: Большая база шаблонов, не требующих ссылки на автора.

Six-Shooter Media: Бесплатные CSS и XHTML открытые шаблоны.

Free Flash Template: Бесплатные шаблоны и презентации во флеше.

Layouts4Free.com: Хорошая коллекция бесплатных шаблонов, упорядоченных по категориям.

Solucija: Бесплатные XHTML / CSS шаблоны для сайтов, готовые к использованию.

MasterTemplates: Профессиональные бесплатные шаблоны для сайтов и PowerPoint.

TemplateWorld: Бесплатны шаблоны, разработанные дизайнерами из Template World.

Painted Pixels:Бесплатные шаблоны, кнопки и фоновые изображения для некоммерческого использования.

ThemesBase: Большая коллекция оформлений для форумов, блогов, движков и др.

Arcsin Design Templates: 22 бесплатных XTML и CSS шаблонов

Snakeye Web Templates: 20 шаблонов, сделанных в Dreamweaver или Fireworks.

Steve?s Templates: Десятки шаблонов. *Очень некрасивые бесплатные шаблоны

GordonMac.com: Бесплатные шаблоны и скрипты. Выбор небольшой.

Web Design Helper: Неплохой портал с бесплатными шаблонами и графикой.

Webmaster Resources: 25 бесплатных шаблонов.

CSS Layouts

Если вам нужна простая бесплатная разметка страницы, то эти ресурсы — для вас. Вы можете использовать готовую разметку CSS, для своего дизайна.

Layout Gala: 40 CSS трехцветрых разметок. Наглядный интерфейс.

AndreasVilkund.com: Бесплатные шаблоны от дизайнера Andreas Viklund.

CSS Template Directory: Много CSS шаблонов, разработанных и распределенных множеством дизайнеров.

BenMeadowcroft.com: Разметки высшего класса от Ben Meadowcroft.

Mollio: Отличный ресурс, с несколькими очень функциональными шаблонами.

Real World Style: Разметки CSS, разложенные по формату.

Little Boxes: Шаблоны CSS с простым и понятным кодом.

The Layout Reservoir: Простые двух и трехколонные разметки.

Protagonist Web Resources: Список из 43 сайтов с разметками CSS, некоторые из которых рассмотрены здесь.

Glish: «Голые» разметки от Eric Costello.

Position is Everything: Содержит множество ссылок на ресурсы, посвященные CSS.

ThreeColumnLayouts: Удобный список из 3х-колонных разметок..

ssi-developer: Хорошо оформленный список разметок. На сайте много материалов для вэб-мастера.

MIS Web Design: Необычные параграфы с использованием CSS

Ruthsarian Layouts: Хорошая коллекция разметок, готовых меню и нескольких шаблонов.

A List Apart: CSS: Много советов для вэб-мастера, в том числе по CSS.

Code-Sucks.com: Много CSS разметок содержащих от 1 до 4 колонок, и несколько готовых Вэб-шаблонов.

Particle Tree: Динамичные разметки.

Project Seven: Несколько простых CSS разметок.

MyCelly: 16 простых шаблонов разметок.

CSS Library: Динамичные «бестабличные» CSS разметки.

IntensiveStation: Несколько простых новых CSS разметок.

IronMyers: Коллекция разметок поддерживаемых самыми популярными браузерами, такими как IE6, IE7, Firefox, Opera, Safari и др.

The CSS Playground: Примеры CSS разметок, оформления блоков, менюшек и др. *Очень понравился

WordPress Theme Viewer: Стандартная база оформлений для WordPress. Отличная система поиска по критериям.

Инструменты и генераторы для CSS стилей.

Если вы не очень сильный кодер или вы ищете простое решение для стандартного стиля, то обратитесь к следующим инструментам. Эти ресурсы позволят вам в считанные секунды, получить CSS который вам нужен.

CSS Creator: Выберете цвета, задайте количество колонок, версию HTML и нажмите на кнопку. Получите CSS шаблон вашей страницы.

Strange Banana: Интересное решение. Просто обновляйте генерируемую страницу, пока не получите то, что вам надо.

Nidahas: Пример формы сделанной при помощи CSS.

Maketemplate: Генерирует шаблон сайта с использованием PHP, HTML, CSS, каждый блок которого подгружается из отдельного файла при помощи php.

IBDjohn: Генератор CSS разметки для сайта из 3х колонок.

CSS Creator: Простой генератор CSS разметки с выбором фиксированной или динамической ширины и количества столбцов. *Повторение пункта 79. Ошибка автора.

PsycHo: «Ваш дизайн — ваш характер». Удобный инструмент для создания шаблонов.

Firdamatic:Генератор бестабличных двух- или трех-колонных разметок.

WordPress Theme Generator: Онлайновый генератор оформлений для WordPress.

Оформления для блогов.

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

SmashingMagazine: 83 замечательных оформлений, которых вы, возможно, еще не видели.

ErraticWisdom: Коллекция оформлений для Textpattern.

Scribez: 10 лучших оформлений для WordPress..

Textgarden.org: Официальный сайт оформлений для Textpattern.

Blogger Templates: Множество разнообразных оформлений для Blogger.

Blogfashions: Коллекция оформлений для блогов Movable Type.

FinalSense: Оформления для Blogger хорошего качества.

WP Themes: Оформления WordPress разработанные Sadish Bala.

Drupal Theme Garden: Оформления для движка Drupal.

Weblog Design: Немного оформлений для блогов высокого качества.

Источник

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post129221537/">РџРѕРіРѕРІРѕСЂРёРј Рѕ С‚РµРєСЃС‚Рµ Рё СЂР°Р·Р»РёС‡РЅС‹С… РјР°РЅРёРїСѓР»СЏС†РёСЏС… СЃ РЅРёРј</a><br/>РџРѕРіРѕРІРѕСЂРёРј Рѕ С‚РµРєСЃС‚Рµ Рё СЂР°Р·Р»РёС‡РЅС‹С… РјР°РЅРёРїСѓР»СЏС†РёСЏС… СЃ РЅРёРј.

Р Р°РјРєР° Рё РїРѕСЃС‚ РѕС‚ &nbsp;MElenKa    РџРѕРіРѕРІРѕСЂРёРј Рѕ С‚РµРєСЃС‚Рµ Рё СЂР°Р·Р»РёС‡РЅС‹С… РјР°РЅРёРїСѓР»СЏС†РёСЏС… СЃ РЅРёРј. РџСЂРё РїРѕРјРѕС‰Рё РґР°РЅРЅС‹С… РјР°РЅРёРїСѓР»СЏС†РёР№ РІС‹ СЃРјРѕР¶РµС‚Рµ СѓРєСЂР°СЃРёС‚СЊ СЃРІРѕРё РїРѕСЃС‚С‹ Рё РЅРµ С‚РѕР»СЊРєРѕ. [more]РќР°С‡РЅРµРј СЃ РјР°Р»РѕРіРѕ:  РђР±Р·Р°С†, Р—Р°РіРѕР»РѕРІРѕРє Рё РўРµРєСЃС‚.   1. РђР‘Р—РђР¦.  Р§С‚РѕР±С‹ РІС‹СЂР°РІРЅСЏС‚СЊ Р°Р±Р·Р°С† РїРѕ Р»РµРІРѕРјСѓ РєСЂР°СЋ:   Р•СЃС‚СЊ С‡С‚Рѕ СЃРєР°Р·Р°С‚СЊ С‡Р°С‰Рµ РІСЃРµРіРѕ С‚РѕРјСѓ, РєС‚Рѕ РїСЂРµРґРїРѕС‡РёС‚Р°РµС‚ СЃР»СѓС€Р°С‚СЊ. &lt;p align=&quot;left&quot;&gt;Р’РђРЁ РђР‘Р—РђР¦ Р’Р«Р РђР’РќРР’РђР•РўРЎРЇ РџРћ Р›Р•Р’РћРњРЈ РљР РђР®&lt;/p&gt;Р§С‚РѕР±С‹ РІС‹СЂР°РІРЅСЏС‚СЊ Р°Р±Р·Р°С† РїРѕ РїСЂР°РІРѕРјСѓ РєСЂР°СЋ:  Р”СѓСЂР°РєРё Р¶Р°Р»СѓСЋС‚СЃСЏ РЅР° С‚Рѕ, С‡С‚Рѕ РєСЂСѓРіРѕРј РѕРґРЅРё РґСѓСЂР°РєРё; СѓРјРЅС‹Рµ РёР· С‚Р°РєРѕРіРѕ РѕРєСЂСѓР¶РµРЅРёСЏ РёР·РІР»РµРєР°СЋС‚ РІС‹РіРѕРґСѓ.&lt;p align=&qu... <a href="https://www.liveinternet.ru/users/marina_grankova/post129221537/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Поговорим о тексте и различных манипуляциях с ним

Суббота, 26 Июня 2010 г. 05:32 + в цитатник
Это цитата сообщения Валентина_Гребенюк [Прочитать целиком + В свой цитатник или сообщество!]

Поговорим о тексте и различных манипуляциях с ним.

Рамка и пост от MElenKa

Поговорим о тексте и различных манипуляциях с ним. При помощи данных манипуляций вы сможете украсить свои посты и не только.
Читать далее...

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post128303034/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РЎР»РѕР¶РЅС‹Рµ С‚Р°Р±Р»РёС†С‹.

&#8776;РЎР›РћР–РќР«Р• РўРђР‘Р›РР¦Р«СЏС‡РµР№РєР° 1СЏС‡РµР№РєР° 2СЏС‡РµР№РєР° 3СЏС‡РµР№РєР° 4СЏС‡РµР№РєР° 5СЏС‡РµР№РєР° 1СЏС‡РµР№РєР° 5СЏС‡РµР№РєР° 2СЏС‡РµР№РєР° 3СЏС‡РµР№РєР° 4СЏС‡РµР№РєР° 1СЏС‡РµР№РєР° 2СЏС‡РµР№РєР° 6СЏС‡РµР№РєР° 3СЏС‡РµР№РєР° 4СЏС‡РµР№РєР° 5СЏС‡РµР№РєР° 1СЏС‡РµР№РєР° 5СЏС‡РµР№РєР° 6СЏС‡РµР№РєР° 2СЏС‡РµР№РєР° 7СЏС‡РµР№РєР° 3СЏС‡РµР№РєР° 8СЏС‡РµР№РєР° 4СЏС‡РµР№РєР° 9СЏС‡РµР№РєР° 1СЏС‡РµР№РєР° 2СЏС‡РµР№РєР° 5СЏС‡РµР№РєР° 8СЏС‡РµР№РєР° 11СЏС‡РµР№РєР° 3СЏС‡РµР№РєР° 6СЏС‡РµР№РєР° 9СЏС‡РµР№РєР° 12СЏС‡РµР№РєР° 4СЏС‡РµР№РєР° 7СЏС‡РµР№РєР° 10СЏС‡РµР№РєР° 13СЏС‡РµР№РєР° 1СЏС‡РµР№РєР° 4СЏС‡РµР№РєР° 7СЏС‡РµР№РєР° 10СЏС‡РµР№РєР° 2СЏС‡РµР№РєР° 5СЏС‡РµР№РєР° 8СЏС‡РµР№РєР° 11СЏС‡РµР№РєР° 3СЏС‡РµР№РєР° 6СЏС‡РµР№РєР° 9СЏС‡РµР№РєР° 12СЏС‡РµР№РєР° 13Р•СЃС‚СЊ РµС‰Рµ РєР°РєРёРµ-С‚Рѕ РІР°СЂРёР°РЅС‚С‹? РџСЂРёСЃС‹Р»Р°Р№С‚Рµ, РЅР°СЂРёСЃСѓСЋ.РџРѕРјРЅРёС‚Рµ! Р“РѕСЂР°Р·РґРѕ РІР°Р¶РЅРµРµ СЃРѕРґРµСЂР¶Р°РЅРёРµ Р±Р»РѕРіР°, РЅРµР¶РµР»Рё РµРіРѕ РѕС„РѕСЂРјР»РµРЅРёРµ.

This blog is a participant... <a href="https://www.liveinternet.ru/users/marina_grankova/post128303034/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 12 Июня 2010 г. 01:06 + в цитатник
Это цитата сообщения Валентина_Гребенюк [Прочитать целиком + В свой цитатник или сообщество!]

Сложные таблицы.

≈СЛОЖНЫЕ ТАБЛИЦЫ

ячейка 1	ячейка 2
	ячейка 3
	ячейка 4
	ячейка 5

ячейка 1	ячейка 5
ячейка 2
ячейка 3
ячейка 4

ячейка 1	ячейка 2	ячейка 6
	ячейка 3
	ячейка 4
	ячейка 5

ячейка 1	ячейка 5	ячейка 6
ячейка 2		ячейка 7
ячейка 3		ячейка 8
ячейка 4		ячейка 9

ячейка 1
ячейка 2	ячейка 5	ячейка 8	ячейка 11
ячейка 3	ячейка 6	ячейка 9	ячейка 12
ячейка 4	ячейка 7	ячейка 10	ячейка 13

ячейка 1	ячейка 4	ячейка 7	ячейка 10
ячейка 2	ячейка 5	ячейка 8	ячейка 11
ячейка 3	ячейка 6	ячейка 9	ячейка 12
ячейка 13

Есть еще какие-то варианты? Присылайте, нарисую.

Помните! Гораздо важнее содержание блога, нежели его оформление.

This blog is a participant of the SYNDICATE

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post126936433/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РСЃРїРѕР»СЊР·РѕРІР°РЅРёРµ С‚Р°Р±Р»РёС† РЅР° СЃС‚СЂР°РЅРёС†Рµ

РўРµРїРµСЂСЊ СЂР°СЃСЃРјРѕС‚СЂРёРј РєР°Рє РґРµР»Р°С‚СЊ С‚Р°Р±Р»РёС†С‹ РЅР° СЃС‚СЂР°РЅРёС†Рµ.

Р’РѕРѕР±С‰Рµ СЌС‚Рѕ РћР§Р•РќР¬ Р’РђР–РќРђРЇ С‚РµРјР°. РџРѕСЌС‚РѕРјСѓ РЅРµ РїСЂРѕРїСѓСЃРєР°Р№С‚Рµ СЌС‚РѕС‚ СЂР°Р·РґРµР», С…РѕС‚СЊ РѕРЅ РїРѕР¶Р°Р»СѓР№ СЃР°РјС‹Р№ СЃР»РѕР¶РЅС‹Р№.
Р”РµР»Рѕ РІ С‚РѕРј С‡С‚Рѕ С‚Р°Р±Р»РёС†С‹ РІ HTML РёСЃРїРѕР»СЊР·СѓСЋС‚СЃСЏ РІ РѕСЃРЅРѕРІРЅРѕРј РЅРµ РґР»СЏ РїСЂРµРґСЃС‚Р°РІР»РµРЅРёСЏ РґР°РЅРЅС‹С… РІ РІРёРґРµ С‚Р°Р±Р»РёС†С‹, Р° РґР»СЏ СЃРѕР·РґР°РЅРёСЏ Р”РР—РђР™РќРђ СЃР°Р№С‚Р°...РґР»СЏ СЃРѕР·РґР°РЅРёСЏ РєР°СЂРєР°СЃР° СЃС‚СЂР°РЅРёС†С‹, РІ РєРѕС‚РѕСЂРѕРј СѓР¶Рµ СЂР°Р·РјРµС‰Р°РµС‚СЃСЏ СЃРѕРґРµСЂР¶РёРјРѕРµ СЃС‚СЂР°РЅРёС†С‹. РќРѕ РѕР±Рѕ РІСЃРµРј РїРѕ РїРѕСЂСЏРґРєСѓ.
РўР°Р±Р»РёС†Р° РѕРїРёСЃС‹РІР°РµС‚СЃСЏ РїР°СЂРЅС‹Рј С‚РµРіРѕРј &lt;table&gt; Рё &lt;/table&gt;
&lt;table&gt; РіРѕРІРѕСЂРёС‚ Р±СЂР°СѓР·РµСЂСѓ , С‡С‚Рѕ РЅР°С‡РёРЅР°РµС‚СЃСЏ С‚Р°Р±Р»РёС†Р°, Р° &lt;/table&gt; РіРѕРІРѕСЂРёС‚ Рѕ С‚РѕРј, С‡С‚Рѕ С‚Р°Р±Р»РёС†Р° Р·Р°РєР°РЅС‡РёРІР°РµС‚СЃСЏ. ... <a href="https://www.liveinternet.ru/users/marina_grankova/post126936433/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Воскресенье, 23 Мая 2010 г. 04:55 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Использование таблиц на странице

Теперь рассмотрим как делать таблицы на странице.

Вообще это ОЧЕНЬ ВАЖНАЯ тема. Поэтому не пропускайте этот раздел, хоть он пожалуй самый сложный.

Дело в том что таблицы в HTML используются в основном не для представления данных в виде таблицы, а для создания ДИЗАЙНА сайта...для создания каркаса страницы, в котором уже размещается содержимое страницы. Но обо всем по порядку.

Таблица описывается парным тегом <table> и </table>

<table> говорит браузеру , что начинается таблица, а </table> говорит о том, что таблица заканчивается. Запомнили ?

More>>>

Рубрики:

сайт/html

Комментарии (0)

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

Среда, 14 Апреля 2010 г. 05:45 + в цитатник
Это цитата сообщения Kailash [Прочитать целиком + В свой цитатник или сообщество!]

Разберем вопрос линий в наших записях - тег HR

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

Вот она, линия:

ее код:

Едем дальше:

По умолчанию линия имеет толщину 2 пиксела и некоторую объемность.

Необъемная линия:

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

Рубрики:

сайт/html

Комментарии (0)

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

Среда, 14 Апреля 2010 г. 05:44 + в цитатник
Это цитата сообщения Kailash [Прочитать целиком + В свой цитатник или сообщество!]

Волшебный тег MARQUEE - заставь буквы двигаться

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="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post124481806/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РљР°Рє СЃРѕР·РґР°С‚СЊ РїСЂРѕСЃС‚СѓСЋ РіР°Р»РµСЂРµСЋ РёР· С„РѕС‚РѕРіСЂР°С„РёР№

Р”РѕСЂРѕРіРёРµ С‡РёС‚Р°С‚РµР»Рё РїСЂРµРґСЃС‚Р°РІР»СЏСЋ РІР°С€РµРјСѓ РІРЅРёРјР°РЅРёСЋ РїСЂРѕСЃС‚РµРЅСЊРєРёРµ html РєРѕРґС‹ РїСЂРё РїРѕРјРѕС‰Рё РєРѕС‚РѕСЂС‹С… РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РґРѕРІРѕР»СЊРЅРѕ РёРЅС‚РµСЂРµСЃРЅС‹Рµ РіР°Р»РµСЂРµРё С„РѕС‚РѕРіСЂР°С„РёР№. РЎР»РµРґСѓР№С‚Рµ РїСЂРѕСЃС‚С‹Рј РёРЅСЃС‚СЂСѓРєС†РёСЏРј Рё РІС‹ С‚РѕР¶Рµ СЃРјРѕР¶РµС‚Рµ РІСЃС‚Р°РІРёС‚СЊ СЃРµР±Рµ  РґРЅРµРІРЅРёРє С‚Р°РєСѓСЋ РіР°Р»РµСЂРµСЋ.

РџРµСЂРµРґ РІР°РјРё РіРѕС‚РѕРІР°СЏ РіР°Р»РµСЂРµСЏ РёР· 10 РєСЂР°СЃРёРІС‹С… С„РѕС‚РѕРіСЂР°С„РёР№. РўР°РєРёРјРё РіР°Р»РµСЂРµСЏРјРё РІС‹ РјРѕР¶РµС‚Рµ СѓРєСЂР°С€Р°С‚СЊ СЃРІРѕРё Р·Р°РїРёСЃРё, РїСЂРё СЌС‚РѕРј РјРѕР¶РЅРѕ РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ СЂР°Р·Р»РёС‡РЅС‹Рµ РєРѕРјР±РёРЅР°С†РёРё. РќР°РїСЂР°РІР»СЏС‚СЊ РєР°СЂС‚РёРЅРєСѓ СЃ Р»РµРІР° РЅР° РїСЂР°РІРѕ РёР»Рё СЃ РїСЂР°РІРѕ РЅР° Р»РµРІРѕ, РІРІРµСЂС… РёР»Рё РІРЅРёР· Рё С‚.Рґ. Рђ С‚РµРїРµСЂСЊ СЏ СЂР°СЃСЃРєР°Р¶Сѓ РІР°Рј РєР°Рє РІ С‚РµС‡РµРЅРёРё 10 РјРёРЅСѓС‚ СЃРґРµР»Р°С‚СЊ РґР°РЅРЅСѓСЋ РіР°Р»РµСЂРµСЋ.

&nbsp;
[more= Р”... <a href="https://www.liveinternet.ru/users/marina_grankova/post124481806/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Вторник, 13 Апреля 2010 г. 05:05 + в цитатник
Это цитата сообщения Иван_Победоносов [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

Далее >>>

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post124481538/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РћРєРѕС€РєРѕ РґР»СЏ РєРѕРґРѕРІ.

РС‚РѕС‚ СѓСЂРѕРє РєР°Рє РґРµР»Р°С‚СЊ РѕРєРѕС€РєРѕ РґР»СЏ РєРѕРґРѕРІ.
РћС‡РµРЅСЊ РїРѕР»РµР·РЅР°СЏ С€С‚СѓРєР° Рё СѓРґРѕР±РЅР°СЏ.РњРѕР¶РЅРѕ Р±С‹СЃС‚СЂРѕ СЃРєРѕРїРёСЂРѕРІР°С‚СЊ РєРѕРґ
 Рё Р·Р°РЅРёРјР°РµС‚ РјР°Р»Рѕ РјРµСЃС‚Р°.РћС‡РµРЅСЊ С…РѕСЂРѕС€Рѕ РїРѕРґС…РѕРґРёС‚ РґР»СЏ СЂР°РјРѕС‡РµРє.
Р•СЃР»Рё Сѓ РІР°СЃ РїРѕР»СѓС‡РёР»Р°СЃСЊ РєСЂР°СЃРёРІР°СЏ СЂР°РјРєР° Рё С…РѕС‡РµС‚СЃСЏ РїРѕРґРµР»РёС‚СЊСЃСЏ СЃ РґСЂСѓРіРёРјРё РµС‘ РєРѕРґРѕРј.
Р’С‹РіР»СЏРґРµС‚СЊ РѕРєРѕС€РєРѕ Р±РµР· РєРѕРґР° Р±СѓРґРµС‚ С‚Р°Рє.
 Р’РђРЁ РљРћР” 
Рђ С‚РµРїРµСЂСЊ СЃР°Рј РєРѕРґ,С‡С‚РѕР±С‹ РґРµР»Р°С‚СЊ С‚Р°РєРѕРµ  РѕРєРѕС€РєРѕ  
РљРѕРїРёСЂСѓРµРј Рё РІСЃС‚Р°РІР»СЏРµРј Рє СЃРµР±Рµ РІ Р±Р»РѕРі.
[color=blue] ...rows="2"...[/color]-СЌС‚Рѕ Р’С‹СЃРѕС‚Р° РѕРєРѕС€РєР° РµРіРѕ РјРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ РїРѕ Р¶РµР»Р°РЅРёСЋ.
[color=blue]...cols="15"...[/color]-СЌС‚Рѕ РЁРёСЂРёРЅР° РѕРєРѕС€РєР° С‚Р°Рє Р¶Рµ РјРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ РїРѕРґ РЅСѓР¶РЅС‹Р№ РІР°Рј СЂР°Р·РјРµСЂ.
Р“РґРµ РЅР°РїРёСЃР°РЅРѕ[colo... <a href="https://www.liveinternet.ru/users/marina_grankova/post124481538/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Вторник, 13 Апреля 2010 г. 04:28 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Окошко для кодов.

Этот урок как делать окошко для кодов.
Очень полезная штука и удобная.Можно быстро скопировать код
и занимает мало места.Очень хорошо подходит для рамочек.
Если у вас получилась красивая рамка и хочется поделиться с другими её кодом.
Выглядеть окошко без кода будет так.

А теперь сам код,чтобы делать такое окошко
Копируем и вставляем к себе в блог.
...rows="2"...-это Высота окошка его можно менять по желанию.
...cols="15"...-это Ширина окошка так же можно менять под нужный вам размер.
Где написано ...ВАШ КОД... туда и вставляете свой код.
Пробуйте.Всем удачи!
Милолика Покровская

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post124372725/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>html , СѓСЂРѕРєРё РґР»СЏ РІР°СЃ:)

РћРіР»Р°РІР»РµРЅРёРµ РґРѕРєСѓРјРµРЅС‚Р°   Р“РёРїРµСЂСЃСЃС‹Р»РєРёE-mail Р°РґСЂРµСЃР°Р–РёСЂРЅС‹Р№, РЅР°РєР»РѕРЅРЅС‹Р№ Рё&nbsp;РїРѕРґС‡РµСЂРєРЅСѓС‚С‹Р№ С€СЂРёС„С‚РСЃРїРѕР»СЊР·РѕРІР°РЅРёРµ СЂР°Р·Р»РёС‡РЅС‹С… С†РІРµС‚РѕРІ, СЂР°Р·РјРµСЂРѕРІ Рё&nbsp;С€СЂРёС„С‚РѕРІРЎРїРёСЃРєРёРњР°СЂРєРёСЂРѕРІР°РЅРЅС‹Рµ СЃРїРёСЃРєРёРќСѓРјРµСЂРѕРІР°РЅРЅС‹Рµ СЃРїРёСЃРєРёР’СЃС‚Р°РІРєР° РёР·РѕР±СЂР°Р¶РµРЅРёР№Р’СЃС‚Р°РІРєР° С†РёС‚Р°С‚Р’СЃС‚Р°РІРєР° СЃСЃС‹Р»РєРё РЅР°&nbsp;РґРЅРµРІРЅРёРє РїРѕР»СЊР·РѕРІР°С‚РµР»СЏР’СЃС‚Р°РІРєР° РґР»РёРЅРЅС‹С… С‚РµРєСЃС‚РѕРІMP3, PLAY Рё&nbsp;FLASH &ndash; РїСЂРѕРёРіСЂС‹РІР°РЅРёРµ Р°СѓРґРёРѕ, РІРёРґРµРѕ Рё&nbsp;С„Р»РµС€ С„Р°Р№Р»РѕРІРўРµРі Code Рё&nbsp;PHPРћС€РёР±РєРё РїСЂРё&nbsp;РёСЃРїРѕР»СЊР·РѕРІР°РЅРёРё С‚РµРіРѕРІ

[flash=500,500,http://g.ucoz.net/mochi/snakebox/snake3D.swf]

Р¤РѕСЂРјР°С‚РёСЂРѕРІР°РЅРёРµ С€СЂРёС„С‚Р°.
Р Р°РјРєР° РґР»СЏ С‚РµРєСЃС‚Р°.
Р¤РѕРЅ РЅР° С„РѕРЅРµ РёР»Рё Р РђРњРљРђ РґР»СЏ СЃРѕРѕР±С‰РµРЅРёСЏ..
... <a href="https://www.liveinternet.ru/users/marina_grankova/post124372725/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 10 Апреля 2010 г. 02:39 + в цитатник
Это цитата сообщения MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

html , уроки для вас:)

Оглавление документа

Гиперссылки

E-mail адреса

Жирный, наклонный и подчеркнутый шрифт

Использование различных цветов, размеров и шрифтов

Вставка ссылки на дневник пользователя

Вставка длинных текстов

MP3, PLAY и FLASH – проигрывание аудио, видео и флеш файлов

Тег Code и PHP

Ошибки при использовании тегов

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post124372516/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєРё 8

РС‚Рѕ СѓСЂРѕРє РјС‹ С‚РѕР¶Рµ РїРѕСЃРІСЏС‚РёРј РјР°Р»РµРЅСЊРєРёРј РјРµР»РѕС‡Р°Рј.
РќР°С‡РЅРµРј СЃ С‚РѕРіРѕ,С‡С‚Рѕ РІРІРµРґРµРј Р·Р°РіРѕР»РѕРІРѕРє РІ РЅР°С€Сѓ СЂР°РјРєСѓ Рё Р·Р°СЃС‚Р°РІРёРј РµРіРѕ РґРІРёРіР°С‚СЊСЃСЏ.
Р’РѕС‚ С‚Р°Рє:

Р’Р°С€ Р·Р°РіРѕР»РѕРІРѕРє....

Р’РђРЁ РўР•РљРЎРў

[more]
Р—РґРµСЃСЊ Р·Р°РґРµР№СЃС‚РІРѕРІР°РЅ С‚РѕС‚ Р¶Рµ С‚РµРі,РєРѕС‚РѕСЂС‹Р№ РјС‹ РёСЃРїРѕР»СЊР·РѕРІР°Р»Рё РІ РґРІРёР¶РµРЅРёРё С‚РµРєСЃС‚Р° РІРІРµСЂС…,РЅРѕ СЃ РґСЂСѓРіРёРјРё С…Р°СЂР°РєС‚РµСЂРёСЃС‚РёРєР°РјРё.Р’СЃС‚Р°РІР»СЏС‚СЊ РµРіРѕ РјС‹ Р±СѓРґРµРј,РїРµСЂРµРґ РєРѕРґРѕРј РЅР°С€РµР№ РєР°СЂС‚РёРЅРєРё,С‡С‚РѕР±С‹ Р·Р°РіРѕР»РѕРІРѕРє РїРѕР»СѓС‡РёР»СЃСЏ РЅР°Рґ РєР°СЂС‚РёРЅРєРѕР№
(Рё РЅР°РґРѕ Р·Р°РґР°С‚СЊ С…Р°СЂР°РєС‚РµСЂРёСЃС‚РёРєРё РЅР°С€РµРіРѕ С‚РµРєСЃС‚Р°,РІСЃРµ РєСЂРѕРјРµ С†РІРµС‚Р°,С‚Р°Рє РєР°Рє РѕРЅ Р·Р°РґР°РІР°С‚СЊСЃСЏ Р±СѓРґРµС‚ РІРЅСѓС‚СЂРё С‚РµРіР°):
Р’РѕС‚ С‚Р°Рє Рє РїСЂРёРјРµСЂСѓ:

Р—РґРµСЃСЊ СЏ РѕР±РѕР·РЅР°С‡РёР»Р° РїРѕР»РЅРѕСЃС‚СЊСЋ РІРµСЃСЊ С‚РµРі:

РўРµРїРµСЂСЊ СЂР°Р·Р±РµСЂРµРј РµРіРѕ С…Р°СЂР°... <a href="https://www.liveinternet.ru/users/marina_grankova/post124372516/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 10 Апреля 2010 г. 02:29 + в цитатник
Это цитата сообщения уроки [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать рамочки 8

Это урок мы тоже посвятим маленьким мелочам.
Начнем с того,что введем заголовок в нашу рамку и заставим его двигаться.
Вот так:

Ваш заголовок....

ВАШ ТЕКСТ

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

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post124372494/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєРё 15

РўРµРїРµСЂСЊ РІ URL-СЂР°РјРєСѓ РїРѕСЃС‚Р°РІРёРј С‚РµРєСЃС‚ СЃ РїСЂРѕРєСЂСѓС‚РєРѕР№ Рё СЃРґРµР»Р°РµРј РµРµ РЅРµРјРЅРѕРіРѕ СЃР»РѕР¶РЅРµРµ.
Р”Р»СЏ СЌС‚РѕРіРѕ Р·Р° РѕСЃРЅРѕРІСѓ РІРѕР·РјРµРј РЅР° РїСЂРѕСЃС‚СѓСЋ URL-СЂР°РјРєСѓ.
Р’РѕС‚ С‚Р°РєСѓСЋ:

Р’Р°С€ С‚РµРєСЃС‚

[more]
РўРµРїРµСЂСЊ РґРѕР±Р°РІРёРј РїР°СЂСѓ СЃР»РѕРµРІ,РІРѕС‚ С‚Р°Рє(РєРѕРїРёСЂСѓРµРј РїРµСЂРІС‹С… РґРІР° СЃР»РѕСЏ):

Р РІСЃС‚Р°РІР»СЏРµРј СЃСЋРґР°:

Р РїРѕР»СѓС‡Р°РµРј С‚Р°РєСѓСЋ СЂР°РјРєСѓ:
Р’Р°С€ С‚РµРєСЃС‚

РўРµРїРµСЂСЊ РІ РґРІР° РїРѕСЃР»РµРґРЅРёС… СЃР»РѕСЏ РІРІРµРґРµРј С‚РµРі СЂР°Р·РјРµСЂР° С€РёСЂРёРЅС‹ СЂР°РјРєРё:
Р’РѕС‚ РІ СЌС‚Рё РґРІР° СЃР»РѕСЏ:

Р’ РїРµСЂРІС‹Р№ СЃР»РѕР№ СЃС‚Р°РІРёРј СЂР°Р·РјРµСЂ С‚Р°РєРѕР№ РєР°РєРѕР№ С…РѕС‚РёРј РїРѕР»СѓС‡РёС‚СЊ,Р° РІРѕ РІС‚РѕСЂРѕР№ СЃС‚Р°РІРёРј 100% РґР»СЏ С‚РѕРіРѕ С‡С‚РѕР±С‹ СЂР°СЃС‚РёРЅСѓС‚СЊ РµРіРѕ РїРѕ РїСЂРµРґС‹РґСѓС‰РµРјСѓ СЃР»РѕСЋ,РІРѕС‚ С‚Р°Рє:

Р’ СЂРµР·СѓР»СЊС‚Р°С‚Рµ РїРѕР»СѓС‡Р°РµРј  С‚Р°РєСѓСЋ СЂР°РјРєСѓ:
Р’РђРЁ РўР•РљРЎРў

РўРµРїРµ... <a href="https://www.liveinternet.ru/users/marina_grankova/post124372494/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 10 Апреля 2010 г. 02:28 + в цитатник
Это цитата сообщения уроки [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать рамочки 15

Теперь в URL-рамку поставим текст с прокруткой и сделаем ее немного сложнее.
Для этого за основу возмем на простую URL-рамку.
Вот такую:

Ваш текст

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

Рубрики:

сайт/html

Комментарии (0)

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

Суббота, 10 Апреля 2010 г. 02:25 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Дизайн сообщений днева

Сейчас вы смотрите пост http://www.liveinternet.ru/users/ka82/post85922639. Другие посты:
Шпаргалка html (очень много тегов) и генератор разноцветных букв http://www.liveinternet.ru/users/ka82/post70054149/
Теги волнистого разноцветного подчеркивания, дрожания текста, текст написанный боком, линии, простые варианты фонового рисунка справа, слева, вокруг текста, колыхающиеся слова, выравнивание параграфов, текст между картинками и т.д. http://www.liveinternet.ru/users/ka82/post90899043/
Простые теги типа жирного шрифта, выравнивания слов, типа шрифта, курсива, обычного подчеркивания-зачеркивания, разноцветный текст, ползущие вправо-влево буквы, размер шрифта, таблицы цветов для шрифта http://www.liveinternet.ru/users/ka82/post89710588/
Танцующие буквы http://www.liveinternet.ru/users/ka82/post91709665/
Как вставить фоновую картинку, отличную от картинки днева http://www.liveinternet.ru/users/ka82/post88771163/
Как вставить баннер, видео, музыку, часы и т.д. http://www.liveinternet.ru/users/ka82/post89422126/

№№№№№№№№№№№№№

Ваш текст Ваш текст ттттттттттттт ттттттттттттттттттттттт тттттттттттттттттттттт

№№№№№№№№№№№№

@@@@@@@@@@@@@@

.Заголовок.

lkjhgf.JPG (450x450, 19Kb)

Ваш текст текст текст текст текст текст ттттттттттттттттттттттт
Ваш текст
Ваш текстттттттттттттттттттттттттттттттттттттттттттттттттттт
.
.
.
.ттттттттттттттттттттттттттттттттттттттттттттттттттттттттт
.
.
.
.
.

@@@@@@@@@@@@@@@
*************************
Такой текст

Основной заголовок

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

Седьмой секретнастоящей любви- сила преданности
Чтобы любовь была настоящей нужно быть преданным ей, и эта преданность отразится в мыслях и действиях.Преданность - это настоящая проверка любви.
Восьмой секрет настоящей любви-сила доверия
Невозможно действительно любить кого-то, если полностью ему не доверяешь.
Поступайте так, чтобы отношения с любимым человеком никогда не закончились.
******************

//////////////////////////////
Такая рамочка с текстом и русунками сбоку
< s t r o n g >Можно заголовок или сотрите эту строчку < / s t r o n g >

< a h r e f =' ' t a r g e t = _ b l a n k > < b > < / b > < / a >

Можно заголовок или сотрите эту строчку

долго делала, но сделала сама

Изменить можно много чего

На рамке можно поставить border=0, чтобы ее не видно было

Фон можно тоже поставить, или картинку или цвет Background="http....", Background=#45EF00

Толщину рамки можно тоже изменить border=2, border=4

/////////////////////////////

..........................................
Разноцветный текст, разноцветные буквы

Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст

Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст

3Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст
....................................

>>>>>>>>>>>>>>>>>>
Разноцветный текст на каком-нибудь фоне

Ваш текст Ваш текст Ваш текст Ваш текст

Если вас заинтересовали фоны для текста, то они помещены в комментарии к этому посту
>>>>>>>>>>>>>>

%%%%%%%%%%%%%%
Текст с картинкой рядом

ЭКСПЕРИМЕНТ С ТЕГАМИ

ЭКСПЕРИМЕНТ 2
Что Если поменять некоторые теги в готовом изображении

%%%%%%%%%%%%%%%%%

$$$$$$$$$$$$$$$$$$$$$$$$$$

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

Ваш текст
Ваш текст
Ваш текст
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

Ваш текст
Ваш текст
Ваш текст
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/

$$$$$$$$$$$$$$$$$$$$$$$

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

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

твой текст. . . . я думаю чем ты сделаешь больше пропускa перед твоим текстом и после текста, тем шире будет круг "белого" цвета!

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

""""""""""""""""""""""""""""

"""""""""""""""""""""""""""""""""

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post124372378/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєРё

Р”Р»СЏ РЅР°С‡Р°Р»Р° РІРѕР·РјРµРј РѕРґРЅРѕСЃР»РѕР№РЅСѓСЋ СЂР°РјРѕС‡РєСѓ Рё СЂР°Р·Р±РµСЂРµРј РµРµ С‡С‚Рѕ Рє С‡РµРјСѓ Рё РґР»СЏ С‡РµРіРѕ.

Р’Р°С€ С‚РµРєСЃС‚

[more]РќР° РґР°РЅРЅРѕР№ РєР°СЂС‚РёРЅРєРµ РєСЂР°СЃРЅС‹Рј С†РІРµС‚РѕРј РїРѕРґС‡РµСЂРєРЅСѓС‚С‹ С…Р°СЂР°РєС‚РµСЂРёСЃС‚РёРєРё РЅР°С€РµРіРѕ С‚РµРєСЃС‚Р°,СЃРѕРѕС‚РІРµС‚СЃС‚РІРµРЅРЅРѕ РїРѕ РїРѕСЂСЏРґРєСѓ: СЂР°Р·РјРµСЂ,С†РІРµС‚,С€СЂРёС„С‚

РЎР»РµРґСѓСЋС‰Р°СЏ РєРѕРјР°РЅРґР°-СЌС‚Рѕ СЂР°Р·РјРµСЂ РЅР°С€РµР№ СЂР°РјРѕС‡РєРё,С‚Рѕ РµСЃС‚СЊ РµРµ С€РёСЂРёРЅР° РІ РґР°РЅРЅРѕРј СЃР»СѓС‡Р°Рµ РѕРЅР° Р·Р°РґР°РЅР° РІ % РѕС‚РЅРѕС€РµРЅРёРё(С‚Рѕ РµСЃС‚СЊ СЂР°РјРѕС‡РєР° РїРѕ С€РёСЂРёРЅРµ Р±СѓРґРµС‚ Р·Р°РЅРёРјР°С‚СЊ 80% РЅР°С€РµРіРѕ Р»РёСЃС‚Р°,С‚Р°Рє Р¶Рµ РµРµ РјРѕР¶РЅРѕ Р·Р°РґР°С‚СЊ РІ СЂС… (РґРѕ 900СЂС…)

РЎР»РµРґСѓСЋС‰Р°СЏ РєРѕРјР°РЅРґР° Р·Р°РґР°РµС‚ РЅР° СЃРєРѕР»СЊРєРѕ Р±СѓРґРµС‚ РІРёРґРµРЅ РЅР°С€ СЃР»РѕР№,РІ РґР°РЅРЅРѕР№ СЂР°РјРѕС‡РєРµ РѕРЅР° РЅРµ РІР°Р¶РЅР°,РЅРѕ РєРѕРіРґР° Сѓ РЅР°СЃ СѓР¶Рµ 2-С… СЃР»РѕР№РЅР°СЏ СЂР°РјРѕС‡РєР°,С‚Рѕ СЌС‚Р° РєРѕРјР°РЅРґР° РјРµРЅСЏРµС‚... <a href="https://www.liveinternet.ru/users/marina_grankova/post124372378/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 10 Апреля 2010 г. 02:23 + в цитатник
Это цитата сообщения уроки [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать рамочки

Для начала возмем однослойную рамочку и разберем ее что к чему и для чего.

Ваш текст

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

Рубрики:

сайт/html

Комментарии (0)

<a href="https://www.liveinternet.ru/users/marina_grankova/post123941239/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>РџСЂРёРјРµРЅРµРЅРёРµ С‚Р°Р±Р»РёС†

Р Р°Р·РјРµСЃС‚РёРј РІ РґРЅРµРІРЅРёРєРµ Р±РѕР»СЊС€РѕРµ РєРѕР»РёС‡РµСЃС‚РІРѕ РЅРµР±РѕР»СЊС€РёС… РїРѕ СЂР°Р·РјРµСЂСѓ СЂРёСЃСѓРЅРєРѕРІ. Р”Р»СЏ РїСЂРёРјРµСЂР° СЏ РІР·СЏР» 6 Р°РЅРёРјРёСЂРѕРІР°РЅРЅС‹С… СЃРјС‹Р№Р»РёРєРѕРІ

Р”Р»СЏ С‚РѕРіРѕ С‡С‚Рѕ Р±С‹ СЂРёСЃСѓРЅРєРё СЂР°СЃРїРѕР»Р°РіР°Р»РёСЃСЊ РіРѕСЂРёР·РѕРЅС‚Р°Р»СЊРЅРѕ РЅРµРѕР±С…РѕРґРёРјРѕ СѓР±СЂР°С‚СЊ РіР°Р»РѕС‡РєСѓ СЃ "РЎРѕС…СЂР°РЅСЏС‚СЊ РїРµСЂРµРІРѕРґС‹ СЃС‚СЂРѕРє РІ С‚РµРєСЃС‚Рµ.". 
РЇ СЃРїРµС†РёР°Р»СЊРЅРѕ РІР·СЏР» СЃРјР°Р№Р»С‹ СЂР°Р·РЅРѕРіРѕ СЂР°Р·РјРµСЂР°. РџРѕРїСЂРѕР±СѓРµРј С‚РµРїРµСЂСЊ СЃРґРµР»Р°С‚СЊ РІС‹РІРѕРґ СЂРёСЃСѓРЅРєРѕРІ Р±РѕР»РµРµ Р»РѕРіРёС‡РЅС‹Рј. Р‘РѕР»СЊС€РёРµ СЃРјР°Р№Р»С‹ РІ РѕРґРЅРѕР№ РєРѕР»РѕРЅРєРµ, РјР°Р»РµРЅСЊРєРёРµ - РІ РґСЂСѓРіРѕР№
Р”Р»СЏ СЌС‚РѕРіРѕ РїРѕСЃС‚СЂРѕРёРј С‚Р°Р±Р»РёС†Сѓ РёР· РґРІСѓС… РєРѕР»РѕРЅРѕРє Рё С‚СЂРµС… СЃС‚СЂРѕРє ( РїРѕ РєРѕР»РёС‡РµСЃС‚РІСѓ СЃРјР°Р№Р»РѕРІ РѕРґРЅРѕРіРѕ СЂР°Р·РјРµСЂР° )

... <a href="https://www.liveinternet.ru/users/marina_grankova/post123941239/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Суббота, 03 Апреля 2010 г. 05:42 + в цитатник
Это цитата сообщения Великовозрастное_дитя [Прочитать целиком + В свой цитатник или сообщество!]

Применение таблиц

Разместим в дневнике большое количество небольших по размеру рисунков. Для примера я взял 6 анимированных смыйликов

Для того что бы рисунки располагались горизонтально необходимо убрать галочку с "Сохранять переводы строк в тексте.".

Я специально взял смайлы разного размера. Попробуем теперь сделать вывод рисунков более логичным.
Большие смайлы в одной колонке, маленькие - в другой

Для этого построим таблицу из двух колонок и трех строк ( по количеству смайлов одного размера )

<table border="1">
  <tbody>
      <tr>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td></td>
      </tr>
  </tbody>
</table>

Коды рисунков смайлов ( видны при редактировании черновика или поста )

Что бы не гадать где какой рисунок я в кодах рисунков, в alt подписал рисунки. alt - это альтернативный текст который виден в том случае если рисунок по какой то причине не может быть показан

<img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" />
<img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" />
<img src="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" />
<img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" />
<img src="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" />
<img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" />

Все что теперь осталось это разместить рисунки каждый в своей ячейке таблицы

<table border="1">
  <tbody>
      <tr>
         <td>
             <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" />
          </td>
         <td>
            <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" />
         </td>
      </tr>
      <tr>
         <td>
            <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" />
            </td>
         <td>
             <img src="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" />
         </td>
      </tr>
      <tr>
         <td>
             <img src="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" />
             </td>
         <td>
               <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" />
          </td>
      </tr>
   
  </tbody>
</table>

Ширина первой и второй колонки не одинаковые что не всегда красиво. Добавим в нашу таблицу еще одну строку Эта строка задаст ширину колонок в 200 пикселей ( можно указать ширину в процентах от общей ширины таблицы )

Что бы не загромождать код я в дальнейшем буду показывать только часть кода где делаем изменения

<table border="1">
  <col width="200px"></col>
  <col width="200px"></col>
  <tbody>
  .............
  .............
  </tbody>
</table>

Осталась самая малость. Разместить рисунки по центру ячеек. Для этого в добавим valign="middle" и align="center"

<table border="1">
  <col width="200px"></col>
  <col width="200px"></col>
  <tbody align="center" valign="middle">
  ..........
  ...........
</tbody>
</table>

Подпишем колонки. Для этого добавим вначале еще одну строку в которой вместо пропишем

<table border="1">
  <col width="200px"></col>
  <col width="200px"></col>
  <tbody align="center" valign="middle">
    <tr>
        <th>Большие смайлы</th>
        <th>Маленькие смайлы</th>
     </tr>

  ..........
  ...........
</tbody>
</table>

Большие смалы	Маленькие смайлы

Добавим к каждому смайлу название.

<table border="1">
  <col width="200px"></col>
  <col width="200px"></col>
  <tbody align="center" valign="middle">
      <tr>
       <th>Большие смалы</th>
       <th>Маленькие смайлы</th>
      </tr>
      <tr>
         <td>
             <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" />Большой1
          </td>
         <td>
            <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" />Маленький1
         </td>
      </tr>
      <tr>
         <td>
            <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" />Большой2
            </td>
         <td>
             <img src="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" />Маленький2
         </td>
      </tr>
      <tr>
         <td>
             <img src="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" />Большой3
             </td>
         <td>
               <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" />Маленький3
          </td>
      </tr>
   </tbody>
</table>

Вид таблицы мягко говоря не очень :)

Большие смалы	Маленькие смайлы
Большой1	Маленький1
Большой2	Маленький2
Большой3	Маленький3

Исправим это добавив еще 2 колонки для названий смайлов

Обратите внимание на то что добавилось еще две строки с и . Даже если в ячейках ничего не выводится количество ячеек в каждой строке должно быть одинаковым!!!!!

<table border="1">
  <col width="200px"></col>
  <col width="200px"></col>
  <col width="200px"></col>
  <col width="200px"></col>
  <tbody align="center" valign="middle">
      <tr>
       <th>Большие смалы</th>
       <th></th>
        <th>Маленькие смайлы</th>
        <th></th>
      </tr>
      <tr>
         <td>
             <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" />
          </td>
          <td>Большой1</td>
          <td>
            <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" />
           </td>
           <td>Маленький1</td>
         
      </tr>
      <tr>
         <td>
            <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" />
         </td>
         <td>Большой2</td>
         <td>
             <img src="//img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" />
         </td>
         <td>Маленький2</td>
      </tr>
      <tr>
         <td>
             <img src="//img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" />
         </td>
         <td>Большой3</td>
         <td>
               <img src="//img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" />
         </td>
         <td>Маленький3</td>
      </tr>
   </tbody>
</table>

Название колонок "Большие смайлы и маленькие смайлы" не совсем правильно расположены

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Объеденим попарно ячейки с названием колонок.

<table border="1">
  <col width="200px"></col>
  <col width="200px"></col>
  <col width="200px"></col>
  <col width="200px"></col>
  <tbody align="center" valign="middle">
      <tr>
       <th colspan="2" rowspan="1">Большие смалы</th>
       <th colspan="2" rowspan="1">Маленькие смайлы</th>
      </tr>
...................
...................
</tbody>
</table>

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Не нравится мне грозный красный смайл :)). Я его выделю каким то фоном что бы он бросался в глаза :). Добавлю в ячеку с этим смайлом фоновый цвет

Заодно и строку с названием колонок выделю фоном

<table>
   <tbody>
       <tr bgcolor="#ccf0cc">
           <th colspan="2" rowsapn="1">Большие смалы</th>
           <th colspan="2" rowspan="1">Маденькие смайлы</th>
       </tr>
    .....
    .....
         <td bgcolor="#f0cccc">
            <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" />
         </td>
         <td bgcolor="#f0cccc">Большой2</td>
         <td>
      .......
     .......
</td></tbody>
</table>

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Сделаем этот грозный смайл не таким грозным. Разместим его на этом фоновом рисунке :))

Для этого добавим в ячейку с этим смайлом параметр background

<table>
   <tbody>
       <tr bgcolor="#ccf0cc">
           <th colspan="2" rowsapn="1">Большие смалы</th>
           <th colspan="2" rowspan="1">Маденькие смайлы</th>
       </tr>
    .....
    .....
         <td bgcolor="#f0cccc" background="//img1.liveinternet.ru/images/attach/c/0//46/199/46199719_images.jpg">
            <img src="//img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" />
         </td>
         <td bgcolor="#f0cccc">Большой2</td>
         <td>
      .......
     .......
</td></tbody>
</table>

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Что еще творить с таблицей зависит только от вашей фантазии :)) Можно каждую строку выделить своим цветом добавиви в параметр background. Можно для каждой ячейки или строки задать фоновый рисунок прописав background. Вместо текста в ячейках можно прописать ссылки.

ps: Добавьте в код рисунка title="текст" и при наведении мышки на рисунок будет выскакивать подсказка с текстом

<img src="//img1.liveinternet.ru/images/attach/c/0//46/199/46199719_images.jpg" width="116" height="116" alt=" (116x116, 2Kb)" title="Это фоновый рисунок" />

Рубрики:

сайт/html

Страницы:

[2] 1

LiveInternetLiveInternet

-Рубрики

-Метки

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика