(и еще 76 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
9 мая бродилка видео все для фш гадание гороскоп девушки декор день рождения день св. валентина для меня друзьям зимнее интересные сайты клипарт коллаж+музыка мой коллаж моя рамочка фш моя флешка музоткрытка музыка награда/приз новогоднее осеннее открытка память патриотизм плагины-фильтры плейлист подарок поздравление полезное праздники работы друзей рамочки по формуле религия рождество россия стихи тест уроки по html уроки по анимации уроки по ли.ру уроки по рамочкам уроки по фш уроки фш флеш флешматериал флешоткрытка флешплееры фоны
РАБОТА С ТЕКСТОМ. html коды для текста |
Сегодня мы поговорим о шрифтах, тексте, его основных формулах, и различном написании.
Красиво написанный текст или оформленный заголовок всегда привлекает внимание к себе. Но не все знают как сделать это, да и трудно удержать в голове различные теги и формулы. Поэтому в этом посте собраны все основные теги и формулы по написанию и оформлению текста. Просто вписывайте свой текст в данные коды, и ваш текст будет выглядеть как в этих примерах. Значения размеров, толщину и цвет в кодах всегда можно поменять на свои.
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 10 - Все о бегущем тексте. Примеры и коды.
Часть 11 - Все о ссылках, оформление и коды.
Часть 12 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 13 - Он-лайн графические редакторы
Часть 14 - Бродилка по РУБРИКАМ моего дневника.
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста
Метки: уроки по html |
Аудиоплеер, работающий без Adobe Flash Player |
|
Метки: уроки по ли.ру уроки по html аудио плеер |
Как сделать бегущий текст на картинке, без всякого редактора |
Метки: дизайн уроки по html уроки по ли.ру |
Самые необходимые ТЕГИ для оформления записей... |
|
Метки: оформление дневника уроки по html |
Шрифты, HTML-коды / примеры с кодами... |
_ШРИФТЫ + КОДЫ_ |
Monotype Corsiva Georgia MS Mincho Comic Sans MS | Garamond Wingding Times New Roman Courier New |
_ОБЩИЙ ПРИНЦИП_ Задать размер текста можно двумя способами: отличный от обычного (±1, ±2,..) или размер текста в рх Код цвета можно задавать: буквенным написанием или кодом-HTML |
Выбрать ШРИФТ можете из таблицы ниже. Скопировав его, вставьте в код вместо слов "выбранный ШРИФТ". |
Метки: дизайн уроки по html уроки по ли.ру |
Тень у рамки... |
Метки: дизайн уроки по html уроки по рамочкам уроки по ли.ру рамочки по формуле |
Коды... Для начинающих и не только... |
Хороший сайт для тех, кто учится и творчески подходит к оформлению постов.
Метки: уроки по html |
ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ |
|
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
Метки: уроки по рамочкам уроки по html уроки по ли.ру рамочки по формуле |
Как отступить от края записи |
Метки: уроки по html уроки по ли.ру |
Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку |
Метки: флешматериал уроки по ли.ру уроки по html |
Изучаю тени... |
Метки: уроки по html уроки по ли.ру |
Как сделать скрытый аудиоплеер... |
|
Метки: уроки по ли.ру уроки по html флешплееры музыка |
Как сделать тени в рамочке и на картинках |
Метки: уроки по ли.ру уроки по html генератор рамок уроки по рамочкам |
КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру. |
Метки: уроки по html уроки по ли.ру |
Примеры работы с тенью текста |
Метки: уроки по рамочкам уроки по html |
Тень для текста |
|
Метки: уроки по ли.ру уроки по html уроки по рамочкам |
Рамки с объемным фоном без фотошопа! |
|
|
|
|
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
Как сделать тень на простой рамочке. |
|
Метки: уроки по рамочкам уроки по html рамочки по формуле |
Объемные рамки разной конфигурации. Без фотошопа! |
|
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
Пишем в два столбца без ФШ |
Метки: уроки по ли.ру уроки по html |
HTML_всё под рукой |
Это должно быть "всегда под рукой" Формулы разметки гипертекста. Форматирование Теги Атрибуты Графика Линии Рамки Кнопки Символы Полезные сайты - справочники |
Метки: уроки по html |
Цветные окошки для кодов + генератор цветов. |
Код Окошка | Код Окошка | Код Окошка |
Метки: уроки по ли.ру уроки по html полезное |
Разные стили Прокрутки для поста. |
![]()
По просьбам моих ПЧёлок немного про прокрутки.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
1.scrollbar-face-color-это цвет передней стороны панели прокрутки
2.scrollbar-arrow-color-это цвет треугольника на верхнем и нижнем квадратах.
3.scrollbar-3dlight-color-это цвет отсвета.
4.scrollbar-highlight-color-это цвет верхней и левой граней панели прокрутки.
5.scrollbar-shadow-color-это цвет нижней и правой граней панели прокрутки.
6.scrollbar-darkshadow-color-это нижний отсвет прокрутки.
7.scrollbar-track-color-это цвет полосы, по которой "ходит" панель прокрутки.
8. #FFFFFF ;#A21F0E-это коды цвета, которые можно менять.
ЗДЕСЬ далее...SvetlanaT
Метки: уроки по html уроки по ли.ру |
Плеер для Ли.ру... |
Метки: уроки по ли.ру уроки по html плеер |
Плеер для музыки с ЮТУБ |
Метки: плеер уроки по html уроки по ли.ру |
Кладезь для всех начинающих... |
маленький текст Увеличить текст+1: Увеличить текст+2: Увеличить текст+3: Увеличить текст+4: КРАСНЫЙ: ЖЕЛТЫЙ: ФИОЛЕТОВЫЙ: ЗЕЛЕНЫЙ: КОРИЧНЕВЫЙ: ГОЛУБОЙ: СИНИЙ: ФУКСИЯ: текст по центру бегущая влево строка бегущая вправо строка текст с правого краю в две строчки с выравниванием справа текст с правого краю в две строчки с выравниванием слева <li>ВАШ ТЕКСТ<br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /> </li></ul>
"закрепитель" текст остается таковым, каким вы его пишете Я пишу как хочу!!! Процитированый в отдельном блоке текст у которого будет небольшой отступ слева.
Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика.
или ещё какой-то ерундой скролящийся вниз получается: МОЙ ДНЕВНИК НА ЛИРУ Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*a href="адрес ссылки">Имя ссылки<*/a> где "адрес ссылки" - полный адрес (http:// и т.д.) <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.
100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Метки: уроки по html уроки по ли.ру |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:
"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.
Метки: уроки по html уроки по рамочкам уроки по ли.ру |
формула рамки :прокрутка с обводкой и фоном |
|
Серия сообщений "мои уроки":
Часть 1 - формула рамки :прокрутка в обводке
Часть 2 - формула рамки :прокрутка с обводкой и фоном
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
формула рамки :прокрутка в обводке |
|
Серия сообщений "мои уроки":
Часть 1 - формула рамки :прокрутка в обводке
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
Дополнение к уроку " Рамка с разрывом." |
Серия сообщений "мои уроки":
Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
Метки: уроки по ли.ру уроки по html уроки по рамочкам |
Страницы: | [2] 1 |