Учебник ЛИРУ!

Взяла у Только для женщинУчебник Лиру

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.



Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.



Теги, применяемые на ЛиРу

Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.

* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)

1. Как выделить текст?



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

<i> ВАШ ТЕКСТ</i>Выделение текста курсивом

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

<s>ВАШ ТЕКСТ</s>Зачёркнутый текст

<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки

<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом

<p>ВАШ ТЕКСТ</p>Создание нового параграфа

<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________

<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________

<br />Перенос строки (если двойная - абзац)

<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)



2. Как изменить размер текста?



маленький текст <small>ВАШ ТЕКСТ</small> маленький текст

Уменьшить текст <font size="-2">текст</font> текст - 2

Увеличить текст+1: <font size="+1">текст</font> текст + 1

Увеличить текст+2: <font size="+2">текст</font> текст + 2

Увеличить текст+3: <font size="+3">текст</font> текст + 3



3. Как разместить текст (картинку) на странице и делать отступы?



<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.

<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?

Например, картинка слева, текст справа: добавляем в код картинки: 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 />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.

<br /><br /><br /> - три пустые строки.



Вставить две и более картинки горизонтально:

<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.



4. Как окрасить текст в разные цвета?



КРАСНЫЙ: <font color="red">текст</font> красный текст

Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст

ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст

ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст

ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст

Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст

КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст

Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст

ГОЛУБОЙ: <font color="blue">текст</font> голубой текст

Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст

СИНИЙ: <font color="navy">текст</font> синий текст

ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст



Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).



* Коды цвета для текстов

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

* Таблица "безопасных" цветов

* Все цвета Интернета



Вид шрифта:

Шрифт этого текста "Monotype Corsiva"

<font face="Monotype Corsiva" size="+1">Ваш текст</font>

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:

Шрифт этого текста "Monotype Corsiva"

код этого текста:

<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>



5. Как сделать бегущую строку?



Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

бегущая влево

Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо

Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю



6. Как сделать бегущую картинку?





 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?



Скользящий вверх текст

<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх

текст с полезной

информацией,

картинкой или ещё с чем-нибудьСкользящий вниз текст

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь

информацией,

текст с полезной

Скролящийся вниз



8. Как сделать списки и сноски?



Список c жирная точка спереди <ul><br /><br /> <li>Ваш текст<br /><br /> </li><li>Ваш текст<br /><br /> </li></ul>

• Мужской клуб
  
   


• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /><br /> <li> второй пункт Вашего ТЕКСТА<br /><br /> </ol>

1. Первый пункт текста
   
    


2. Второй пункт текста

Сноска сверху

ТЕКСТ^сноска ТЕКСТ ^сноска

Сноска снизу

ТЕКСТ_сноска ТЕКСТ _сноска



9. Как сохранить текст таким, как вы написали?



"Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

Однажды


        в студеную зимнюю пору


                я из лесу вышел...

10. Как сделать всплывающую подсказку?



Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>

Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет



11. Как дать ссылку на свой дневник или любой адрес?



Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:

<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин



Точно также можно дать ссылку на фото, картинку или видео.

Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):

<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>



12. Как скрыть часть текста (убрать под кат) ?



Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать Читать далее...

ВОТ ТАК ВОТ ВСЁ УСТРОЕНО...

По просьбам новичков-блоггеров попробую объяснить КАК взять рамку или пост из чужого блога и перенести в свой. Заходим в блог,приглядываем себе пост или рамочку. 1.Выбрали рамку или пост.Под этой записью жмем на КОММЕНТАРИИ. 2.Ищем коммент автора с этой рамкой.Под ним нажимаем на слова (С ЦИТАТОЙ) 3.Открывается окошечко с непонятными значками и буковками.ЭТО и есть код! 4.Кликаем правой кнопкой мышки на код,потом левой на ВЫДЕЛИТЬ ВСЁ 5.Когда все выделится,опять сначала кликаем правой кнопкой ,потом левой выбираем КОПИРОВАТЬ 6.Идем в СВОЙ блог,нажимаем на ДОБАВИТЬ НОВУЮ ЗАПИСЬ.Когда откроется поле для записи,нажимаем на HTML,потом кликаем правой кнопкой ВСТАВИТЬ. 7.Код вставили.Теперь кликаем левой кнопкой мышки сразу после слов в рамке.В данном случае после слов ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ.Появится мигающая вертикальная черточка.Пишем или вставляем свой текст. 8.И только теперь,аккуратненько стираем ненужные нам слова автора рамки. 9.Внизу жмем на ПРЕДПРОСМОТР,чтобы посмотреть все ли получилось так как надо.Если все ОК,то можно добавлять. Если Вы взяли рамку вместе со стихами или пост,то пункты 7 и 8 пропускаем.Сразу как вставили код,можно уже добавлять запись. Большая просьба к тем,кто берет рамки и посты.Не убирайте,пожалуйста,ссылку на автора.Если у Вас вдруг что-то не пошло,бывает такое,лучше обратитесь к тому,кто делал рамку и Вам обязательно помогут.   Здесь еще уроки Из блога Егоровой Татьяны

