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

Другие рубрики в этом дневнике: ЦВЕТЫ(3), фотошоп(70), фоны(201), Скрап-наборы(66), скачать(365), Программы(309), ПРАЗДНИКИ - Советы - Идеи - МК(5), полезное(279), Поздравления(29), Открытки(169), Модераторское(4), КРАСОТА(3), Красивые посты(232), КОНКУРСЫ(4), Коллажи(183), Клипарт(301), КАРТИНКИ И ФОТО(276), ИСКУССТВО(15), Интересное(8), Для оформления дневника(2123), ДЛЯ ЖЕНЩИН - МОДА - СТИЛЬ - ЯРКОЕ - НЕОРДИНАРНОЕ(3), для дневника(1341), ДИЗАЙН(425), Вопросы и ответы(3), Анимашки(74), Анимация(885), Авторские работы (2266), Аватарки(476), DIY - СДЕЛАЙ САМ - КРАСИВОЕ - ЯРКОЕ(14), рамочки(412), РаДужНый ПоЗиТиВ(37), Онлайн генераторы(13), ДИЗАЙН (схема для дневника)(8873), ccылки(30)

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

Закругление углов изображения без ФШ

Воскресенье, 04 Апреля 2021 г. 12:24 + в цитатник

Ledidans все записи автора Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Закругление углов изображения без ФШ

Закруглять будем с помощью HTML кода + свойство CSS border-radius.

<img src="АДРЕС ИЗОБРАЖЕНИЯ" style="border-radius: width: ШИРИНА ИЗОБРАЖЕНИЯpx; height: ВЫСОТА ИЗОБРАЖЕНИЯpx; border: 3px solid red; border-radius: 100%;" />

Так выглядит код картинки — HTML овал (для прямоугольных изображений):

< img src="https://img-fotki.yandex.ru/get/16129/163781271.f8/0_
f121c_96424eec_L.jpg" style="border-radius: width: 430px; height: 280px;
border: 3px solid red; border-radius: 100%;"/>

Смотрим дальше

Рубрики:

для дневника
HTML

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

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

Пятница, 06 Декабря 2019 г. 09:53 + в цитатник

Красота_здоровье все записи автора Это цитата сообщения Бахыт_АБМ [Прочитать целиком + В свой цитатник или сообщество!]

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

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

Рубрики:

для дневника
HTML

Метки: для картинок оформление дневников на Лиру полезное

Рамочка для текста "Стоит подумать"

Дневник

Понедельник, 11 Ноября 2013 г. 14:35 + в цитатник

streglova все записи автора

Рамочка для текста "Стоит подумать"

Здесь будет Ваш текст

streglova

<table style="border:0px none #000000" background="<a href="//img-fotki.yandex.ru/get/5009/nata-komiati.b9/0_5fed4_fd4d7327_S.jpg"" target="_blank">//img-fotki.yandex.ru/get/5009/nata-komiati.b9/0_5fed4_fd4d7327_S.jpg"</a> cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="<a href="//img-fotki.yandex.ru/get/4808/nata-komiati.35/0_566ba_8c3693df_S.jpg"" target="_blank">//img-fotki.yandex.ru/get/4808/nata-komiati.35/0_566ba_8c3693df_S.jpg"</a> cellspacing="0" cellpadding="0"><tr><td style="padding:16px"><table style="border:0px none #000000" background="<a href="//img-fotki.yandex.ru/get/5009/nata-komiati.b9/0_5fed4_fd4d7327_S.jpg"" target="_blank">//img-fotki.yandex.ru/get/5009/nata-komiati.b9/0_5fed4_fd4d7327_S.jpg"</a> cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:0px none #000000" background="<a href="//img-fotki.yandex.ru/get/5303/nata-komiati.35/0_56694_e8bcea8f_S.jpg"" target="_blank">//img-fotki.yandex.ru/get/5303/nata-komiati.35/0_56694_e8bcea8f_S.jpg"</a> cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table style="border:0px none #000000" background="<a href="//img-fotki.yandex.ru/get/4808/nata-komiati.35/0_566ba_8c3693df_S.jpg"" target="_blank">//img-fotki.yandex.ru/get/4808/nata-komiati.35/0_566ba_8c3693df_S.jpg"</a> cellspacing="0" cellpadding="0"><tr><td style="padding:9px"><table style="border:0px none #000000" background="<a href="//img-fotki.yandex.ru/get/5009/nata-komiati.b9/0_5fed4_fd4d7327_S.jpg"" target="_blank">//img-fotki.yandex.ru/get/5009/nata-komiati.b9/0_5fed4_fd4d7327_S.jpg"</a> cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:0px none #000000" background="<a href="//img-fotki.yandex.ru/get/5303/nata-komiati.35/0_56694_e8bcea8f_S.jpg"" target="_blank">//img-fotki.yandex.ru/get/5303/nata-komiati.35/0_56694_e8bcea8f_S.jpg"</a> cellspacing="0" cellpadding="0"><tr><td style="padding:14px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#660033;font-size:20px"><i><b><a data-cke-saved-href="<a href="http://fotki.yandex.ru/users/ya-semira/view/840877/"" target="_blank">http://fotki.yandex.ru/users/ya-semira/view/840877/"</a> href="<a href="http://fotki.yandex.ru/users/ya-semira/view/840877/"><img" target="_blank">http://fotki.yandex.ru/users/ya-semira/view/840877/"><img</a> data-cke-saved-src="<a href="//img-fotki.yandex.ru/get/4906/131624064.4b2/0_cd4ad_814df6f2_L.jpg"" target="_blank">//img-fotki.yandex.ru/get/4906/131624064.4b2/0_cd4ad_814df6f2_L.jpg"</a> src="<a href="//img-fotki.yandex.ru/get/4906/131624064.4b2/0_cd4ad_814df6f2_L.jpg"" target="_blank">//img-fotki.yandex.ru/get/4906/131624064.4b2/0_cd4ad_814df6f2_L.jpg"</a> width="500" height="334" title="" alt="" border="0"/></a><br/><a data-cke-saved-href="<a href="http://fotki.yandex.ru/users/ya-semira/view/840877/"" target="_blank">http://fotki.yandex.ru/users/ya-semira/view/840877/"</a> href="<a href="http://fotki.yandex.ru/users/ya-semira/view/840877/"><br" target="_blank">http://fotki.yandex.ru/users/ya-semira/view/840877/"><br</a> /><br />Здесь будет Ваш текст<br /><br /><a data-cke-saved-href="<a href="http://fotki.yandex.ru/users/iskuschenie/view/703578/"" target="_blank">http://fotki.yandex.ru/users/iskuschenie/view/703578/"</a> href="<a href="http://fotki.yandex.ru/users/iskuschenie/view/703578/"><img" target="_blank">http://fotki.yandex.ru/users/iskuschenie/view/703578/"><img</a> data-cke-saved-src="<a href="//img-fotki.yandex.ru/get/5636/162293206.102/0_abc5a_32d08fd1_M.png"" target="_blank">//img-fotki.yandex.ru/get/5636/162293206.102/0_abc5a_32d08fd1_M.png"</a> src="<a href="//img-fotki.yandex.ru/get/5636/162293206.102/0_abc5a_32d08fd1_M.png"" target="_blank">//img-fotki.yandex.ru/get/5636/162293206.102/0_abc5a_32d08fd1_M.png"</a> width="300" height="106" title="" alt="" border="0"/></a><br/><a data-cke-saved-href="<a href="http://fotki.yandex.ru/users/iskuschenie/view/703578/"" target="_blank">http://fotki.yandex.ru/users/iskuschenie/view/703578/"</a> href="<a href="http://fotki.yandex.ru/users/iskuschenie/view/703578/"></b></i></span></td></tr><tr><td" target="_blank">http://fotki.yandex.ru/users/iskuschenie/view/7035...gt;</tr><tr><td</a> style="padding:0px" height="1%" align="center"><span style="color:#663333;font-size:12px"><i><b> <a data-cke-saved-href="<a href="//www.liveinternet.ru/users/streglova/profile"" target="_blank">http://www.liveinternet.ru/users/streglova/profile"</a> href="<a href="//www.liveinternet.ru/users/streglova/profile"" target="_blank">http://www.liveinternet.ru/users/streglova/profile"</a> style="text-decoration: none; color:#4D0949">streglova</a></b></i></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рубрики:

HTML

Схема от Schamada+ Рамочка.

Дневник

Суббота, 31 Августа 2013 г. 15:05 + в цитатник

Schamada все записи автора title830583654 (308x302, 151Kb)

Рубрики:

ДИЗАЙН (схема для дневника)/яркие
HTML

Метки: схемы дизайн рамочки

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

Дизайн - комплект от Schamada.

Дневник

Среда, 07 Августа 2013 г. 00:32 + в цитатник

Schamada все записи автора

Название: Кремовая
Автор: Schamada
Создана: 08.08.2013 00:04
Скопировали: 17 раз
Установили: 6 раз
Примерить схему | Cохранить себе

****ВАШ ТЕКСТ****

<i><div align="center"> <table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/b/4/103/740/103740015_0_a306d_aff935bc_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//s019.radikal.ru/i602/1308/0e/32b6dde68137.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/b/4/103/740/103740015_0_a306d_aff935bc_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/b/4/103/739/103739850_large_3ff.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/b/4/103/739/103739916_0_8b5cc_b78ab584_S.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/b/4/103/740/103740015_0_a306d_aff935bc_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/b/4/103/739/103739916_0_8b5cc_b78ab584_S.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table width="750" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/b/4/103/739/103739850_large_3ff.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#663300;font-size:24px"><i><br /> ****ВАШ ТЕКСТ****<br /> </i></span></td></tr><tr><td style="padding:0px" height="1%" align="right"><span style="color:#000000;font-size:20px"><a href="//www.liveinternet.ru/users/schamada/" target="_blank" title="рамочки от Schamada"><img src="//img1.liveinternet.ru/images/attach/c/8/100/800/100800261_60684c6f54e8.gif" /></a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </div></i>

Здесь есть ещё

Серия сообщений "летние":
Часть 1 - "Фея лотоса"рамка
Часть 2 - "Лесная нимфа"рамка
Часть 3 - Дизайн - комплект от Schamada.
Часть 4 - рамочка для текста(от green_eyes)
Часть 5 - Рамочка для Ваших записей
...
Часть 25 - Делись добром с хорошим настроением и в удовольствие себе!
Часть 26 - Распахну свою Душу... настежь...
Часть 27 - Ожерелья встреч.

Рубрики:

рамочки/для текста
ДИЗАЙН (схема для дневника)/яркие
ДИЗАЙН (схема для дневника)/с цветами
HTML
Авторские работы

Метки: схемы дизайн рамочка для текста

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

кнопки,баннеры

Среда, 31 Октября 2012 г. 01:56 + в цитатник
Это цитата сообщения Валентина_Гребенюк [Прочитать целиком + В свой цитатник или сообщество!]

кнопки,баннеры

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

ячейка 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

Метки: HTML

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

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

