-Рубрики

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

Поиск сообщений в Люсия888

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

 

 -Статистика

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


HTML коды для сайта

Среда, 25 Июля 2012 г. 15:58 + в цитатник
Цитата сообщения Cadmii HTML коды для сайта

Text

Your text
Your text
Your text
Your text
Your text
Your text
Your text
Your text
Your text
TEXTsup
TEXTsub

Your text

Your text

Your text


Your text

Your text






Супермелкий шрифт. Например: Я тебя люблю Или: Я тебя люблю
Минимальное значение font-size:1pt (самый мелкий)
Аналогично делается суперкрупный шрифт.

 


Меняем вид шрифта:
Your very intresting text

Your very intresting text

 


На заметку: typetester.org – полезный сайт для желающих поэкспериментировать с текстом

Your very intresting text


СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ

 


Синий текст подчеркнут красной линией

 


Синий текст в красной рамке

 


Цветной текст с цветным фоном

 


  • Посмотреть сочетаемость цветов

    Цветной текст с цветным фоном в цветной рамке


    Текст, подчеркнутый пунктиром

     


    Текст, подчеркнутый точками

     


    Текст, подчеркнутый двойной чертой

     


    Текст, окаймленный разноцветным пунктиром


    Текст в двойной рамке


    Цветной текст в двойной цветной рамке


    Ваш текст в объемной 3D-рамке


    На заметку:

    Тег span (строчный) во всех приведенных примерах можно заменять на div (блочный элемент) и получим (на примере выше):

     

    Ваш текст в объемной 3D-рамке

    то бишь рамку на всю ширину поста.

    Размеры блока div задаются атрибутами:
    div style=width:200px; height:50px;
    где width:200px; – ширина блока 200 пикселей,
    height:50px; - высота блока 50 пикселей

    Получим:

    Ваш текст в объемной 3D-рамке


    Сервисы для подбора цвета:

     № 1№ 2№ 3

    Аббревиатура: HTML


    Так называемый «спойлерный» текст, проявляющийся при его выделении. Типа:
    «А убийцей в том кино был дворецкий«

     


    Так называемая «буквица»: В некотором царстве…

     


    Всплывающее окошко с пояснением при наведении на текст курсора (подведите курсор к следующему тексту):

     

    Ваш офигительно креативный текст


    Текст «наоборот»:
    Повернуть текст задом-наперед

     


    Расстояние между словами


    Больше расстояние между словами


    Расстояние между буквами


    А здесь задано расстояние между строками по вертикали пятьдесят пикселов


    Невидимый фрагмент записи (интересно, что невидим даже в OperaMini, хотя мобильные браузеры игнорируют многие стилевые настройки):
    опаньки!
    Невидимый фрагмент записи


    Еще способ скрыть текст:

     


    Приподнять одну фразу на 5 пикселей над текстом

     


    Опустить одну фразу на 5 пикселей ниже текста

     


    Повернуть текст на 90 градусов (работает только в IE):

    Раз, два, три, четыре, пять, шесть, семь

     


    Следующий трюк, напротив, работает только в Opera и Mozilla FF:

    Раз, два, три, четыре, пять, шесть

     


    Выделение цитаты в тексте.
    Пример:
    Еще поэт-романтик Новалис писал в Средние Века:
    Любимая! Ты – аббревиатура Вселенной.


    Написать текст, имея фоном картинку:

     

    /img527.imageshack.us/img527/7710/black41hj8.gif"" target="_blank">http://img527.imageshack.us/img527/7710/black41hj8.gif");">Светить всегда, светить везде – до дней последних донца! Светить – и никаких гвоздей!
     

Лучше брать маленькую картинку – она будет автоматом повторяться, пока продолжается текст. Атрибутами width и height в % или px (пикселах) можно задать определенный размер фоновой области


Эффект с подсветкой текста (наведите курсор на текст):
в некоторых блогсервисах (жж) может не работать

 

МОЙ ЗАМЕЧАТЕЛЬНЫЙ И КРЕАТИВНЫЙ ТЕКСТ


Разбить текст на две колонки:

 

текст левой колонки текст правой колонки

Код:
<table width=100%>

<tr><td width=50%>

текст левой колонки

<td width=50%>

текст правой колонки

</table>


Правильное (и уважительное) указание автора под скопированным текстом (цитатой) с всплывающей доп. информацией при наведении курсора
Пример

 

© J.Shaffer 1928


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

Есть особенность. Текст, заключенный в тег pre отобразится в окне браузера так называемым "моноширинным" шрифтом. Обычно в качестве такого шрифта используется Courier New. Если вас это не устраивает, воспользуйтесь встроенными стилями и назначьте свой шрифт:

 

C
     Днем
               Рождения!


Текст, обтекаемый другим текстом:

 

 

Первые ситкомы, как правило, снимались в студии, перед публикой, поэтому для них характерен закадровый смех.

Ситком устроен по-другому, нежели фильм, где стиль игры более реалистичный. Обычно на съемках 95% ситкомов есть живая публика, аудитория, смех которой и звучит за кадром. Это преувеличенный стиль игры, голоса должны передавать больше эмоций и быть просто громче; много не вполне естественной мимики и жестов.


Надеюсь Вам понравилось? Cadmii

Серия сообщений "Генераторы":
Часть 1 - Онлайн Генератор Блестящего текста
Часть 2 - Памятка начинающим блогерам
...
Часть 13 - ФОТКА ГОДА - Это Более 1350 Фотоэффектов, Которые Можно Бесплатно Сделать Онлайн
Часть 14 - Онлайновые редакторы изображений
Часть 15 - HTML коды для сайта
Часть 16 - 88 САЙТОВ С ФОТОЭФФЕКТАМИ ОНЛАЙН
Часть 17 - Как украсить фото или картинку
Часть 18 - Генератор поздравлений
Часть 19 - Как легко украсить фотографию, или фон - снежинками, звездочкам, или добавить листопад

Серия сообщений "Ссылки":
Часть 1 - Онлайн Генератор Блестящего текста
Часть 2 - Бесплатные программы для компьютера
...
Часть 18 - УРОКИ ADOBE PHOTOSHOP. ССЫЛКИ
Часть 19 - Стили
Часть 20 - HTML коды для сайта
Часть 21 - 88 САЙТОВ С ФОТОЭФФЕКТАМИ ОНЛАЙН
Часть 22 - Всё,что должно быть у Лирушника под рукой(ссылки)
...
Часть 28 - HTML
Часть 29 - Бродилка уроков по Мозилле от Любаши К
Часть 30 - Смотреть фильмы в хорошем качестве и совершенно бесплатно

Серия сообщений "Уроки - рамочки":
Часть 1 - Все рамочки в одном месте
Часть 2 - Формулы рамочек
...
Часть 6 - Все рамочки в одном месте
Часть 7 - КОДЫ ДЛЯ МЕЙЛА И ЛиРу
Часть 8 - HTML коды для сайта
Часть 9 - Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Часть 10 - HTML

Метки:  

 

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

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

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

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