Серия сообщений "УРОКИ":
Часть 1 - Еще один вид плеера для вас...
Часть 2 - НОВИЧКАМ первые шаги на ЛиРУ...
...
Часть 43 - Чтобы красиво оформлять свой дневник,давайте учиться работать в программе Фотошоп...
Часть 44 - Урок Анимации Урок от NATALI: Выделение при помощи быстрой маски
Часть 45 - ВОТ ТАК ВОТ ВСЁ УСТРОЕНО...

Соло на клавиатуре

Как заблокировать процент авторитетности в комментариях на ЛиРу в Mozilla Firefox

Скриншот

Далее...

Дополнения в ПРАВИЛА

7. При публикации текста, скопированного с другого сайта, уберите фон сайта. Это сделать просто. Достаточно выделить скопированный текст и правой кнопкой мыши нажать УБРАТЬ Div, как показано на фотографии. Надеюсь всем интереснее смотреть красивые посты, а не чёрт знает что.

Урок для тех, кто еще не знает как сделать создание скриншотов

Урок для тех, кто еще не знает как сделать создание скриншотов Создание скриншотов(для новичков в компьютерной азбуке) В программе Mazilla Firefok Что такое скриншот (screenshot) Скриншот (screenshot) - снимок экрана, картинка, которая точно отображает то, что показывает ваш монитор в конкретный момент времени. Нажмите клавишу Print screen (верхний правый угол клавиатуры) - и в память компьютера будет занесен скриншот - картинка текущего состояния экрана.

Как я делаю свои подборки

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

Семь скрытых функций компьютерной мыши

1. Выделение части текста

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

2. Переходы назад-вперед в браузере

В браузере для перехода на предыдущую или следующую страницу совсем не обязательно щелкать по соответствующим кнопкам на панели инструментов программы. Можно просто зажать Shift и покрутить колесико мыши вперед или назад.

3. Увеличение и уменьшение масштаба

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

4. Двойной и тройной клик

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

5. Перетаскивание правой кнопкой мыши

Для того, чтобы переместить файлы в Windows мы используем метод drag’n'drop, то есть берем элемент, перетаскиваем в нужное место и там бросаем. Но можно сделать то же самое правой кнопкой и тогда мы увидим контекстное меню, позволяющее не только переместить, но и скопировать файл, а также создать ярлык в нужном месте.

6. Выбор нескольких фрагментов в тексте

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

7. Открытие ссылок в новой вкладке

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

Как научиться печатать вслепую

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

читать и смотреть далее

Понятный интернет

RapidTyping 5 - бесплатный клавиатурный тренажер


Узнайте, как использовать клавиатуру в весёлой и занимательной форме абсолютно бесплатно. Бесплатный клавиатурный тренажер предназначен для обучения взрослых и детей. Научиться вы сможете легко и весело!
Сюжет программы предлагает вполне игровой, после запуска обучение будет происходить на фоне яркого, красивого подводного мира. Rapid Typing Tutor реагирует на то, как вы печатаете, сколько допускаете ошибок и так далее, таким образом, чем лучше печать, тем выше ваш уровень, а значит перед вами открываются новые уроки и возможности. Если вам по каким-то причинам не нравится скин программы, то его можно изменить. Rapid Typing Tutor предложит вам просмотреть статистику всего вашего обучения, то есть за все время, в специальной таблице можно будет просмотреть разные параметры, например сколько букв вы напечатали, сколько шибок допустили и так далее.
Rapid Typing Tutor имеет свою клавиатуру, то есть эмулирует её, таким образом программа старается отучить вас смотреть постоянно на вашу клавиатуру. Помимо всего прочего, вы сможете создавать свои уроки, если несколько пользователей хотят научиться печатать, можно создать несколько профилей и между ними потом переключаться. Если вы считаете себя экспертом, то можно сразу выбрать последний уровень сложности. Нет ограничения использования. Бесплатно для личного или корпоративного использования. Не нужно указывать почту для регистрации. Нет панели инструментов.
Читать далее...

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

2. Переходы назад-вперед в браузере
В браузере для перехода на предыдущую или следующую страницу совсем не обязательно щелкать по соответствующим кнопкам на панели инструментов программы. Можно просто зажать Shift и покрутить колесико мыши вперед или назад.

3. Увеличение и уменьшение масштаба
Вы можете изменять масштаб отображения открытой страницы просто покрутив скролл с зажатой одновременно на клавиатуре кнопкой CTRL. Этот способ работает в большом количестве программ, в том числе во многих просмотрщиках изображений.

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

5. Перетаскивание правой кнопкой мыши
Для того, чтобы переместить файлы в Windows мы используем метод drag’n'drop, то есть берем элемент, перетаскиваем в нужное место и там бросаем. Но можно сделать то же самое правой кнопкой и тогда мы увидим контекстное меню, позволяющее не только переместить, но и скопировать файл, а также создать ярлык в нужном месте.

6. Выбор нескольких фрагментов в тексте
Если вы работаете с длинным текстом, в котором вам необходимо вырезать только интересующие вас фрагменты, то совсем не обязательно делать это поштучно. Можно зажать клавишу CTRL и выделять нужные слова, предложения, абзацы. Затем скопировать все это одним махом в нужное место.

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

 источник

Я сама опробовала этот способ!!!! Отлично работает!!!!!!!

Цитирую автора: