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

 -Рубрики

 -Цитатник

Разрезалочки - (0)

опять разрезалочки Еще одна маленькая хитрость      &nbs...

в/к Барс - Настороженость - (0)

Гортензия в лейке и бабочки. - (0)

http://s12.postimg.org/a7n6vmgnh/image.jpg http://s21.postimg.org/7g1w7h1kz/image.jpghttp://s21.p...

Вышивка крестом, схемы Maia "Собираясь на праздник" - (0)

http://s13.postimg.org/a64pmk1zn/aifa_1.jpg http://s13.postimg.org/q5irsd8nn/aifa_2.jpg http:/...

Как сделать кисточку со шнурком. - (0)

1) Подготовка. Выбираем подходящее по цвету мулине. Я взяла два цвета: меланж и бордовый для больш...

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

Поиск сообщений в Татьяна_Куставинова

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

 

 -Статистика

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

Серия сообщений "HTML - коды":
Часть 1 - Супер-пост для "чайников"
Часть 2 - Картинки в ряд, формула
Часть 3 - Как создавать посты. Пошаговая инструкция для начинающих
Часть 4 - Генераторы
Часть 5 - Как сделать кат с ножницами
Часть 6 - БРОДИЛКА "ВСЕ ДЛЯ ОФОРМЛЕНИЯ ПОСТОВ"
Часть 7 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 8 - Шпаргалка по цветам
Часть 9 - Помошник...
Часть 10 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу).
Часть 11 - Коды для оформления блога
Часть 12 - HTML-ШПАРГАЛКА
Часть 13 - Как картинку сделать ссылкой
Часть 14 - Огромная HTML-Шпаргалочка
Часть 15 - noindex и nofollow - скрываем ссылки от индексации
Часть 16 - Как делать кликабельные подписи с помощью сайта"X-Lines.ru"
Часть 17 - КЛАНДАЙК , или ЧЕГО ТУТ ТОЛЬКО НЕТ ДЛЯ БЛОГЕРОВ...
Часть 18 - РАБОТА С ТЕКСТОМ. html коды для текста

Выбрана рубрика HTML - коды.


Соседние рубрики: фотошоп(44), уроки для чайников(28), разное(19), программы(24), полезности(27), МТС(1), книга своими руками(7)

Другие рубрики в этом дневнике: ЮМОР(26), ЭЗОТЕРИКА(42), ШИТЬЁ(251), худеем(20), СУМКИ(122), РОСПИСЬ(159), разное(1), РАЗНОЕ(143), ПЭЧВОРК(1245), ПРАЗДНИЧНОЕ РУКОДЕЛИЕ(55), ПОЭЗИЯ(38), ПОЗДРАВЛЕНИЯ(12), ПОДЕЛКИ ИЗ БУМАГИ(59), ПЛЕТЕНИЕ(161), МУЗЫКА(22), МУДРОСТЬ(36), МОИ РАБОТЫ(0), ЛЕПКА(14), КУЛИНАРИЯ(14), КОМПЬЮТЕР(158), КНИГИ(5), КАРТОНАЖ(176), КАНЗАШИ(187), ИНТЕРЬЕР(26), ИГРУШКА(203), ДЕКУПАЖ(86), ДЕКОР(61), ДАЧА(132), ВЯЗАНИЕ уроки(338), ВЯЗАНИЕ на вилке(14), ВЯЗАНИЕ журналы(18), ВЯЗАНИЕ ДЛЯ ЖЕНЩИН(398), ВЯЗАНИЕ для детей(268), ВЯЗАНИЕ(417), ВЫШИВКА(361), Букет из конфет(8)
Нравится

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

Дневник
Среда, 21 Марта 2012 г. 22:35 + в цитатник
НАЖМИТЕ НА ЭТУ КНОПКУ ПРАВОЙ КНОПКОЙ МЫШКИ! ПОПАДЕТЕ НА СТРАНИЧКУ,ГДЕ НАДО ВЫБРАТЬ НАЗВАНИЕ САЙТА,НА КОТОРОМ ВЫ ХОТИТЕ ПОКАЗАТЬ ЭТОТ ПОСТ, КЛИКНИТЕ НА НЕГО. НАПИШИТЕ,ЕСЛИ ХОТИТЕ,ПОЯСНЕНИЕ К ДАННОЙ ССЫЛКЕ, ВСЁ! ВАШИ ДРУЗЬЯ,НАПРИМЕР,ВКОНТАКТЕ,УВИДЯТ ЕЁ И СМОГУТ ПОСМОТРЕТЬ ЭТУ ЗАПИСЬ,



