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

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

Обязательно возьми в цитатник! Пригодится!

Если кому-то лень изучать инструкции для встраивания видео с YouTube в свои записи - радуйтесь. Теперь у вас есть переводчик YouTube-, RuTube-, Видео@Mail.ru-, LoadUp.ru-ссылок в готовый для вставки в запись на ЛИ.ру flash-код.

Только для женщин

Вначале - кратко о спецкодах и 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><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

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



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

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

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


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

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

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


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

Однажды


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


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

Всем доброго понедельничного утра ) Надеюсь, что у всех оно действительно доброе ))

Хочется поделиться с Вами очередной интересной находкой на просторах интернета - это бесплатный хостинг картинок Postimage. В чем его прелесть:

1) Он бесплатный.

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

3) Стабильная работа и быстрая загрузка изображений (даже с моим черепашьим интернетом на работе мегабайтные фотографии грузились быстро)

4) Возможность уменьшать загружаемую картинку вплоть до размеров аватара (это очень удобная функция для тех кто не знаком с фотошопом и не знает как можно фотографию превратить в аватарку).

5) Поддержка мультифайловой загрузки (то есть не надо поочередно грузить картинки, можно переключится на мультизагрузку и загрузить пакет изображений сразу)

Вот так-то. Удобный, быстрый, стабильный сервис. Всем добро пожаловать )

84 просмотров

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

Причин длительной загрузки виртуального проекта может быть несколько: медленный интернет, некачественная сборка движка блога или сайта, обилие мультимедийных файлов и прочее. Но один из основных бичей быстрого отклика виртуального пректа на запрос пользователя - большой размер (вес) изображений.

Я не видел в интернете сайтов или блогов, на которых публиковался бы исключительно текст. Любой автор старается использовать графику для предания выразительности своему контенту. И вот здесь то и кроется причина потери большого количества посетителей на виртуальных площадках новичков.

Сегодня я раскрою причины медленной загрузки сайтов или блогов из-за картинок больших размеров, которые не оптимизированы для размещения в интернете. А как решить данную проблему, я запишу видеоурок вечером. Причем сначала мы попрактикуемся оптимизировать изображения онлайн, то есть прямо на сайте в интернете. Этот способ подойдет абсолютно любой категории пользователей. Потом рассмотрим как оптимизировать изображения при помощи графического редактора "Фотошоп".

Обязательно берите следующие два урока на вооружение и сразу же почувствуете разницу.

Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 18 - Список всех тегов HTML с описанием
Часть 19 - Женя Попов сошел с ума!
Часть 20 - Оптимизация картинок. Зачем?
Часть 21 - ТОП 10HTML ошибок новичков
Часть 22 - Оптимизация изображений для блога или сайта
Часть 23 - Бесплатный контент для блога

Серия сообщений "полезные советы":
Часть 1 - Девчёнки против тётки, или как на стать старой калошей
Часть 2 - Волшебная точка
...
Часть 33 - Интересные советы из разных сфер жизни
Часть 34 - Как продлить жизнь срезанным цветам
Часть 35 - Наведи курсор и узнай значение клавиш.

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

Ингредиенты для "Сало в микроволновке" Сало (свиное, с мясной прослойкой) — 350 г Приправа (для засолки сала, приправа уже с солью) Морковь (небольшая свежая) — 1 шт Рецепт "Сало в микроволновке" У меня был кусочек свежего сала на 350 г, готовая приправа для засолки сала, морковь. Подготовленный кусок сала шпигую морковью, натираю приправой (можно шпиговать чесноком, если нет готовой приправы, то можно соль смешать с перцем, лавровым листом и т.д.). Укладываю в пакет для запекания и неплотно завязываю, для выхода пара (можно воспользоваться кастрюлей с крышкой). Помещаю в микроволновку на 5-6 минут, готовлю при мощности 800 Вт. Нужно учитывать, что сало еще немного доходит, не переварите. Сало готовится быстро, единственный недостаток, шкурка становится жестковатой. Можно уже пробовать. Остудить и убрать в холодильник. Сало получается вкуснейшее, тающее во рту. .

Серия сообщений "закуски мясные":
Часть 1 - ЗАПЕКАНКА ПРАЗДНИЧНАЯ
Часть 2 - Украинский "сникерс"
...
Часть 23 - Сосиски с бананами
Часть 24 - Закуска Вкусные свитки
Часть 25 - "Сало в микроволновке"
Часть 26 - Корзинки из помидоров.
Часть 27 - Копченное сало
...
Часть 46 - Сосиски под майонезом
Часть 47 - Сало: готовим разнообразно – экскурсия по Рунету
Часть 48 - Рецепты с копченостями

Сообщество на Li.ru: Рецепты для микроволновой печи

Рецепты для микроволновки - 1922 рецепта

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

     
 Схема корзиночки 
Свяжите круг по одной из схем плоского круга - это дно корзинки Если он для вас окажется маленьким (все зависит от пряжи) - увеличьте его. Далее вяжите без прибавок до нужной вам высоты корзины. Чтобы корзина сохраняла форму я ввязывала шнур.  Можно корзинку накрахмалить или засахарить, т.е. замочить в сильном растворе сахара, дать высохнуть, придав форму. Рецепт засахаривания есть в моем дневнике. 


 

мой дневник Ирина_Ласточка 

Нам понадобятся:

- белая канва

- гобеленовая и швейные иглы

- ножницы

- хлопчатобумажные нитки мулине по 1 мотку каждого цвета

- натяжная рамка для вышивания

- тонкий фетр