Пятница, 13 Января 2012 г. 21:42 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

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

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

	Ваш текст	<font color="#000080">ваш текст</font>
	Ваш текст	<font color="#0000FF">ваш текст</font>
	Ваш текст	<font color="#3366CC">ваш текст</font>
	Ваш текст	<font color="#00FFFF">ваш текст</font>
	Ваш текст	<font color="#3D9FE">ваш текст</font>
	Ваш текст	<font color="#660066">ваш текст</font>
	Ваш текст	<font color="#9900CC">ваш текст</font>
	Ваш текст	<font color="#CC00CC">ваш текст</font>
	Ваш текст	<font color="#FF66FF">ваш текст</font>
	Ваш текст	<font color="#800000">ваш текст</font>
	Ваш текст	<font color="#CC0000">ваш текст</font>
	Ваш текст	<font color="#FF0000">ваш текст</font>
	Ваш текст	<font color="#FF6666">ваш текст</font>
	Ваш текст	<font color="#FFCCCC">ваш текст</font>
	Ваш текст	<font color="#663300">ваш текст</font>
	Ваш текст	<font color="#CC6600">ваш текст</font>
	Ваш текст	<font color="#FFFF00">ваш текст</font>
	Ваш текст	<font color="#FFFFCC">ваш текст</font>
	Ваш текст	<font color="#003300">ваш текст</font>
	Ваш текст	<font color="#006600">ваш текст</font>
	Ваш текст	<font color="#009933">ваш текст</font>
	Ваш текст	<font color="#00FF00">ваш текст</font>
	Ваш текст	<font color="#99FF99">ваш текст</font>
	Ваш текст	<font color="#000000">ваш текст</font>
	Ваш текст	<font color="#FFFFFF">ваш текст</font>

Рубрики:

HTML

Метки: для дневника HTML

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

Оформление ТЕКСТА в дневнике.

Вторник, 11 Октября 2011 г. 19:19 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Оформление ТЕКСТА в дневнике.

Предлагаю вот такое оформление Текста для ваших постов.
Этим текстом можно оформить ЭПИГРАФ дневника.
Копируйте нужный вам код и вставляйте к себе в дневник.
Только в коде вместо слов ВАШ ТЕКСТ пишите свой.

ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ЗДЕСЬ далее...

SvetlanaT

Рубрики:

HTML

Метки: для дневника HTML

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

Делаем отдельный Список ваших постов-Бродилку.

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

Делаем отдельный Список ваших постов-Бродилку.

Продолжаем тему СЕРИИ СООБЩЕНИЙ.
В данном уроке я попытаюсь объяснить как,можно отдельно в посте сделать такую же
Серию сообщений.Только чтобы он не тянулся огромным хвостом,а был отдельным,
самостоятельным постом.
Только сразу предупреждаю.
Новые пункты в вашем списке вы будете загружать сами,
автоматически они не загружаются.Итак как это сделать.
Например вот так:

Так будет выглядеть ваш список.
1 Развлечения.

2 Рукоделие.

SvetlanaT

Рубрики:

Для оформления дневника/Другое
полезное
HTML

Метки: HTML Другое полезное

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

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

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

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

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

и вставьте его в самом начале кода своей рамочки или картинки
Вот они и в центре!Все так просто!!
Если надо поставить картинку слева или справа,
то в коде вместо center поставьте теги left и right
И еще раз о NTML-кодах
буквально для новичков и не только...

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

Принципы HTML

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

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

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

Списки HTML

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

Шрифты HTML

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

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

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

Цвета HTML

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

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

Таблица HTML

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

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

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

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

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

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

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

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

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

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

Вставка Flash

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

HTML-редактор

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

Arnusha

Спасибо NATALKA

Рубрики:

HTML

Метки: для дневника HTML

Страницы:

[2] 1

LiveInternetLiveInternet

-Цитатник

-Ссылки

-Видео

-Новости

-Метки

-Рубрики

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

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

-Интересы

-Статистика

Закругление углов изображения без ФШ

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

Рамочка для текста "Стоит подумать"

Дневник

Схема от Schamada+ Рамочка.

Дневник

Дизайн - комплект от Schamada.

Дневник

кнопки,баннеры

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

Оформление ТЕКСТА в дневнике.

Делаем отдельный Список ваших постов-Бродилку.

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