Серия сообщений "*HTML*":
Часть 1 - HTML
Часть 2 - Шрифты, HTML-коды / примеры с кодами
Часть 3 - Генератор таблиц-онлайн всех HTML кодов
Часть 4 - Делаем Приветствие в виде слайд—шоу на Лиру
Часть 5 - Всплывающие картинки и курсор из своего фото
Часть 6 - Небольшая подборка кодов,для странички..
Часть 7 - Коды для блога, от Юлии Чагиной
Часть 8 - Курсоры для браузера Опера
Часть 9 - ФОРМУЛЫ ТАБЛИЦ ДЛЯ КАРТИНОК С ОКОШКАМИ
Часть 10 - Цветные окошки для кодов + генератор цветов.

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

Соседние рубрики: *текст с прокруткой*(6), *таблица цветов*(5), *пишем красиво*(2), *делаем рамочки*(34), *делаем плееры*(61)

Другие рубрики в этом дневнике: Это... интересно(24), Цветы(15), Фотошоп(883), Флеш-уроки(15), Флеш-материал(88), Уроки (231), Стихи(2), Программы(80), Полезные советы(30), Оформление,дизайн дневников и блогов (78), Оформление(171), Никнейм(1), Музыка(1), Моя фото манипуляция(18), Моя бродилка(2), Мои фракталы(6), Мои работы(анимация)(255), Мои работы во флеш(28), Мои коллажи в ФШ(4), Кулинария(244), Компьютер (15), Клипарт(200), Генераторы(60), Вязание(4)

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

HTML

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

HTML

Перейти на страницу

Центровка	Картинка слева от текста
Картинка справа от текста	Картинки по бокам от текста
Текст по бокам картинки	Бегущая строка
Подпись	Окошко под код
Баннер	4 картинки в ряд
Выпадающий список	Текст с прокруткой
Фш разрезная рамочка	Рамочка с разрывом
Размер картинки	Таблица из двух столбцов
Текст на картинке	Текст в 2 столбика

Рубрики:

Оформление

Метки: оформление HTML

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

Шрифты, HTML-коды / примеры с кодами

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

Шрифты, HTML-коды / примеры с кодами

В своих постах мы иногда используем разные шрифты (в панели спецкодов их 4),
некоторые используют до десятка-полутора шрифтов, но их намного-намного больше.
Дам вам СПИСОК ШРИФТОВ, где их более 100 и дам коды некоторых примеров.

_ШРИФТЫ + КОДЫ_

Monotype Corsiva

Georgia

MS Mincho

Comic Sans MS

Garamond

Wingding

Times New Roman

Courier New

_ОБЩИЙ ПРИНЦИП_

Задать размер текста можно двумя способами:
отличный от обычного (±1, ±2,..) или размер текста в рх

Код цвета можно задавать:
буквенным написанием или кодом-HTML

Выбрать ШРИФТ можете из таблицы ниже.
Скопировав его, вставьте в код вместо слов "выбранный ШРИФТ".

_Список шрифтов для использования в HTML-коде_

Рубрики:

Оформление

Метки: оформление HTML

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

Генератор таблиц-онлайн всех HTML кодов

Суббота, 14 Марта 2015 г. 22:31 + в цитатник
Это цитата сообщения Zirgelis [Прочитать целиком + В свой цитатник или сообщество!]

Генератор таблиц-онлайн всех HTML кодов

Рубрики:

Оформление

Метки: оформление HTML

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

Делаем Приветствие в виде слайд—шоу на Лиру

Суббота, 14 Марта 2015 г. 22:34 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем Приветствие в виде слайд—шоу на Лиру

Идей использования слайд—шоу несколько.
Во первых можно сделать в ваш эпиграф небольшой
анонс ваших постов или Приветствие.
Используя это слайд—шоу, как в ТЕКСТОВОМ варианте, так и в ГРАФИЧЕСКОМ.
Делаем так:
В нужные теги (которые я выложу чуть ниже) загружаем свою КАРТИНКУ или пишем ТЕКСТ.
Если у вас большой текст например или много картинок, а вы не умеете убирать их ПОД КАТ
или не хотите это делать.
То можно использовать СЛАЙД-ШОУ.
И вам не придётся ничего сворачивать и убирать.