Ссылки на то,что может пригодиться
и новичкам-блоггерам и новичкам-пользователям ПК.


Все уроки здесь

Как взять код рамки или поста и перенести в свой блог
Как быстро найти ответ на свой вопрос,если не у кого спросить
Как сделать свое-ручное оформление блога(поставить свой фон)
Как поставить свой фон в блоге
Как исправить ошибки в записи,не теряя оценок и комментов
Как правильно вставлять картинки разных форматов
Как поставить картинку справа,слева,по бокам текста
Как поставить картинки в ряд,в линеечку
Как вставить в рамку свой текст,фото,видео или аудио
Как сделать(поставить) метки
Как спрятать часть записи под CUT(кат)
Как
сделать,чтобы запись всегда была вверху(первой)
Как исправить наклон и размер шрифта
Как изменить размер,цвет,стиль шрифта в тексте
Как поставить в блог видео с других ресурсов
Как самому сделать баннер ОТ...и ДО..
Как сделать баннер
Как вставить в рамку баннеры
Как сделать бродилку(путеводитель)по блогу
Как сделать постраничную бродилку
Как сделать кликабельную ссылку
Как и где хранить коды до тех пор, пока они не понадобятся
Как самому сделать рамочку(легкий урок)
Как самому сделать рамку(сложный урок)
Как вставить в блог изображения в виде слайдшоу
Как поставить в блог информер-Карта
Как поставить в блог информер-Флаги стран-визитеров
Как защитить изображение в блоге от копирования

Это надо делать регулярно.

Как очистить комп от мусора(временных файлов)
Как сделать дефрагментацию дисков
Как подлечить компьютер

Может пригодиться

Как уменьшить размер изображения
Как сделать скриншот(моментальный снимок экрана)
Как сделать видеоролик
Как проверить свои файлы,скачанные программы на вирусы
Как без SMS избавиться от порноинформера
Как увеличить виртуальную память
Как пройти проверку нелицензионной версии Windows
Как установить-переустановить Агент


Это надо знать

Здесь все посты на эту тему

О письмах"счастья"
О паролях
О большом количестве друзей
О том,что делать,если вас взломали или как сменить пароль
О защите от спама и вирусов


Если ссылка не срабатывает в данной записи,то посмотрите обновления ТУТ



/s39.radikal.ru/i083/0911/cb/c1d8369ecbde.gif"border="0">

Метки:  
Нравится

Картинки в ряд, формула
Среда, 21 Марта 2012 г. 00:25 + в цитатник
Это цитата сообщения Наталья_Петрова11 [Прочитать целиком + В свой цитатник или сообщество!]

Картинки в ряд, формула


Здесь берем код

P.S.Значение, определяющие свойства таблиц:
< table border="0" >
border="0" рамочки у таблицы не будет видно,
меняем на 1 появилась рамочка

Еще о таблицах
Генератор таблиц
Таблица для бродилки
Наталья

Метки:  
Нравится

Как создавать посты. Пошаговая инструкция для начинающих
Понедельник, 02 Апреля 2012 г. 23:02 + в цитатник
Это цитата сообщения Else5 [Прочитать целиком + В свой цитатник или сообщество!]


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



     Else5 Вот статья из справочной системы ЛиРу “Добавление сообщений в дневник” с одной стороны не вижу необходимости её дублировать. Однако же справка написана несколько корявым языком, вроде всё понятно, однако если пользователь чего то не знает может легко запутаться (нет пошаговой инструкции). Однако же не игнорируйте её, Вы можете найти много для себя интересного.



      Поэтому



Пошаговая инструкция по написанию поста (сообщения):



1. Идея, о чём писать конкретное сообщение (пост), должна быть у вас готова заранее, плюс к этому Вы должны как минимум знать где возьмёте фото или картинки для оформления (иллюстрирования). Когда это всё есть можно приступать непосредственно к созданию поста.



2. Открываем редактор для создания поста (сообщения) для чего у себя в “Профиле” жмём надпись “Добавить” (см.рисунок)





или на странице  “Записи” (главная страница Вашего дневника) жмём кнопку “Новая запись”





Читать далее




Серия сообщений "Настройки дневника":

Часть 1 - Как добавить своё фото(аватар) в дневник
Часть 2 - Учебник ЛиРу.
...
Часть 28 - Как встроить картинку в эпиграф дневника на ЛиРу?
Часть 29 - Как оповестить своих “избранников”
Часть 30 - Как создавать посты. Пошаговая инструкция для начинающих



Метки:  
Нравится

Генераторы
Воскресенье, 08 Апреля 2012 г. 21:20 + в цитатник
Это цитата сообщения Liudmila_Sceglova [Прочитать целиком + В свой цитатник или сообщество!]

















Куда уж проще! Мини-генератор кода для текста. Данный генератор позволит с легкостью отформатировать текст для последующей публикации его в блоге или на сайте. Впишите в окошко текст. Примените к нему разные настройки ( справа,- шрифт, начертание, цвет). Результат будет виден сразу в верхнем окошке. Генератор реагирует на любое изменение настроек: и html-код, и результат изменяются моментально.










http://blogs.mail.ru/mail/ujcnfuf/7D63EFFDA547F2C7.html


Метки:  
Нравится

Как сделать кат с ножницами
Четверг, 19 Апреля 2012 г. 01:19 + в цитатник
Это цитата сообщения Rost [Прочитать целиком + В свой цитатник или сообщество!]

Недавно на ЖЖ у так называемого "ката" появились "ножницы". Сегодня расскажу, как можно оформить тег [more] в вашем блоге на ЛиРу в таком же стиле.
✂··· Читать далее

LI 5.09.15

Метки:  
Нравится

БРОДИЛКА "ВСЕ ДЛЯ ОФОРМЛЕНИЯ ПОСТОВ"
Понедельник, 11 Июня 2012 г. 21:41 + в цитатник
Это цитата сообщения undina77 [Прочитать целиком + В свой цитатник или сообщество!]

ПИШЕМ КРАСИВОЗДЕСЬ
ГЕНЕРАТОР ТЕКСТАЗДЕСЬ
РАЗДЕЛИТЕЛИ,УКРАШАЛОЧКИ И МНОГОЕ ДРУГОЕЗДЕСЬ
ТАБЛИЦЫ С ОКОШКАМИЗДЕСЬ
ФОРМУЛА ОКОШЕЧКА
Нравится

ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Воскресенье, 01 Июля 2012 г. 08:08 + в цитатник
Это цитата сообщения yaqut [Прочитать целиком + В свой цитатник или сообщество!]

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода <input type='text' size='15' value='Код рамки'>

Рамка в два слоя

Картинка слева от текста
Картинка справа от текста
Текст между двумя картинками
Делим пост на две части

Рамка вокруг текста
Картинка или текст в разрыве рамки

Ссылка  Лариса Гурьянова

Ссылка Источник

Изменить цвет ссылки



Фон для записи


Сложная таблица

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

1.<div align="center"><select multiple="multiple" size="10">ТЕКСТ...</select></div>

Каждую строчку заключаем в теги <option>СТРОЧКА </option>

2.<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">Здесь будет ваш очень большой текст</textarea>



 

Метки: все для блога, памятка начинающим


Метки:  
Нравится

Шпаргалка по цветам
Воскресенье, 01 Июля 2012 г. 08:11 + в цитатник
Это цитата сообщения aldav [Прочитать целиком + В свой цитатник или сообщество!]

 

Вот шпаргалка по цветам. Пользуйтесь ей для выбора
нужного цвета.


Наведите курсор мыши на площадь, чтобы изменить
насыщенность (слева направо) и значение (снизу вверх)
последнего оттенка.

Затем нажмите на цвет, который Вы выбрали, слева появится код.
 

 

Метки:  
Нравится

Помошник...
Воскресенье, 08 Июля 2012 г. 01:16 + в цитатник
Это цитата сообщения Tatjana_Weiman [Прочитать целиком + В свой цитатник или сообщество!]

Помощь блоггеру
УРОКИ ОТ ДЖУЛИИ

Метки:  
Нравится

Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу).
Среда, 11 Июля 2012 г. 20:58 + в цитатник
Это цитата сообщения Rost [Прочитать целиком + В свой цитатник или сообщество!]

вам никто не рассказал. Скажу сразу и честно: решил собрать у себя, чтобы потом на все подобные вопросы отвечать ссылкой на этот пост (или из этого поста). Пользуясь случаем, хочу поблагодарить сообщество Сама_овца. Оно не только меня вдохновило на создание этого сообщения, но и поделилось первыми ссылками. Итак, здесь будет что-то типа самый полный FAQ по ЛиРу
LI 5.09.15

Метки:  
Нравится

Коды для оформления блога
Суббота, 14 Июля 2012 г. 17:59 + в цитатник
Это цитата сообщения Бахыт_АБМ [Прочитать целиком + В свой цитатник или сообщество!]

Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Метки:  
Нравится

HTML-ШПАРГАЛКА

Дневник
Понедельник, 15 Октября 2012 г. 14:08 + в цитатник
:1:  :2:  :3: 
Форматирование текста
          Зачеркнутый текст <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>
          ЗЕЛЕНАЯ ССЫЛКА   на мой дневник   ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ

          ЗЕЛЕНАЯ ССЫЛКА<a href="//www.liveinternet.ru/users/642108" target="_blank" style="color:red;text-decoration:underline;"><span style="color:green;">   на мой дневник   </span></a>ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ
          Скоро сказка сказывается...

          <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="//www.liveinternet.ru/users/697649 target="_blank" ><img src=bab.gif BORDER="0"></A>

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

                По-моему, это камелия


          Синтаксис: <img src=kam.gif ALT="По-моему, это камелия" >
          Изображение-ссылка, открывающаяся в новом окне:


          Синтаксис: <a href="1.html" target="_blank"><img src="okno.gif" border=0></img></a>
          Текст между двумя картинками:

Это такой красивый ирис а это такой красивый подсолнух "...Бабочки рассказывали ей свои секреты, а Цветы наперебой звали покачаться вместе на тонких стебельках. Но у нее был друг. К самому большому и красивому Цветку на поляне торопилась она каждое утро, чтобы вместе полюбоваться прозрачными капельками росы, в которых отражается весь мир!..."



          Синтаксис:
          <IMAGE ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> <IMAGE ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> Текст между двумя картинками.

          Атрибут ALT - это маленький всплывающий комментарий, но в данном случае можно обойтись и без него.
          Фон под сообщением:

          А у нас наступило лето... Затопило нас ярким светом, и жара. Только ранним утром с побережья приносит бриз.А в Москве - снова дождь по крышам; будто чья-то улыбка свыше, будто радость пригоршней щедрой - звонко с тучки на тучку - вниз...Тех, на дождь кто ворчит, не слушай, а смелей - босиком по лужам, подставляя ладони брызгам, переливчатым, как алмаз. Улыбнись случайным прохожим; ну а вдруг нарисует дождик , пусть пунктиром, пусть неумело - там, под струями, вместе нас?


          Синтаксис:
          <table width=100% border="0" cellspacing="8" cellpadding="0" background="URL"><tr><td><font color=#FFFFFF font face=georgia font size=3>Ваш текст сообщения</font></td></tr></table>

          • Вместо URL подставляем адрес фоновой картинки
          • На свой вкус и усмотрение меняем цвет, размер и начертание текста
Линии и рамочки
          Рисуем линии:
          1.

          2.

          3.


          Синтаксис:
          1.<HR>
          2.<HR size=3 color=#FF0000>
          3.<HR size=6 color=#00B344>

          Переменные:
          SIZE толщина линии
          COLOR цвет линии
          Линии бывают всякими:
          1.

          2.

          3.


          Синтаксис:
          1. <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red ">
          2. <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: Forestgreen ">
          3. <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red ">

          Переменные:
          WIDTH длина линии в процентах по отношению к экрану
          SIZE размер элементов
          DASHED пунктирная линия
          DOTTED точечная линия
          COLOR цвет элементов
          Рисуем рамочки:
          1.
          Здесь будет Ваш текст
          2.
          Здесь будет Ваш текст
          3.
          Здесь будет Ваш текст


          Синтаксис:
          1. <blockquote style="border:3px #00B344 dashed; padding: 15px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          2. <blockquote style="background-color: #FFE4B5; border:3px #BC8F8F solid; padding: 10px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          3.<blockquote style="border:3px #DA70D6 solid; padding: 5px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>

          Переменные:
          border:3px #ff0000 толщина рамки в пикселях и её цвет
          background-color: #ffff00 цвет фона рамки
          dashed пунктир
          solid непрерывная
          padding отступ текста от рамки внутри
          margin отступ от текста снаружи (если рамка находится внутри текста)
          В рамки можно помещать не только текст, но и картинки:

          Первый поцелуй!


          Синтаксис:
          <blockquote style="background-color: #E0FFFF; border:3px #87CEEB solid; padding: 15px; margin:0px 0px 0px 0px;"><img src=pp.gif BORDER="0">Первый поцелуй!</blockquote>
