Авторизация

Дневник Любацо Лента друзей - Дневник - Полная версия

Без заголовка 11-10-2013 11:47 к комментариям - к полной версии - понравилось!

Салат \"Осень\"

Ингредиенты:
-Морковь - 2 шт.
-Чеснок - 3-4 зубчика.
-Копченая колбаса - 200 г.
-Огурец свежий - 2 шт.
-Сыр - 200 г.
-Кукуруза консервированная - 1 б.
-Майонез - 200 г.

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

[566x405]

вверх^ к полной версии понравилось! в evernote

Комментарии (1):

klavdia-France 12-10-2013-01:24 удалить

Учебник ЛиРу.

[показать]Слева - новый баннер женского клуба. Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге):
Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника.
Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:
- скопируйте приведенный ниже код;
<center><form action="http://www.liveinternet.ru/community/for_women_only/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /></form></center>
- зайдите в свои "Настройки дневника" (вверху страницы);
- найдите там пункт "Эпиграф дневника" и впишите скопированный код;
- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас! Пользуйтесь! Последнее обновление учебника - 29.08.2013

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

Вначале - кратко о спецкодах и 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. Как сделать бегущую строку?

Бегущая влево строка бегущая влево
Бегущая вправо строкабегущая вправо
Бегущая от края к краю строкабегущая от края к краю

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

(123x73, 4Kb)

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

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

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

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

Список c жирная точка спереди

Мужской клуб
Женский клуб

Список сформируется автоматически, если добавить

Первый пункт текста
Второй пункт текста

Сноска сверху
ТЕКСТ^сноска
Сноска снизу
ТЕКСТ _сноска

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

"Закрепитель": текст остается таким, каким вы его пишете

Однажды

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

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

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

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

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

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

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

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

Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать [more] - и вставить такой тег в сообщение, то на этом месте оно оборвется и появится ссылка "Читать далее", которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника.

[more=Нажмите, чтобы увидеть картинки] - так можно заменить текст "Читать далее" на свой. После more= можно писать что угодно, например, [more=смотри полностью] или [more=фотки тут].

[/more] - а вот так надо обозначать окончание скрываемой части страницы и продолжить текст.

13. Как сделать простые рамки?

Текст в такой рамке

Если хотите цветную рамку, добавьте в код картинки:
- задана красная рамка толщиной 5 пикселей.

только убираете звездочки. Width - ширина рамки, height - её высота. Background-color - цвет подложки в рамке.

То же самое, но в цвете:

14. Как поставить картинку в эпиграф дневника?

1. Выкладываете вашу картинку фото) в свой дневник (черновик);
2. Копируете её адрес (URL).
3. Прописываете в эпиграфе (настройки дневника) адрес вот так: [img]Адрес картинки[/img].
или так: <*img src="адрес картинки" />, где "адрес картинки" - полный адрес (http:// и т.д.)">

15. Как сделать баннер?

[215x275]Слева - пример готового баннера. Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге):
Баннеры - это небольшие картинки, которые обычно рекламируют какой-либо веб-сайт. Небольшие баннеры - кнопки сайта, также часто используют для обмена с дружескими сайтами. Можно нарезать заготовки для баннеров из разных красивых картинок, а затем нанести на них вашу информацию.

Для создания баннера необходимо:

1. <*a href="адрес ссылки">Имя ссылки<*/a>, вместо "адрес ссылки" - прописать адрес дневника, на который ссылаетесь (http:// и т.д.)

2. <*img src="адрес картинки">, вместо "адрес картинки" - прописать её адрес в интернете (http:// и т.д.)

3. Объединить два первых пункта:<*a href="адрес ссылки"><*img src="адрес картинки"><*/a>

Не забудьте, что перед публикацией символ "*" (звёздочка) надо везде удалить!

В интернете много разных готовых баннеров. К примеру, можно посмотреть и выбрать Здесь

Чтобы ваш баннер заработал - необходимо:

1. Изменить Текстовый редактор с простого на расширенный.
2. В панели редактора нажать кнопку "Источник" вставить код баннера, затем снова нажать на кнопку "Источник".
3. Отредактировать баннер и сохранить настройки.

Как сделать окошечко для баннеров (Html-кодов)?

Чтобы ваш Html-код не переводился в картинку, нужно поместить его в специальное окошечко UPD (см. выше - п.13). Также такое окошко удобно использовать для размещения длинных текстов. чтобы читатель мог сам прокручивать во флейме.

Вот это окошко:
<*textarea>ВАШ ТЕКСТ (который будет будет в окошечке) </textarea>

Код этой цветной кнопки: Учебник регулярно обновляется (дата обновления указана красным в начале поста). Для тех, кто установил кнопочку "Учебник Li.Ru" - свежая версия всегда под рукой!
P.S. Если возникнут вопросы и пожелания - пишите здесь в комментариях или ко мне в личку.

[70x]

Обратиться - Ответить - К полной версии

Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | Любацо - Дневник Любацо | Лента друзей Любацо / Полная версия Добавить в друзья Страницы: раньше»

Оглавление

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

Заголовок

Вы сейчас не можете прокомментировать это сообщение.