Покажу на примерах:
Начнём с варианта ПРИВЕТСТВИЯ.
ЗДЕСЬ далее...

SvetlanaT

Рубрики:

Оформление

Метки: оформление HTML

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

Всплывающие картинки и курсор из своего фото

Суббота, 14 Марта 2015 г. 22:41 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Всплывающие картинки и курсор из своего фото

ВСПЛЫВАЮЩИЕ КАРТИНКИ И
КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ

Недавно посетитель блога Андрей (наведите сюда курсор,увидите его аватарку) подсказал мне формулу, по которой можно без труда ставить в запись свой курсор и делать всплывающие картинки.

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

Рубрики:

Оформление

Метки: оформление HTML

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

Небольшая подборка кодов,для странички..

Суббота, 14 Марта 2015 г. 22:45 + в цитатник
Это цитата сообщения ALEXGORIN [Прочитать целиком + В свой цитатник или сообщество!]

Небольшая подборка кодов,для странички..

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

Рубрики:

Оформление

Метки: оформление HTML

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

Коды для блога, от Юлии Чагиной

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

Коды для блога, от Юлии Чагиной

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

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

Серия сообщений "HTML коды":
Часть 1 - оформление постов, текстов
Часть 2 - справочник по HTML
...
Часть 7 - Основные HTML теги
Часть 8 - Ставим бродилку в блог
Часть 9 - Коды для блога, от Юлии Чагиной
Часть 10 - Очень нужные тэги для постов
Часть 11 - Эпиграф, пост с прокруткой
...
Часть 47 - Цветные окошки для кодов + генератор цветов.
Часть 48 - Красивое разворачивание картинки в постах и рамках.
Часть 49 - Коды цветов на HTML

Рубрики:

Оформление

Метки: оформление HTML

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

Курсоры для браузера Опера

Суббота, 14 Марта 2015 г. 22:49 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Курсоры для браузера Опера

Мне тут Валентина дала список кодов курсоров для браузера Опера, Гугл Хром, Мозилла. По крайней мере у меня они видятся. А вот Эксплоэр их НЕ видит, зато видит курсоры отсюда: http://www.liveinternet.ru/users/ka82/post100396162/

ЧТОБЫ БЫЛО ВИДНО НАВЕРНЯКА КОПИРУЙТЕ СРАЗУ ДВА КОДА (один в другой), НО: СНАЧАЛА С ОКОНЧАНИЕМ auto (это в этом посте, ниже), а потом где расширение .ani (это в том, другом посте)
По крайней мере это у меня видят и Опера, и Эксплоэр. А у вас?
ВАШ ТЕКСТ

Итак, здесь: общий код вставки для курсоров ниже:
ВАШ ТЕКСТ
По идее здесь в адрес картинки можете вставить вообще любую маленькую картинку, да хоть бы и этот смайл лирушный:

КУРСОРЫ
Вставить курсор в свою запись очень просто. Копируете нужный код из окошечка и ВМЕСТО слов "ТЕКСТ ИЛИ КОД" вставляете ... свой текст или код поста или код рамочки.
Чтобы увидеть как выглядит сам курсор, наведите свой курсор на название.

РозочкаТекст или код СердечкоТекст или код ЦветочекТекст или код 

УголокТекст или код ДельфинТекст или код ДельфинчикТекст или код 

БабочкаТекст или код БабочкаТекст или код БабочкаТекст или код 

Божья коровкаТекст или код рамочки Ветка черёмухиТекст или код рамочки Веточка сакурыТекст или код рамочки

Вишня в шоколадеТекст или код рамочки ЖасминТекст или код рамочки КапелькаТекст или код рамочки

КотёнокТекст или код рамочки ЛистикТекст или код рамочки ЛистикТекст или код рамочки

