Учебник ЛиРу. |
Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.
Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.
Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?
Полужирный текст
Выделение текста курсивом
Подчёркнутый текст
Зачёркнутый текст
Текст, имитирующий стиль печатной машинки
Выделение цитат курсивом
Создание нового параграфа
Горизонтальная разделительная линия (половинка) _________________________
Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
Перенос строки (если двойная - абзац)
(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)
2. Как изменить размер текста?
маленький текст маленький текст
Уменьшить текст текст - 2
Увеличить текст+1: текст + 1
Увеличить текст+2: текст + 2
Увеличить текст+3: текст + 3
3. Как разместить текст (картинку) на странице и делать отступы?
Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов
Предложение с отступом в абзаце. Как в книжках.
Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид:
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
Прекратить обтекание и вернуть текст под картинку можно тэгом , который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
- три пустые строки.
Вставить две и более картинки горизонтально:
- все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.
4. Как окрасить текст в разные цвета?
КРАСНЫЙ: красный текст
Ало-КРАСНЫЙ: ало-красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
Светло-ЗЕЛЕНЫЙ: светло-зеленый текст
КОРИЧНЕВЫЙ: коричневый текст
Ярко-КОРИЧНЕВЫЙ: ярко-коричневый текст
ГОЛУБОЙ: голубой текст
Светло-ГОЛУБОЙ: светло-голубой текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
ОРАНЖЕВЫЙ: оранжевый текст
Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).
* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета
Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
5. Как сделать бегущую строку?
Бегущая влево строка
<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)
7. Как сделать скользящий (со скроллом) текст?
Скользящий вверх текст
Список сформируется автоматически, если добавить
Однажды
в студеную зимнюю пору
я из лесу вышел...
Метки: уроки на лиру учебник |
Сайт радужного текста. |
![]() Всем добрый вечер! ![]() ![]() Из блога ГАЛИНЫ ШАДРИНОЙ ![]() |
Метки: уроки на лиру радужный текст |
A - Clock ToolBox или волшебные часики для компьютера. |
Сегодня в очередной раз хочу Вас удивить и порадовать замечательной, бесплатной, простой, маленькой, полезной, функциональной... :-) программкой под
Метки: уроки лиру часы компьютер |
Что такое спрятать "под кат", вместо слов вставляем картинку. |
Метки: уроки на лиру "под кат" |
38 клавиатурных сокращений, которые работают в любом браузере. |
Метки: уроки на лиру клавиатурные сокращения |
Как правильно использовать кнопки, убирающие текст под кат. |
![]() ![]() Вот код одной из них, в данном случае второй кнопки: <img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/> Для начала еще раз повторяю код, с помощью которого текст убирается под кат, вот он: [more] Если поставить только этот тег(сами решаете, в какое место его поставить), то автоматически остальная часть уберется под кат Можно и вписать свой текст, ну например такой: [more=Самое интересное под катом] Здесь читатель увидит эти слова и нажав на них,прочитает текст целиком. Надеюсь, с эти мы разобрались с вами. А теперь про кнопки. Если вы поставите вот так, как я указала в рамочке ниже, то будет стоять одна кнопочка, без текста и она будет кликабельна. И нажав на нее, читатель увидит пост целиком. [more=<img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/>] В рамочке после слов more=следует код кнопочки, вы выбираете свою кнопочку и вставляете в квадратные кнопки полностью код. Повторюсь, что в этом случае будет стоять одна кликабельная кнопочка,но без текста. Можно и с текстом, кому как нравится. С текстом все должно будет выглядеть вот так, то есть мы должны будем добавить в код, который выше, свой текст: <center>[more= Вот что должно получится, когда вы поставите этот код: ![]() Здесь пришлось показать в коде,потому что в отличие от Я.ру, на Ли.ру два раза убирать под кат нельзя,картинка просто не будет видна.А вот на Я.ру можно. По поводу кнопочек, которые указывают в сторону, я их использую редко и в том случае, когда надо нажать на баннер,например. То есть рядом должна стоять картинка, на которую надо нажать, на что и будет указывать кнопка.Так же все ставим, как и в последнем коде, только вместо текста, в моем случае слово "ЖМЁМ", вот вместо него ставим картинку баннер, точнее код баннера, чтобы читателю было понятно, на что он должен нажать, кнопка указывает направление... И последнее, код кнопок не должен быть кликабельным, то есть в нем не должно стоять вот этой части кода, которая ведет на посторонний ресурс: <a href="адрес сайта,откуда картинка"> В противном случае,пост не откроется, а ссылка приведет на сайт, например на РАДИКАЛ, как ошибочно тут думают, ставя коды оттуда. Какие будут вопросы, пишите в личку, всем отвечу. Завтра напишу вам, как сделать рамку с прокруткой.Удачи,экспериментируйте! ![]() |
Метки: уроки на лиру кнопки подкат |
Список всех уроков Novichok56. |
Метки: уроки на лиру список работ |
Как быстро взять без кода картинку и вставить в нужное менсто. |
<center>ВАШ ТЕКСТ ИЛИ КАРТИНКА</center>
Метки: уроки на лиру картинки дневник |
58 инструментов для редактирования фотографий. |
Метки: уроки на лиру редактирование фото |
Интересный сайт. ( Магия творчества ). |
Метки: уроки на лиру магия творчества |
Всегда под рукой. Супер-р-р! ( Виктория Саульян ). |
Метки: уроки на лиру кнопочки всегда под рукой |
Мои маленькие кнопочки - переходы " Далее ". |
Метки: уроки на лиру кнопочки далее |
Вы ещё не знаете что такое RSS? Тогда это видео для вас. |
Метки: уроки на лиру учебник видео начинающим |
Как пользоваться настройками дневника. |
Смотрите также:Как пользоваться разделом "Почтовые уведомления"?
Что такое расширенный редактор? и Как им пользоваться?
ЛиРу - работа с простым редактором и ЛиРу - работа в расширенном редакторе
И, конечно же, наш популярный Учебник ЛиРу.
Несколько наших читателей написали нам, что не понимают, как пользоваться настройками дневника. Логично. Практически нигде подобную информацию не получить. А те, кто знает эти премудрости, уже подзабыл, как вначале сам тыкался словно слепой котёнок в разные непонятные пункты настроек. Итак, сегодня - первые три раздела настроек, которые популярно разъясняетRost.
Вариант №1. "все типы записей" | Вариант №2. "только записи дневника" |
Метки: уроки на лиру настройки дневника начинающим |
Всё о русском языке и литературе. |
Примеры запросов: чес*ный, проф*ес*ор, ветрен*ый и т. п. |
Справочное бюро | ||
Поиск ответа: | ||
Введите номер вопроса или поисковую фразу |
Вопрос №269277
Как правильно пишется "аудио арт тур" (калька с английского audio art tour - аудиотур, которым можно воспользоваться на сайте музея онлайн) - слитно, раздельно, через дефис(ы)?
Метки: уроки русский язык литература |
Рамки для фото онлайн. |
Друзья, достаточно часто, когда я делаю обзоры онлайн фоторедакторов и сервисов обработки изображений, мне на почтовый ящик приходят от Вас вопросы, как сделать красивую рамку фотографии, добавить надпись и пр. При этом сразу оговариваются, что Фотошопа не знают и изучать его тоже не имеют особого желания ))
Итак, если возможностей необычного фоторедактора, который пришелся многим по душе, Вам не хватает, то сегодня я приготовил специальный для таких случаев онлайн сервис. С его помощью Вы сможете:
- сделать рамки для фото онлайн
Метки: уроки на лиру оформление фото |
Генераторы фотоэффектов и создания слайда. |
Читайте также:
Ч.1-Генераторы для дизайна 1 часть.
Ч.2 - Генераторы для работы с фотографиями.(Online-fotoshop)Ч.2
Генераторы фотоэффектов.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Генераторы для создания Слайда.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Метки: уроки на лиру генератор |
Уроки на ЛиРу. Новая жизнь в электронном виде. |
Как многие уже знают, я создаю сайт в конструкторе на основе торговых витрин партнерской программы интернет-магазина. Сайт уже создан http://ledgrad.ru, на компьютере скопилось большое количество шкриншотов фиксирующие мои действия при наполнении сайта, но, к сожалению, физически не успеваю все сразу и с сайтом заниматься, и самообразованием, и в дневник писать, поэтому до конца всю информацию выложу постепенно в течение следующей недели.
Сегодня я хочу ответить на наиболее часто задаваемые мне вопросы и для удобства изучения еще раз кратко опишу предыдущие посты из серии «Новая жизнь в электронном виде».
Метки: уроки на лиру оформление дневник [more=] |
Вот так помогалочка. |
|
Метки: уроки на лиру шпаргалка начинающим |
Как вставить картинку в пост. |
Сначало нужно решить где вы хотите чтобы стояла картинка.
Над текстом,справа или слева.У меня картинка находится слева от текста.
Самый простой способ это загружать картинки с рабочего стола.
Открываем пост.Нажимаем надпись ДОБАВИТЬ или НОВАЯ ЗАПИСЬ.
Находим надпись ОБЗОР-Жмём и загружаем картинку.
Рамкой я выделила-куда нужно ставить точку.
Где вы хотите чтобы стояла ваша картинка.
Если вы хотите загрузить картинку с другого сайта.
ЗДЕСЬ далее...
SvetlanaT
Метки: уроки на лиру оформление пост [more=] |