Всегда под рукой. Шпаргалка

*Mariea@mmg*

Все, что так необходимо для работы на сайте.

HTML ШПАРГАЛКА

CKEditor - онлайн редактор XTML

myBlaze Уроки HTML. Создаем свой первый сайт

Палитры

 http://mudcu.be/sphere/

http://colors.multomelis.com/color/4a2075

http://www.colorhexa.com/

http://www.colorpicker.com/bfb8b8

Таблица цветов с кодами XTML и RGB:
http://www.stm.dp.ua/web-design/color-html.php

ЯПфайлы https://www.yapfiles.ru/

 

Пишем красиво! Просто набираем текст, указываем его размер, цвет, жмем готово и получаем готовый XTML текста.

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

Стиль шрифта
<span style="font-family:Georgia; font-weight: lighter; font-style:oblique; font-variant:normal; color:red">Стиль шрифта</span>
Стиль шрифта
<span style="font-family:Lucida Sans Unicode; font-weight: bold; font-style:italic; font-size:20px;font-variant:small-caps; color:CornflowerBlue">Стиль шрифта</span>
Стиль шрифта
<span style="font-family:Comic Sans MS; font-weight: bolder; font-style:italic; font-size:20px;font-variant:normal; color:DarkOliveGreen">Стиль шрифта</span><br />
Стиль шрифта
<span style="font-family:Monotype Corsiva; font-weight: lighter; font-style:italic; font-size:22px; text-shadow: silver 0.1em 0.1em; font-variant:normal; color:Maroon">Стиль шрифта</span>
Стиль шрифта
<span style="font-family:Impact; font-weight: lighter; font-style:oblique; font-size:22px; text-shadow: silver 0.1em 0.1em; font-variant:normal; color:DeepSkyBlue3">Стиль шрифта</span><br />
Стиль шрифта
<span style="font-family:Courier; font-weight: normal; font-style:normal; font-size:18px; font-variant:normal; color: Goldenrod2">Стиль шрифта</span>
Стиль шрифта
<span style="font-family:Arial black; font-weight: normal; font-style:oblique; font-size:18px; text-shadow: PeachPuff1 -0.15em 0.12em; font-variant:normal; color: DarkGoldenrod4">Стиль шрифта</span>
Стиль шрифта
<span style="font-family:Bookman Old Style; font-weight: lighter; font-style:italic; font-size:18px; text-shadow: DarkSeaGreen 0.1em 0.12em; font-variant:normal; color: LightSeaGreen">Стиль шрифта</span>
Стиль шрифта
<span style="font-family:Monotype Corsiva; font-weight: bolder; font-style:normal; font-size:24px; font-variant:normal; color: SaddleBrown">Стиль шрифта</span>
Стиль шрифта
<tt><span style="font-weight: lighter; font-style:normal; font-size:16px; font-variant:normal; color: black">Стиль шрифта</span></tt>
Мерцающий текст
<span style="font-family:Comic Sans MS; font-style:normal; font-size:16px; font-variant:normal; color: RoyalBlue4; text-decoration: blink">Мерцающий текст</span>

Чтобы применить стиль, скопируйте код из окошка (предварительно выделив его клавишей Ctrl+A), замените в коде фразу "стиль текста" на свою и вставляйте в свое сообщение в режиме HTML! источник

 

Смотрите далее, пожалуйста!

Сегодня множество дизайнерских решений и самые разные стили помогают решить проблему оформления прохожей. Для этого существует масса способов, это и вставки отделочных материалов, оригинальный декор, украшение светильниками и зеркалами, картинами, необычная форма подвесного или натяжного потолка, с подсветкой полочки, и красивая плитка на полу. Это делает проходную зону более разнообразной и красивой. Ведь первое впечатление о квартире складывается по оформлению “входа”. Говорят, что “по прихожке встречают”, но важно не только мнение гостей, но и а наше собственное ощущение как хозяев дома. 20 проектов холлов и прихожих. Приятного просмотра!!

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

СХЕМА - Красивая ваза

 

Милая странница

Написание ссылок в постах

Со ссылками сталкивается наверное каждый блоггер, который пишет не только свои впечатления о дне прожитом, но и рассказывает о встреченных в сети полезностях с ссылкой на эти сами полезности. Итак, ссылки пишутся по следуюему шаблону:
<a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a>
<<a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - открывается в новом окне
<<a href="АДРЕС СТРАНИЦЫ" target="_blank" title="Пояснительный текст"><img src="URL картинки" /></a> - так называемый баннер, при наводе мышки на который всплывает "пояснительный текст". URL картинки я обычно беру с радикала, пункт 1.
Получается довольно миленькая картинка, которая ведет на мой сайт, при наведении показывается адрес моего сайта:


Вот такой вот результат:)

Чтобы выделиться, можно текст ссылок написать другим шрифтом, шрифтом другого размера и т.д. Код такого изменения выглядит так: <<a href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a> , где вместо Monotype Corsiva можно поставить любой понравившийся шрифт, green заменить на любой другой цвет и размер шрифта 25 пикселей тоже меняете. Надеюсь, объясняю понятно:) В крайнем случае для меня, а я полный чайник, повторюсь, что все вышеизложенное в свое время выужено из сети, из разных источников.
Для особо увлекающимися написанием постов с использованием ссылок можно еще сделать следующее:

Подчеркнутая ссылка

Ссылка зеленого цвета, подчеркнутая красной чертой
Код: <<a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ваш текст</span></a>

Аналогично пишется ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom
Код: <<a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Ваш текст</a>


На цветном фоне

Ссылка
Код: <<a style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="АДРЕС СТРАНИЦЫ">Ссылка</a>

Как оформить свой дневник

Список уроков.Как ОФОРМИТЬ ДНЕВНИК.

Оформляем дневник. 1 Автоматическая публикация постов на Лиру. 2 Топ популярных дневников на Лиру. 3 Делаем серию сообщений в виде списка.Новое на Лиру. 4 Как загрузить Музыку к себе в дневник на Лиру. 5 Как вставить ВИДЕО в дневник на Лиру.С разных сайтов. 6 Как вставлять РАМКУ в свой пост на Лиру. 7 Как СДЕЛАТЬ ПОСТ С КАРТИНКОЙ на Лиру. 8 Как делать РАЗДЕЛЫ РУБРИКИ и ПОДРАЗДЕЛЫ на Лиру. 9 Картинки или фотки с Я.РУ переносим на ЛИ.РУ. 10 Как вставить картинку на Ли.ру без Радикал-фото. Хотите иметь все уроки у себя под рукой? Скопируйте код БАНЕРА и установите вверху своего блога и у вас всегда будут новые уроки. Банерочек для вашего днева... <a href="http://milolicasv.ru/post130540292/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/2//65/461/65461770_dnevnik1.jpg" border="0" /></a> Милолика Покровская

Составные картины как идея для интерьера и декора

 

смотрите далее>>>>

Весна. 8 Марта.

Серия сообщений "8 Марта":

Часть 1 - Цифры Восемь - праздничный цветочный клипарт для фотошопа к 8 Марта в PNG
Часть 2 - Надписи к празднику 8 Марта
Часть 3 - Надписи 8 МАРТА в PNG.
Часть 4 - Весна. 8 Марта.

Коллаж. Закрывая глаза, думай обо мне....

Урок ЗДЕСЬ

Вариант без анимации