Это цитата сообщения SvetlanaT Оригинальное сообщение

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

Это цитата сообщения SvetlanaT Оригинальное сообщение

Учимся делать рамки. Рамка в 5-слоёв фона.

[450x500] [450x69] Рамка в 5 слоёв фона с картинкой и 2мя линеечками. Пример такой рамочки,как она будет выглядеть. Чуть ниже я даю код,чтобы вы могли сделать рамку какая вам нужна-САМИ.Копируете его и вставляете к себе в дневник а потом... В коде где написано с 1-5 СЛОЙ ФОНА. Внутрь кавычек. Кавычки не трогаем. Вставляете свой фон. Через РАДИКАЛ-ФОТО Код берёте под № 1. Так же вставляем картинки и линеечки. Всё тоже через Радикал-Фото и т.ж. код № 1. Только не забудьте поменять размеры картинки и линеечек. width="450" -Ширина картинки или ленеечек. height="500" - Высота картинки или линеечек. Где написано- Картинка вставляете свою картинку. Где написано- Линеечка вставляете свою линеечку. Где написано- ВАШ ТЕКСТ-Пишите свой текст. Где написано- ВАШ НИК-Пишете свой ник. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. Посмотреть ещё рамки можно... ЗДЕСЬ. [450x69]SvetlanaT

Код"СКЕЛЕТИКА" к этой рамке. <left><table border="1" background="1СЛОЙ ФОНА" cellpadding="26" cellspacing="2" width="600"><tr><td><center><table border="1" background="2СЛОЙ ФОНА" cellpadding="2" cellspacing="3" width="500"><tr><td><center><table border="0" background="3СЛОЙ ФОНА" cellpadding="1" cellspacing="10" width="500"><tr><td><img src="КАРТИНКА" width="450" height="500" /><center><table border="1" background="4СЛОЙ ФОНА" cellpadding="1" cellspacing="3" width="300"><tr><td><center><table border="1" background="5СЛОЙ ФОНА" cellpadding="3" cellspacing="2" width="300"><tr><td><center><center> <img src="ЛИНЕЕЧКА №1" width="450" height="69" /> <table align="center"><td><br /> <text size="4"><text color="FFDEAD"><br /> ВАШ ТЕКСТ.</text></text><br /><br /><br /><br /><br /><img src="ЛИНЕЕЧКА №2" border="0" width="450" height="69" /><center>ВАШ НИК</center></td></table></center></center></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table><br /></left>

Это цитата сообщения SvetlanaT Оригинальное сообщение

РАМКА-ОБЪЯВЛЕНИЕ.

Вот такая РАМКА-ОБЪЯВЛЕНИЕ. В этой рамке очень красиво смотрятся стихи.Она расчитана где-то на 5 четверостиший или чуть меньше. Текст обязательно отформатируйте, чтобы он не вылезал за рамку. Для этого нужно заметить на каком слове заканчивается строка,чтобы она была внутри белой рамки и потом с помощью кнопки ENTER подравнивать весь текст под 1 строку, как у меня.Тогда эта рамка будет красиво смотреться.Кому понравилась рамка копируйте внизу код. SvetlanaT

КОД К ЭТОЙ РАМКЕ. <center><table background="http://img0.liveinternet.ru/images/attach/c/1//57/218/57218529_151.jpg"><tr><td width="500" height="680"><center><font size="3"><font color="000000"><br /> ВАШ ТЕКСТ <br /><br /><br /><center><a href="http://www.liveinternet.ru/users/svetlanat/profile"><font size="1"><b><font color="#FAFAD2">SvetlanaT</font></b></font></a></center></font></font></center></td></tr></table></center><center></center>

Это цитата сообщения SvetlanaT Оригинальное сообщение

Красивые рамки с уголками.Несколько вариантов.


КОД РАМКИ. <div style="background-image: url(http://img1.liveinternet.ru/images/attach/c/2//69/255/69255475_0_69158_50939ad5_M.png); background-position: 0% 0%; padding:100px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url(http://img1.liveinternet.ru/images/attach/c/2//69/255/69255526_0_69158_50939ad5_M.png) ; padding:40px 110px 110px 40px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "><div style="text-align: ; font: 24px Monotype Corsiva;font-style: italic; color: #F8F8FF; padding:2px;">ВАШ ТЕКСТ ПИШИМ СЮДА .<br /></div> <a title="SvetlanaT" href="http://www.liveinternet.ru/users/svetlanat/profile" target="_blank"> <img src="http://img0.liveinternet.ru/images/attach/c/2//69/255/69255912_preview_0_45ec0_b927fb1b_XS.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/2//69/255/69255912_0_45ec0_b927fb1b_XS.gif" target=_blank border="0">[показать]</a></a></div></div>
ЗДЕСЬ ЕЩЁ РАМОЧКИ С УГОЛКАМИ...

