Записи Друзья Комментарии
boginja007
Аватар boginja007

 -Цитатник

Изготовление клипарта с помощью инструментов PSP - (5)

Используются инструменты: 1. Изображение / Извлечение объектов 2. Инструмент "Ластик для фона...

Фильтры Фш и основные программы для вашего творчества:)) - (0)

AlienSkin_EyeCandyImpact. AlienSkin_Eye_candy_5_Textures. Alien_skin_xenofex_v2.12. Adj...

Как сделать кисть в фотошопе CS5. - (0)

    Давайте сделаем сами кисть в виде прозрачного шарика или в виде пузырька. ...

Робин Шарма в Москве! - (0)

Вам не нужен Титул, чтобы быть Лидером! Учитесь у Робина Шарма (монаха, который продал свой Ф...

Золотые русские буквы - (1)

                                                                                                 ...

 -Я - фотограф

 -

Радио в блоге

[Этот ролик находится на заблокированном домене]
Добавить плеер в свой журнал
© Накукрыскин

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

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

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

 

 -Статистика

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


Шпаргалка HTML

Понедельник, 06 Июля 2009 г. 11:42 + в цитатник
Цитата сообщения НК_Белые_кроссовки
Прочитать целикомВ свой цитатник или сообщество!

По этой шпаргалке можно делать так, чтобы строка ползала слева направо или сверху вниз, делать буквы разноцветными и увеличивать их, делать всплывающие надписи на картинках и многое другое.

 

Форматирование текста
          Зачеркнутый текст <s> ТЕКСТ </s> — ТЕКСТ

          Подчёркнутый текст<u> ТЕКСТ </u> — ТЕКСТ

          Полужирный текст<b> ТЕКСТ </b> — ТЕКСТ

          Полужирный крупный <big> ТЕКСТ </big> — ТЕКСТ

          Курсивный текст<i> ТЕКСТ </i> — ТЕКСТ

          Маленький текст<small> ТЕКСТ </small> — текст

          Неразрывный пробел &*nbsp; (* убрать)

          Сноска вверху <sup> сноска</sup> ТЕКСТ сноска

          Сноска внизу <sub> сноска</sub> ТЕКСТ сноска

          Отступ <blockquote> текст</blockquote> —
          отступ от отстального текста
          вот так


          Ударéние (тэг ставим после нужной буквы) — &*#769; (* убрать)

          Текст с подсказкой:
          Подведи курсор к тексту!

          <q title="текст подсказки"> Подведи курсор к тексту!</q>

манипуляции с курсором
          С помощью стилей можно переопределить вид курсора и выбрать один из пятнадцати доступных вариантов.
                • Наведите курсор на текст! Это default.
                • Наведите курсор на текст! Это auto.
                • Наведите курсор на текст! Это text.
                • Наведите курсор на текст! Это crosshair.
                • Наведите курсор на текст! Это e-resize.
                • Наведите курсор на текст! Это w-resize.
                • Наведите курсор на текст! Это n-resize.
                • Наведите курсор на текст! Это s-resize.
                • Наведите курсор на текст! Это ne-resize.
                • Наведите курсор на текст! Это sw-resize.
                • Наведите курсор на текст! Это nw-resize.
                • Наведите курсор на текст! Это se-resize.
                • Наведите курсор на текст! Это wait.
                • Наведите курсор на текст! Это hand.
                • Наведите курсор на текст! Это pointer.
                • Наведите курсор на текст! Это help.
                • Наведите курсор на текст! Это move.
          Если вы желаете переопределить курсор мыши для всей веб-страницы целиком, а не только для ссылок, воспользуйтесь селектором BODY:


          <html>

          <head>

          <style type="text/css">

          body { cursor: crosshair }

          </style>

          </head>
          Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN:

          На этом тексте курсор примет вид перекрестья.


          Синтаксис:
          <span style="cursor:crosshair">На этом тексте курсор примет вид перекрестья.</span>

          Внимание!

          Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.
          Многих пользователей подобные изменения могут ввести в заблуждение: когда, например, вместо традиционной «руки», появляющейся при наведении на ссылку, возникает нечто другое.
          В большинстве случаев лучше оставить все по умолчанию.
Тег SPAN
          Тег SPAN предназначен для определения встроенных элементов документа. Иначе говоря, Элемент SPAN определяет контейнер для внутреннего текста.

          В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью тега SPAN можно выделить часть информации внутри других тегов и установить для нее свой стиль.
          Например, внутри параграфа (тега P) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег SPAN и определить для него стиль текста.

          Вот несколько примеров применения этого тега:

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

          <span style="color:red;text-decoration:line-through;"><span style="color:black">ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ</span></span>
          СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ

          <span style="color:YELLOW;text-decoration:line-through;"><span style="color:BLUE">СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ</span></span>
          КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ

          <span style="color:darkorange;text-decoration:underline;"><span style="color:brown">КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ</span></span>
          ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ

          <span style="border:1px solid darkgray;"><span style="color:orange;">ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ</span></span>
          Скоро сказка сказывается...

          <span style = "font-size: 100px;"><FONT FACE="Comic Sans MS"><FONT COLOR="#FF0000">С</FONT></FONT></span>коро сказка сказывается...

          Д а не скоро дело делается... а не скоро дело делается...

          <span style = "font-size: 100px;"><FONT FACE="Monotype Corsiva"><FONT COLOR="#0000FF">Д</FONT></span> а не скоро дело делается...</FONT>

          В зависимости от того, где мы пропишем второй закрывающий тег </font>, текст после нашей "буквицы" будет набран таким же шрифтом или вернется в свое исходное состояние, обусловленное стилем страницы. Во втором предложении этот тег поставлен только после многоточия, а в первом после буквы "С".
Бегущая строка
          1. <MARQUEE>Ваш текст</MARQUEE>
          Вот так!

          2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>
          или так

          3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>
          ну и вот так

          4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>
          или даже так

          5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>
          а уж так!

          6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>
          и так можем



          Переменные:
          HEIGHT высота "окошка", в котором двигается текст;
          WIDTH расстояние, на которое перемещается текст.

          Можно ли уменьшить скорость прокрутки при использовании тега marquee?
          Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
          Результат будет выглядеть так:

          <MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

          Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
          Пример:
          Синтаксис: <MARQUEE><img src="ros.gif"></MARQUEE>
Работаем с графикой
          Чтобы превратить изображение в ссылку:


          Синтаксис:
          <A class=link_main title="Дневник испанок" href="http://www.liveinternet.ru/users/697649 target="_blank" ><img src=bab.gif BORDER="0"></A>

          Если нужно просто дать пояснение к своей картинке, то для того, чтобы получить всплывающую строку, нужно вписать тэг ALT="Пояснение"
                По-моему, это камелия
Рубрики:  Полезности
Метки:  
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
FIERWIND   обратиться по имени Понедельник, 06 Июля 2009 г. 11:48 (ссылка)
Очень мне понравилось,классно*
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Июля 2009 г. 11:54ссылка
boginja007
Еще бы это все запомнить!
ОтветитьС цитатойВ цитатникОбратиться по имени
Андрей_Усманов   обратиться по имени Понедельник, 06 Июля 2009 г. 11:49 (ссылка)
Спасибо, заберу на память;)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Июля 2009 г. 11:54ссылка
boginja007
На здоровье!
ОтветитьС цитатойВ цитатникОбратиться по имени
Фея77   обратиться по имени Понедельник, 06 Июля 2009 г. 11:59 (ссылка)
Здорово. Спасибо большое.
Ответить С цитатой В цитатник
boginja007   обратиться по имени Понедельник, 06 Июля 2009 г. 12:03 (ссылка)
На здоровье!
Ответить С цитатой В цитатник
Владимир_Шильников   обратиться по имени Понедельник, 06 Июля 2009 г. 12:41 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Июля 2009 г. 12:44ссылка
boginja007
На здоровье
ОтветитьС цитатойВ цитатникОбратиться по имени
Азовец   обратиться по имени Понедельник, 06 Июля 2009 г. 13:24 (ссылка)
Нафик не надо!
(480x324, 1441Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Июля 2009 г. 13:32ссылка
boginja007
Ага! Всегда есть рядом девочки. которые это сделают::))
ОтветитьС цитатойВ цитатникОбратиться по имени
Ириночка_Копылова   обратиться по имени Понедельник, 06 Июля 2009 г. 14:59 (ссылка)
Спасибо, здорово!!!
(381x481, 59Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Lusha_Lenina   обратиться по имени Понедельник, 06 Июля 2009 г. 15:00 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
ANDREI-STOLIAR   обратиться по имени Понедельник, 06 Июля 2009 г. 22:47 (ссылка)
спасибо!!!заберу а вдруг пригодиться...
Ответить С цитатой В цитатник
Перейти к дневнику
Zosik_K   обратиться по имени Понедельник, 06 Июля 2009 г. 23:37 (ссылка)
спасибо за полезность!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Симонова_Галина   обратиться по имени Вторник, 07 Июля 2009 г. 08:55 (ссылка)
СПАСИБОЗА ПОЛЬЗУ!

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику
Комментировать — К дневнику — Страницы: [1] [Новые]
 

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

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

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

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


О проекте