-Рубрики

 -Цитатник

ВЫКРОЙКИ ЖЕНСКОЙ ОДЕЖДЫ - (0)

1. 2. 3. 4. 5. 6. 7. 8. 9. ...

Шикарная подборка идей и схем-выкроек для Бохо! - (0)

Умение в одном образе комбинировать и сочетать детали различных стилей &mdash...

ШЛЯПКИ ДЛЯ КУКОЛ - (0)

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.

Шары почти кимекоми - (0)

АВТОР lematy В этом году сделала я целую вазу шаров, декорированных тканью. Вот таких.&n...

МАЛЕНЬКИЕ ЗВЕРУШКИ И КУКОЛКИ - (0)

1. 2. 3. 4. 5. 6. 7. 8. 1. 2. 3. 4. 5. 6. 7. 8. 1. 2. 3. 4. 5. 6. 7. 8. 1. 2. 3. 4. 5. 6. 7. 8. 1. 2...

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

 -Фотоальбом

Посмотреть все фотографии серии ВНУЧКА
ВНУЧКА
01:54 18.11.2012
Фотографий: 6
Посмотреть все фотографии серии Общая
Общая
14:57 03.10.2012
Фотографий: 12
Посмотреть все фотографии серии СЕМЕЙНЫЕ ФОТО
СЕМЕЙНЫЕ ФОТО
03:00 01.01.1970
Фотографий: 0

 -Всегда под рукой

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

Поиск сообщений в GALA_CRISTALL

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

 

 -Сообщества

Участник сообществ (Всего в списке: 46) Креативные_идеи ПОИСК_ПРАВДЫ Денежный_Поток Народные_советы Рамки_для_днева _СвОиМи_РуКаМи_ про_искусство Простые_рисунки полезные_игрушки Наши_рецептики Дом_Кукол Аудиокниги мир_красивых_поделок_и_изделий Я-Женщина Рукоделочки _В_И_Н_Т_А_Ж_ Декупажный_Бум УспешнаяДомохозяйка Всё_для_блога Вяжем_спицами_и_крючком Обречены_на_Счастье Секреты_здоровья Неудержимые_ручки Школа_Пограничье ЛиРу Уголок_психолога Ceska-republika Decor_Rospis Gala-Feya_and_Photoshop Gallery_Decor_R СДЕЛАНО_С_ЛЮБОВЬЮ Мы_вместе_ _Поиск_Картинок_ Point-to-Point Как_заработать_в_сети master-klass Я_-_МАСТЕРИЦА ЯРМАРКА_РУКОДЕЛИЯ Моя_кулинарная_книга Арт_Калейдоскоп Школа_славянской_магии СОЗВУЧИЕ_СЕРДЕЦ Best_of_Callery Creative_Designs Только_для_женщин Questions_LiveInternet
Читатель сообществ (Всего в списке: 12) _ПрОсТо_ДлЯ_ВаС_ Ссылочки_малятам Цитаты-из-книг Куклы_и_Модели Школа_Иггдрасиль Обитель_Тьмы Photoshop_Tricks Photoshopinka Мир_видео_и_слайд_-_шоу Мир_клипарта О_Самом_Интересном Школа_славянской_магии

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.12.2011
Записей:
Комментариев:
Написано: 13073


Шпаргалка по HTML № 2

Четверг, 07 Ноября 2013 г. 15:38 + в цитатник
Цитата сообщения Advayta

Оформление текста
(рекомендую спец. страничку TEXT):

Перечёркнутый текст: ТЕКСТ

Подчёркнутый текст: ТЕКСТ

Полужирный текст: ТЕКСТ

Полужирный крупный: ТЕКСТ

Курсивный текст: ТЕКСТ

Маленький текст: текст

Неразрывный пробел:

Центрирование:

текст (картинка) по центру


Выравнивание текста по правому краю поста:

Равномерное выравнивание текста по всей ширине поста:

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

Бегущая строка (рекомендую Бегущая строка):
бегущая, как олень, строка

Вместо текста можно вставить картинку:

Код этой картинки:

Сноска вверху: ТЕКСТсноска

Сноска внизу: ТЕКСТсноска

Линия:


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

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):
Я
  Пешу
       Лесинкой!!!

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2

Увеличить текст на 1 пункт: текст

