Слева - новый баннер женского клуба. Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника. Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:
- скопируйте приведенный ниже код;
- зайдите в свои "Настройки дневника" (вверху страницы);
- найдите там пункт "Эпиграф дневника" и впишите скопированный код;
- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас! Пользуйтесь!
Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.
Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.
Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
1. Как выделить текст?
Полужирный текст Выделение текста курсивом Подчёркнутый текст Зачёркнутый текст Текст, имитирующий стиль печатной машинки
Выделение цитат курсивом
Создание нового параграфа
Горизонтальная разделительная линия ___________________________
Перенос строки (если двойная - абзац)
Заголовок
(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)
2. Как изменить размер текста?
маленький текст маленький текст Уменьшить текст текст - 2 Увеличить текст+1: текст + 1 Увеличить текст+2: текст + 2 Увеличить текст+3: текст + 3
3. Как разместить текст (картинку) на странице и делать отступы?
Текст с выравниванием с левого края
Текст с выравниванием с правого края
текст с правого краю
в две строчки с выравниванием слева
Равномерное выравнивание текста по всей ширине поста
Текст будет по центру
Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов
Предложение с отступом в абзаце. Как в книжках.
4. Как окрасить текст в разные цвета?
КРАСНЫЙ: красный текст Ало-КРАСНЫЙ: ало-красный текст ЖЕЛТЫЙ: желтый текст ФИОЛЕТОВЫЙ: фиолетовый текст ЗЕЛЕНЫЙ: зеленый текст Светло-ЗЕЛЕНЫЙ: светло-зеленый текст КОРИЧНЕВЫЙ: коричневый текст Ярко-КОРИЧНЕВЫЙ: ярко-коричневый текст ГОЛУБОЙ: голубой текст Светло-ГОЛУБОЙ: светло-голубой текст СИНИЙ: синий текст ФУКСИЯ: фуксия текст ОРАНЖЕВЫЙ: оранжевый текст
Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный,белый,розовый,фиолетовый,бордовый,золотой,серебряный,бронзовый,платиновый).
5. Как сделать бегущую строку?
Бегущая влево строка Бегущая вправо строка Бегущая от края к краю строка
6. Как сделать бегущую картинку?
<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)
Сноска сверху
ТЕКСТ сноска Сноска снизу
ТЕКСТ сноска
9. Как сохранить текст таким, как вы написали?
"Закрепитель": текст остается таким, каким вы его пишете
Однажды
в студеную зимнюю пору
я из лесу вышел...
10. Как сделать всплывающую подсказку?
Текст со всплывающей подсказкой
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет
11. Как дать ссылку на свой дневник или любой адрес?
Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
и получится так:Только для женщин
Точно также можно дать ссылку на фото, картинку или видео. Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
12. Как скрыть часть текста (убрать под кат) ?
Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать [more] - и вставить такой тег в сообщение, то на этом месте оно оборвется и появится ссылка "Читать далее", которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника.
[more=Нажмите, чтобы увидеть картинки] - так можно заменить текст "Читать далее" на свой. После more= можно писать что угодно, например, [more=смотри полностью] или [more=фотки тут].
[/more] - а вот так надо обозначать окончание скрываемой части страницы и продолжить текст.
13. Как сделать простые рамки?
Текст в такой рамке
14. Как поставить картинку в эпиграф дневника?
1. Выкладываете вашу картинку фото) в свой дневник (черновик);
2. Копируете её адрес (URL).
3. Прописываете в эпиграфе (настройки дневника) адрес вот так: [img]Адрес картинки[/img].
или так: <*img src="адрес картинки" />, где "адрес картинки" - полный адрес (http:// и т.д.)">
15. Как сделать баннер?
Слева - пример готового баннера.
Баннеры - это небольшие картинки, которые обычно рекламируют какой-либо веб-сайт. Небольшие баннеры - кнопки сайта, также часто используют для обмена с дружескими сайтами. Можно нарезать заготовки для баннеров из разных красивых картинок, а затем нанести на них вашу информацию.
Для создания баннера необходимо:
1. <*a href="адрес ссылки">Имя ссылки<*/a>, вместо "адрес ссылки" - прописать адрес дневника, на который ссылаетесь (http:// и т.д.)
2. <*img src="адрес картинки">, вместо "адрес картинки" - прописать её адрес в интернете (http:// и т.д.)
3. Объединить два первых пункта:<*a href="адрес ссылки"><*img src="адрес картинки"><*/a>
Не забудьте, что перед публикацией символ "*" (звёздочка) надо везде удалить!
В интернете много разных готовых баннеров. К примеру, можно посмотреть и выбрать Здесь
Чтобы ваш баннер заработал - необходимо:
1. Изменить Текстовый редактор с простого на расширенный.
2. В панели редактора нажать кнопку "Источник" вставить код баннера, затем снова нажать на кнопку "Источник".
3. Отредактировать баннер и сохранить настройки.
Как сделать окошечко для баннеров (Html-кодов)?
Чтобы ваш Html-код не переводился в картинку, нужно поместить его в специальное окошечко UPD (см. выше - п.13). Также такое окошко удобно использовать для размещения длинных текстов. чтобы читатель мог сам прокручивать во флейме.
Вот это окошко:
<*textarea>ВАШ ТЕКСТ (который будет будет в окошечке) </textarea>
Продолжение следует...
P.S. Если возникнут вопросы и пожелания - пишите здесь в комментариях или ко мне в личку.