И такая рамочка


          Синтаксис:
          <FIELDSET><LEGEND align="center"><B><font color=#FFA500>И такая рамочка</font></B></LEGEND></FIELDSET>

          Параметр align выравнивает относительно одной из сторон документа,
          значения: left, right, или center
Разноцветные рамочки


        Я принесла тебе поляну. На завтрак. Пока несла ее, все откусывали от нее по чуть-чуть и не верили вкусу земляники. Хорошо, что на поляне сидел тушканчик. Он-то и объяснял всем, что в мире нет ничего особенного, что это просто девочка несет поляну на завтрак своему другу. Лесную. С земляникой. Ну и что. Не всем же кофе в постель.

          Синтаксис:
          <blockquote style="BORDER-LEFT: #F70000 3px solid; padding: 15px; BORDER-TOP: #119931 3px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 3px solid; padding: 15px;BORDER-RIGHT: #924E96 3px solid" padding: 15px></blockquote>

          padding отступ текста от рамки внутри.
          Можно добавить картинку:

        Потом достать смешные акварели, изрисовать в нелепые цвета. Потом себя в оранжевый покрасить. Ты будешь – Солнце, вечное, всегда. И возле солнца – ангелы и бесы, песочницы, гитары, звон монет, коты и кастаньеты, апельсины, смешные дети, сильные мужчины. И в центре – твой улыбчивый портрет.

          Синтаксис для картинки:
          <img src="k.jpg" align="right">
Кнопочки


          Синтаксис:
          <BUTTON title="Текст-пояснялка к кнопке"><TABLE border=5><TBODY><TR><TD><CENTER><FONT color=#BA55D3 size=4>Название кнопки</FONT></CENTER></TD></TR></TBODY></TABLE></BUTTON>


          Кнопочка-посылалка:
          Синтаксис:
          <form action="//www.liveinternet.ru/users/642108" target="_blank" method="get"><input type="submit" value="Дневник Эль"></form>
          Цветная кнопочка с картинкой
          Синтаксис:
          <form action="URL" method="get"><button style="BACKGROUND: #8080ff; WIDTH: 150px" type="submit"><img src="URL картинки"></button></form>
Некоторые специальные символы
          Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним относятся буквы алфавитов части европейских языков, математические и некоторые другие символы.
          Некоторые символы, введенные в HTML документ будут интерпретироваться не так, как задумал автор. Это, например, символы "<" и ">", используемые для указания тегов.

          В этих случаях можно вводить нужные символы с помощью специальных кодов.
          Коды начинаются с символа "амперсанд"(&). За ним следует название символа, либо его числовой код в десятичной или шестнадцатеричной системе. Завершает код символ "точка с запятой" ;

          Пишу разреженно, чтобы можно было прочитать код:

          & quot; - двойная кавычка "

          & amp; - амперсанд &

          & lt; - знак 'меньше' <

          & gt; - знак 'больше' >

          & nbsp; - неразрывный пробел

          Общая пунктуация:

          & ndash; - тире –

          & mdash; - длинное тире —

          & lsquo; - левая одиночная кавычка ‘

          & rsquo; - правая одиночная кавычка ’

          & sbquo; - нижняя одиночная кавычка ‚

          & ldquo; - левая двойная кавычка “

          & rdquo; - правая двойная кавычка ”

          & bdquo; - нижняя двойная кавычка „

          И даже карточные масти:

          & spades; - знак масти 'пики' ♠

          & clubs; - знак масти 'трефы' ♣

          & hearts; - знак масти 'червы' ♥

          & diams; - знак масти 'бубны' ♦

          Пример:

          ♣   ♣   ♥   ♥

          Синтаксис:
          <aligh=center><font color="red" size=7>&*clubs;   &*clubs;   &*hearts;   &*hearts;</font>
          (* убрать)
Ссылки на HTML
Благодарность
                Замечательных девушек —
                и   

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

Наверх


Метки:  
Нравится

Как картинку сделать ссылкой
Понедельник, 22 Октября 2012 г. 07:29 + в цитатник
Это цитата сообщения Romanovskaya_Galina [Прочитать целиком + В свой цитатник или сообщество!]