Морской конёкТекст или код рамочки РакушкаТекст или код рамочки РыбкаТекст или код рамочки

Осенний листикТекст или код рамочки ПодснежникТекст или код рамочки СиреньТекст или код рамочки

ФиалкаТекст или код рамочки ПтичкаТекст или код рамочки ПтичкаТекст или код рамочки

МишкаТекст или код рамочки ЩенокТекст или код рамочки ГномикТекст или код рамочки

Рубрики:

Оформление

Метки: оформление HTML

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

ФОРМУЛЫ ТАБЛИЦ ДЛЯ КАРТИНОК С ОКОШКАМИ

Суббота, 14 Марта 2015 г. 22:51 + в цитатник
Это цитата сообщения undina77 [Прочитать целиком + В свой цитатник или сообщество!]

ФОРМУЛЫ ТАБЛИЦ ДЛЯ КАРТИНОК С ОКОШКАМИ

Как сделать таблицу для нескольких картинок,чтобы она выглядела так:

<a href="http://smiles.33bru.com/smile.162992.html" target="_blank"><img src="http://s19.rimg.info/42e4f0aeff54b5314954aee5eb5594e8.gif" border="0" /></a>	<a href="http://smiles.33bru.com/smile.162988.html" target="_blank"><img src="http://s19.rimg.info/f8dc910f3da91715a7471bf5c9989a00.gif" border="0" /></a>
<a href="http://smiles.33bru.com/smile.162987.html" target="_blank"><img src="http://s19.rimg.info/38e895dc716316fe085dca984ea99fc0.gif" border="0" /></a>	<a href="http://smiles.33bru.com/smile.162985.html" target="_blank"><img src="http://s19.rimg.info/8debdc0c2ee21a72650064b65e235dbc.gif" border="0" /></a><br />

Рубрики:

Оформление

Метки: оформление HTML

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

Цветные окошки для кодов + генератор цветов.

Суббота, 14 Марта 2015 г. 22:52 + в цитатник
Это цитата сообщения Flash_Magic [Прочитать целиком + В свой цитатник или сообщество!]

Цветные окошки для кодов + генератор цветов.

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

Ваш Текст

Код Окошка

<textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#633713; background-color:#b18f73; border: solid 1px #633713;">Ваш Текст

Ваш Текст

Код Окошка

<textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#E40000; background-color:#000000; border: solid 1px #E40000;">Ваш Текст

Ваш Текст

Код Окошка

<textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#97c6ed; background-color:#175667; border: solid 1px #97c6ed;">Ваш Текст

Окошко для флеш кодов смотрите ТУТ, в уроке
(КАК ЗАГРУЖАТЬ И РЕДАКТИРОВАТЬ ФЛЕШ ФАЙЛЫ НА ЛИ.РУ.)

Теперь рассмотрим как поменять цвета в окошке.
Смотрите подсказки на скриншоте.
окошко для кодов.. (505x600, 312Kb)

Подбираем нужный вам цвет, при помощи генератора цвета,
копируем код, выделяем старый и меняем, вставляя скопированный.

Чтобы подобрать нужный цвет, подвигайте бегунками.
Затем скопируйте код рядом с выбранным цветом.

Всем удачи, творческих успехов и хорошего настроения!

Рубрики:

Оформление

Метки: оформление HTML

Страницы:

[1]

LiveInternetLiveInternet

-Приложения

-Рубрики

-Музыка

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

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

-Интересы

-Друзья

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

-Сообщества

-Статистика

HTML

Шрифты, HTML-коды / примеры с кодами

Генератор таблиц-онлайн всех HTML кодов

Делаем Приветствие в виде слайд—шоу на Лиру

Всплывающие картинки и курсор из своего фото

Небольшая подборка кодов,для странички..

Коды для блога, от Юлии Чагиной

Курсоры для браузера Опера

ФОРМУЛЫ ТАБЛИЦ ДЛЯ КАРТИНОК С ОКОШКАМИ

Цветные окошки для кодов + генератор цветов.