Увеличить текст на 2 пункта: текст

Увеличить текст на 3 пункта: текст

Увеличить текст на 4 пункта: текст

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст

ЖЕЛТЫЙ: желтый текст

ФИОЛЕТОВЫЙ: фиолетовый текст

ЗЕЛЕНЫЙ: зеленый текст

СИНИЙ: синий текст

ФУКСИЯ: фуксия текст

Таблица “базовых” цветов (вводим “Имя” или “Код”):


ИмяКодИмяКодИмяКодИмяКод
aqua#00FFFF green#008000 navy#000080 silver#C0C0C0
black#000000 gray#808080 olive#808000 teal#008080
blue#0000FF lime#00FF00 purple#800080 white#FFFFFF
fuchsia#FF00FF maroon#800000red#FF0000 yellow#FFFF00
  • Посмотреть сочетаемость цветов
  • Таблица безопасных цветов
  • Все цвета Интернета

    ВИД ШРИФТА:
    Шрифт этого текста “Monotype Corsiva”

    Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
    Шрифт этого текста “Monotype Corsiva”
    код этого текста:

    Оформление ссылок (рекомендую спец. страницу Ссылки):

    Как вставить ссылку на веб-страницу:

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

    Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:


    Спец. теги ЖЖ:

    Элементарный жж-кат (с “Read more”):

    жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:

    Работу ката не видно в режиме “ПРОСМОТР”
    Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale

    Сссылка на сообщество, например: aforism
    делается точно так же:

    Если надо так:wildmale
    или так: comm - идем СЮДА

    Вместо wildmale пишем Дикий самец:

    Ежели надо с “человечком”: Дикий самец:

    Скопировав код, не забудьте поменять реквизиты.
    Вставка МЕДИА-файлов:
    Видео, флеш и проч. в ЖЖ вставляются так:


    Публикация картинок:

    Код любой картинки в сети в простом варианте выглядит так:
    <img src="http://.../...jpg">
    Уникальный URL (http://.../...jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
    Совсем “чайникам” рекомендую (для ЖЖ):
    1.Открываешь ljplus.ru
    2. Регистрируешься
    3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
    4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
    5. Постишь. Становишься знаменитым.
    В каменты картинки ставятся аналогично, кат не работает.

    Как сделать, чтобы текст «обтекал» картинку?
    Легко - картинка слева, текст справа:
    добавляем в код картинки:
    align=left hspace=20
    Код картинки примет вид:
    <img src="http:…" align=left hspace=20>
    Помни:
    align=left – картинка слева, текст справа
    align=right - картинка справа, текст слева
    hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
    vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
    Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
    <img src="http:…" align=left hspace=20 vspace=15>

    Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
    Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
    <br><br><br> - три пустые строки.

    Вставить две и более картинки горизонтально:
    - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

    Регулируем расстояние меж картинками по-горизонтали:
    С помощью “неразрывного пробела”:  &nbsp;
    Расстояние, равное 8 пробелам будет выглядеть так:

    Вставляется меж кодов картинок, есс-но

    Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"

    Если надо цветную рамку , добавьте в код картинки: - задана красная рамка толщиной 5 пикселей

    Чтоб быстро вставить картинку с другого сайта, вставьте в пост:

    затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

    Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)

    Как запостить галерею? Узнай ЗДЕСЬ
    Как запостить слайдшоу? Узнай ЗДЕСЬ


    Окошечко для вставки кода, типа:

    получаем так:

    где rows и cols определяют площадь окна

    Можно сделать покрасивше:

    Кнопка-ссылка на веб-страничку
    Например, на эту:

  • Рубрики:  ~*~ УРОКИ HTML и CSS
    Метки:  
    Понравилось: 3 пользователям

    E-Ledi   обратиться по имени Четверг, 07 Ноября 2013 г. 22:41 (ссылка)
    Спасибо за богатство!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Суббота, 09 Ноября 2013 г. 19:33ссылка
    Пожалуйста, я и сама пользуюсь с благодарностью !!!
    b00983933a37 (450x318, 124Kb)
     

    Добавить комментарий:
    Текст комментария: смайлики

    Проверка орфографии: (найти ошибки)

    Прикрепить картинку:

     Переводить URL в ссылку
     Подписаться на комментарии
     Подписать картинку