- Как вставить картинку из интернета в свой пост? - Как картинку сделать ссылкой? - Как сослаться на понравившийся пост, статью или иточник в интернете или на интересный дневник на Лиру? Каждая картинка в интернете имеет свой адрес, также, как ваш дом имеет свой адрес, чтобы почтальон легко смог доставить вам корреспонденцию. Как найти этот адрес картинки? Итак, заходим на google.com (вы можете использовать любой другой, любимый вами) и делаем запрос на интересующий нас контент. Я сделала запрос "дети" и нашла вот эту очаровательную малышку сидящей в капусте. Для того чтобы посмотреть картинку вы нажимает на надпись "посмотреть картинку полностью". Тогда картинка появится в ее реальном размере. Кликнув по картинке правой кнопкой мыши вы увидите окно, пройдя по вкладке "свойство изображения" вы без труда найдете интересующий нас "адрес" картинки или "URL"
Читать далее...

Метки:  
Нравится

Огромная HTML-Шпаргалочка
Понедельник, 22 Октября 2012 г. 07:39 + в цитатник
Это цитата сообщения ToKiTo4Ka [Прочитать целиком + В свой цитатник или сообщество!]



Огромная HTML-Шпаргалочка
Пример Код
   
<img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ">
При наведении на картинку появляется Окошко-подсказка
TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title

<a href="ВАША ССЫЛКА">
<img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"title="ВАШ ТЕКСТ" border="0" ></a>
Картинка кликабельна и появляется Окошко-Подсказка

Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .
 


Метки:  
Нравится

noindex и nofollow - скрываем ссылки от индексации
Суббота, 27 Октября 2012 г. 07:50 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Сегодня разговор пойдет о таких тегах, как noindex и nofollow. Что это такое, и для чего они используются. Для начала небольшая предыстория. С чего все началось...На одном форуме прочитал о том, что блоги на blogspot-е Гугл часто банит. Сразу вспомнился случай, когда на второй или третий день существования моего блога, "вежливый" Гугл прислал мне письмо о том, что мой блог заблокирован из-за подорения, что он является спам-блогом. Но так как блогу было пару дней, то в принципе, там спама и быть не могло, поскольку создавал я его совсем для других целей. Блог был разблокирован через несколько дней, и я начал с ним продолжать работать далее. И вот вчера я начал искать информацию, почему это происходит, из-за чего Гугл банит блоги на blogspot, и как с этим можно бороться. Оказывается дело вот в чем. При наличии большого числа внешних ссылок в блоге робот Гугла начинает считать ваш блог спам-блогом. Только после ручной проверки ваш блог разблокируют, а на это может уйти 1-2 недели. Поэтому мой вам совет: не нужно создавать большое количество внешних ссылок в блогах. Это могут быть рекламные ссылки, счетчики, картинки! А если вы решили их создавать, то их нужно защищать специальными тегами. 1. nofollow

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

Метки:  
Нравится

Как делать кликабельные подписи с помощью сайта"X-Lines.ru"
Понедельник, 10 Декабря 2012 г. 13:52 + в цитатник
Это цитата сообщения selwas [Прочитать целиком + В свой цитатник или сообщество!]

Текст и урок от автора! 
Думаю , Вы видели подобные кликабельные подписи  


Сделать такую подпись очень легко,постараюсь доступно и подробно всё объяснить.

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

Метки:  
Нравится

КЛАНДАЙК , или ЧЕГО ТУТ ТОЛЬКО НЕТ ДЛЯ БЛОГЕРОВ...
Четверг, 16 Октября 2014 г. 11:10 + в цитатник
Это цитата сообщения azazela502 [Прочитать целиком + В свой цитатник или сообщество!]

Памятка начинающим блогерам 
Как спрятать часть текста "под cut"?
Как расположить картинку справа и слева от текста
Как расположить картинку в центре текста и по краям
Как сделать всплывающую подсказку к изображению
Как сделать фон для записи в блоге 
Как сделать кликабельную картинку

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

Метки:  
Нравится

РАБОТА С ТЕКСТОМ. html коды для текста
Воскресенье, 01 Ноября 2015 г. 08:31 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

1.png

Сегодня мы поговорим о шрифтах, тексте, его основных формулах, и различном написании.

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

1.png



Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 14 - Он-лайн графические редакторы



Метки:  

 Страницы: [1]

О проекте