Это цитата сообщения Silvestr Оригинальное сообщение

 Продолжаем изучать основы HTML. Сегодня на повестке дня выравнивание текста, работа с ним, а так же вставка картинок. Еще маленькая фишка для придания динамичности - это бегущая строка.

Центрирование: текст (картинка) по центру
<center>ваш текст (картинка) </center>

 

Выравнивание текста по правому краю поста:
<div align=right> ваш текст </div>

 

Выравнивание текста по всей ширине поста:
<div align=justify> ваш текст </div>

 

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
<blockquote> текст </blockquote>

 

Бегущая строка:
СТОЙ! КУДА ПОБЕЖАЛА!!!
<marquee> ваша бегущая строка</marquee>

 

Вместо текста можно вставить картинку:
[показать]
Код этой картинки:
<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

 

 

Сноска вверху: ТЕКСТ^сноска
^{ваша сноска}

 

Сноска внизу: ТЕКСТ_сноска
_{ваша сноска}

Линия:

---

ее код:<hr>

Ударение:
Cтавим после нужной буквы:
&#769;

 

Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 10 - Огромная коллекция генераторов.Более 500 ссылок.Собрана вся коллекция!Разбирайте!!!
Часть 11 - Оформление текста. HTML.
Часть 12 - HTML. Работа с текстом и картинками.
Часть 13 - Размер, цвет, стиль текста в HTML.
Часть 14 - 5 шагов для успешного развития сайта
...
Часть 21 - ТОП 10HTML ошибок новичков
Часть 22 - Оптимизация изображений для блога или сайта
Часть 23 - Бесплатный контент для блога

Это цитата сообщения Silvestr Оригинальное сообщение

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

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

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

Это цитата сообщения Егорова_Таня Оригинальное сообщение



[x16]

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

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

Это цитата сообщения Lovmom Оригинальное сообщение

таблица сочетаемости и соответствия цветов

или самообразование.

стащила картинки. признаюсь....у Мамушка, а та у Гадость Гламурная но просто не хотелось текста. хотелось все сразу и вместе. упссссс....

=======цветное============

Это цитата сообщения Mademoiselle_Viv Оригинальное сообщение

Таблица цветов

000000	000020	000040	000060	000080	0000a0	0000c0	0000ff
002000	002020	002040	002060	002080	0020a0	0020c0	0020ff
004000	004020	004040	004060	004080	0040a0	0040c0	0040ff
006000	006020	006040	006060	006080	0060a0	0060c0	0060ff
008000	008020	008040	008060	008080	0080a0	0080c0	0080ff
00a000	00a020	00a040	00a060	00a080	00a0a0	00a0c0	00a0ff
00c000	00c020	00c040	00c060	00c080	00c0a0	00c0c0	00c0ff
00ff00	00ff20	00ff40	00ff60	00ff80	00ffa0	00ffc0	00ffff

200000

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

Это цитата сообщения Arnusha Оригинальное сообщение

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

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

<<<жмём>>>

Это цитата сообщения Arnusha Оригинальное сообщение

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

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

Arnusha

Это цитата сообщения Arnusha Оригинальное сообщение

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

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

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

Это цитата сообщения SvetlanaT Оригинальное сообщение

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

Это цитата сообщения Arnusha Оригинальное сообщение

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

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

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

Это цитата сообщения Legionary Оригинальное сообщение

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

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


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

А и не надо!

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

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

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

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

Это цитата сообщения yaqut Оригинальное сообщение

8 шагов создания беcшовного фона в Paint.

 

Это цитата сообщения novprospekt Оригинальное сообщение

Украшаем бесшовный фон.

Это цитата сообщения Novichok56 Оригинальное сообщение

ГРАДИЕНТЫ

ИСТОЧНИК

[показать] [357x98] [451x20] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [35x250] [451x20]

[показать]
[показать]

Это цитата сообщения Novichok56 Оригинальное сообщение

ГРАДИЕНТЫ АТЛАСНЫЕ

ИСТОЧНИК

[показать] [50x300] [50x300] [50x300] [50x300] [50x300] [50x300] [50x300] [50x300] [50x300] [50x300] [50x300] [показать]

[показать]
[показать]

Это цитата сообщения Novichok56 Оригинальное сообщение

ЗОЛОТЫЕ ГРАДИЕНТЫ

ИСТОЧНИК

[показать] [20x345] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x354] [20x]

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