Учебник Лиру

 

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 /> <li>Ваш текст<br /> </li><li>Ваш текст<br /> </li></ul>

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

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

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

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

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

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

Однажды

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

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

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

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

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

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

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

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

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

Gimp:Анимированные контуры.

Делаем анимированные контуры.






Итак,
Читать далее


Еще уроки по Gimp на форуме.

Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!






Жмём и читаем урок полностью

куУчимся делать рам.

На небольших примерах.Покажу как делать рамку и из чего она состоит. По мере своих сил объясню самое основное что нужно знать ,чтобы делать рамки не просто копируя чужие,но и получая удовольствие от своих рамочек. Каждая рамка это таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Эти свойства присваиваются элементам таблицы с помощью параметров WIDTH,HEIGHT, VALIGN, BORDER, BACKGROUND, CELLSPACING, CELLPADDING это не все параметры,но основные, без них невозможно сделать рамку. Код этой рамки. <table width="100%" border="0" cellspacing="1" cellpadding="1" background="Первая рамка"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="Вторая рамка"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="Фон рамки на которой будет текст"> <tr valign="top"> <td width="100%"><center><font face="Times New Roman"><font color="EEDD82"><font size="4">ВАШ ТЕКСТ </font></font></font>ВАШ НИК</center></td></tr></table></td></tr></table></td></tr></table> Читаем далее...

Делаем линию-разделитель.

Очень люблю эти 4 горячие клавиши, которые значительно облегчают нашу жизнь - Ctrl + Alt + Shift + T.

Я их использовала в каких-то уроках, но, как-то не с акцентировала на них внимание. А клавиши замечательные.

Давайте попробуем, используя их, сделать несколько простейших новогодних работ. Почему "несколько"? - чтобы запомнить:-) Почему "новогодних"? - потому что скоро Новый год! :-) С Наступающим вас! :-)

Итак, работа первая:-)))

1. Делаем простенькую линию-разделитель.


Дальше > > >

УЧИМСЯ ДЕЛАТЬ РАЗДЕЛИТЕЛЬ.

Открываем в фотошопе новый документ вот с такими параметрами вот что получилось берем кисть с орнаментом и рисуем дублируем слой нажав Ctrl + J теперь идем в Редактирование - трансформирование - отразить по горизонтали передвинули орнамент и вот что имеем можем оставить так и сохранить в формате-ПНГ а можно залить стилем(подходящий вам)и вот результат- давайте попробуем украсить наш разделитель,я загрузила цветок-ПНГ и сразу уменьшила его до нужного размера и перетащила цветок на картинку с орнаментом сохраняем наш готовый разделитель в формате PNG Можем сделать наши цветочки анимированными и сохранить в формате GIF желаю вам удачи!!! СВЕТИК-ЧУЖАЯ

Делаем анимацию в программе XARA3D

Xara 3D - Одна из самых лучших программ для создания текстовых 3D эффектов, кнопок и баннеров. При помощи программы можно экспортировать ваши работы во флеш. Очень подходит для создания графических ников.
 В отличие от многих современных монстроподобных «комбайнов», объединяющих все мыслимые и немыслимые функции и требующие целой жизни на изучение всех инструментов и особенностей работы, пакет Xara3D создавался с прицелом на выполнение только одной задачи, и он выполняет свою задачу с присущим только ему стилем, скоростью и лаконичностью.

Скачать программу можно здесь

 

учимся дальше...

Как вставлять РАМКУ в свой пост на Лиру.

Этот пост делаю по просьбам моих ПЧитателей,
которые ещё только открыли свои дневники на Лиру.
И хотят сделать свой дневник более красивым.

С чего мы начинаем?
Самое первое надо выбрать рамочку которую вы хотите вставить к себе в пост.
Например вот такую.Копируем код РАМКИ.
Делаем так:Нажали на левую кнопку мыши и начинаем выделять всё что вы
видите в окошке потихоньку опуская мышку вниз.Пока код не перестанет крутиться.
Выделили всё.
Теперь правой кнопкой мыши нажали на выделение.Вылезет окошко с надписями.
Вы вибираете КОПИРОВАТЬ.
Или можно иначе нажмите Ctrl + A-Выделить всё и потом Ctrl + C-Копировать.
Всё вы скопировали код.

Читаем далее...

дневник Милолика Покровская

Нарезка музыки, песен mp3 онлайн

mp3cut — это сервис нарезки mp3 онлайн. Теперь для того чтобы обрезать mp3 и создать мелодии для мобильного больше не нужны сложные программы. Раз, два, три, и бесплатные рингтоны готовы! 1. Жмём на "Загрузить mp3" и загружаем с компьютера музыкальный файл с расширением mp3 2. Включаем плеер и прослушивая песню "Выбираем необходимый интервал" стрелками (слайдерами). 3. Сохраняем себе на комп, нажав на "Разрезать и скачать" Вот и всё! mp3 резак - бесплатно, онлайн

Знакомимся с браузером - Mozilla Firefox (часть 4)

Други мои! Не серчайте, сейчас 3-15 ночи, но я стараюсь соблюдать свои "обязанности":) Поэтому пост пишу:) А вопросы по прежнему прошу задавать в личку:)

Продолжаем изучать Mozilla Firefox
Первая часть
Вторая часть
Третья часть

В третьей части мы остановились на пункте меню "вид" но до конца его не изучили.


Продолжаем:


Читать дальше > > >

АВАТАРЫ,Видео аватары

БЛОГ КРАСИВЫХ АВАТАР И КАРТИНОК,ВИДЕО,
РОМАНТИКА,СТИХИ О ЛЮБВИ 

http://www.liveinternet.ru/community/inspired_by_beauty/

 

Продолжение

Оформление блога

Заголовок

Оформление блога





Официальная помощь мейлрушному блогеру

Мои пояснения по оформлению блога

Памятка начинающим блогерам 

Как спрятать часть текста "под cut"?

Как расположить картинку справа и слева от текста

Как расположить картинку в центре текста и по краям

Как сделать всплывающую подсказку к изображению

Как сделать фон для записи в блоге 

Как сделать кликабельную картинку

Как вставить музыку в комментарий

Как сделать постраничное оглавление блога

Как сделать навигацию по блогу (бродилку, оглавление)

Как сделать картинку-кнопку для бродилки

Как сделать слайд-альбом

Как сделать скриншот - фотографию экрана

Как сделать скриншот с видео-изображения

Как скачать видео 

Всякая всячина для блогов

Линеечки. Огромная коллекция 

Кнопочки типа "Я люблю Васю"

Информер погоды

Счётчики посещаемости 

Cursor Mania - курсоры, интересные смайлики

Оптические иллюзии

Палитра для текста

Специальные символы на клавиатуре

Анимашки, блестяшки и просто картинки

Fotozveri - большой сайт со зверушками

Angelsart - маленький сайт с ангелами, феями, эльфами

Страна фантазий - анимашки, картинки, часики, курсоры, календарики

33B.ru - огромная gif-коллекция блестящих и не очень картинок на все случаи

Красота - коллекция красивых блестящих картинок

Glitter-Graphics - много блестяшек-анимашек

Best gif - гигантский сайт анимашек (более 3000)

Glitter Graphics Now - новая коллекция блестяшек-анимашек

Всякие картинки - тематические gif-коллекции

Клип-арт - огромный алфавитный каталог картинок, бордюров и фонов

Анимационные картинки-открытки

Big gif - сайт с большими блестящими картинками

Art Gif - очень много анимашек

Blestiashky - блестяшки-анимашки

Новогодние картинки

Новогодние блестяшки

Best Gif - гламурные анимашки

Gif Pict - красивые анимашки с девушками

Гламурные картинки

Красивые картинки

Красивейшие картинки

Большой сайт фотографий разных цветов

Ещё фотографии цветов

Фэнтези I

Фэнтези II

Рисунки символами 

Небольшой, но расширяющийся сайт с фотографиями

http://www.zwani.com/ 

http://www.glimboo.com/ 

http://recadosdaweb.com/ 

http://www.pimpinup.com/ 

Генераторы текста

Says-it - генератор надписей на аудиокассетах

Сryptogram - генератор надписей на сердечках (англ.)

Тext-image - генератор текстовых изображений

Imagechef - генератор анимированных и забавных надписей

Легче лёгкого - генератор радужного текста 

Rainbow text - генератор радужного текста

Gifr! - генератор блестящих надписей на русском языке

Lintukoto - генератор баннеров

Glitterfy - генератор блестящих надписей

Glassgiant - генератор неоновых надписей

Dollzmania Glitter - генератор блестящих надписей и картинки с Долли

Create Glitter - генератор блёсток на вашей маленькой картинке

Your Gen - генератор блестящего текста

Crazy Pages - генератор разноцветного разноразмерного текста 

Сaption.It - генератор надписей на фото

Image Chef - генератор надписей на картинках с разными эффектами

Image Chef - генератор текста, написанного цветами

GlitterKiss.com - генератор красивых блестящих буковок

Gifr. ru - аватарки, сияющие буковки

Фотогенераторы

Bighugelabs - генератор коллажей

Оnlinewahn - монета с собственным изображением

Magixl - генератор забавных карикатур

Wittycomics - классный генератор комиксов с поддержкой кириллицы

классный генератор, позволяющий создавать стереограммы

генератор красивых рамок для фото

генератор интересных фоторамок, фото на обложке журнала

генератор собственных заставок на рабочий стол

новые причёски к вашему изображению на обложке журнала

генератор забавных логотипов

онлайн генератор забавных изображений

генератор фото на обложке книги

3d-pack - генератор фотоизображений на трехмерных коробках с зеркальным отражением

Рhoto Funia - генератор фотографий в музее, космосе, на улице города и многое другое

Dumpr - фотогенератор "кубик-рубик", "музейная картина" и другие

Loona Рix - фотогенератор " фото в рамке" и прочие

Hero in.com - генератор "Твоё фото на обложке журнала"

Watereffect.net - генератор эффекта воды на фото

Fototrix - генератор различных рамок для фото

Flashbannernow - генератор флеш-баннеров (англ.)

Слайдшоу 

СмайликиРасшифровка смайликов на IconsFree.org 

Смайлики на http://smiles.dolf.ru/ 

Смайлики на http://smailiki.nm.ru/ 

Смайлики на http://smiles.rc-mir.com/ 

Смайлики на http://smiles.33b.ru/index.php 

Смайлики на http://www.funportal.info/smiles.php 

Смайлики на http://tritroichki.narod.ru/smajliki.html 

Смайлики на http://www.vasilechki.ru/smile-kolobki/ 

Смайлики на http://smiles2k.net/big_smiles/index.html 

Смайлики (png) http://www.novojonov.ru/resource/smiley-set-big.aspx

Хостинги изображений

Smages

Радикал

Keep4u.ru

Imageup

Imagebar

Фоторедакторы

Небольшой редактор для фото

фоторедактор - вырезать фрагмент или аватарку из фотографии

Fan studio - фоторедактор в интернет

Скачать бесплатно русифицированный Фотошоп -10

Англо -русский словарь терминов Фотошоп                                                                           Из инета

Коды оформления блога

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Добавляем музыку в дневник...






Дальше

НОВИЧКАМ: что нужно знать при добавлении "в друзья"

НОВИЧКАМ: что нужно знать при добавлении "в друзья" (все картинки кликабельны)

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

1. Добавляемся стандартно: нажимаем на "Добавить в друзья" в профиле выбранного дневника

2. А вот теперь обратите внимание на открывшееся окошко
Читать далее

Дорогие девочки, ВЫ ТЕРЯЕТЕ ЧИТАТЕЛЕЙ!

Дорогие подруги по дневникам,которые еще не успели или не сумели (или не захотели) настроить трансляцию своих сообщений на почту! Вы теряете читателей. Не у всех есть время переходить из почтового ящика на страницы ваших дневников. А если еще Интернет медленный? Да пока загрузятся картинки-поседеешь! Поэтому многие,вместо того,чтобы "перейти на страницу сообщения", просто удаляют его не глядя. Не из вредности,а просто от недостатка времени.
А ведь все так легко исправить! Посмотрите вот ЗДЕСЬ: http://www.liveinternet.ru/users/jagusya/post131254302
Желаю успеха!

Простое создание рамочек для сайта или блога

http://li-web.ru/serv/ram/

Простое создание рамочек для сайта или блога

КАК ОСТАВИТЬ "АВТОГРАФ" НА КАРТИНКЕ СВОЕГО ПОСТА

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

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

Итак, пошаговая инструкция.

ШАГ1: Получите бесплатный почтовый ящик на сайте Google.

ШАГ2: Открываете свою почту:



ШАГ3:

В самой верхней строке Вы видите: Календарь, Документы ... и последнее слово "еще". Вам сюда. Кликаете по этому "еще" мышкой, откроется вот такое меню:



ШАГ4:

Вам нужна последняя строчка "Все продукты". Кликаете по ней мышкой, открывается страничка:





ШАГ5:

С правой стороны находите яркое кольцо, а рядом надпись Picasa. Мы уже почти у цели. Кликаем мышкой - открывется вот такая страничка:



ШАГ6:

Здесь Вы кликаете на клавишу "Загрузить Picasa". После загрузки Picasa изображения, хранящиеся в Вашем компьютере, при открытии будут выглядеть так:



Обратите внимание, что картинка открыта в редакторе Paint. Работу этого редактора я описывать не буду, скажу два слова: он позволяет немножко "причесать" Вашу картинку.

ШАГ7:

Открываете документ в текстовом редакторе (у меня Word) и копируете в него адрес своего дневника. Это выглядит так:



ШАГ8:

Копируете эту надпись, как обычно, и переходите к своей картинке в редакторе Paint. Там в верхней строке меню выбираете "Редактировать" или "Edit". В следующем открывшемся
меню выбираете "Вставить" или "Paste", кликаете мышкой и видите долгожданную подпись
в левом верхнем углу, она активна, и Вы ее мышкой перетаскиваете на желаемое место.
Результат будет таким:



Рассказ получился длинным, но на деле это занимает совсем немного времени. Всем желаю успеха!

Серия сообщений "ДНЕВНИК":

Часть 1 - Хитрости Youtube
Часть 2 - Новогодняя анимация.
...
Часть 28 - Подробно о функции"отношения" на Лиру
Часть 29 - НОВИЧКАМ: что нужно знать при добавлении "в друзья"
Часть 30 - КАК ОСТАВИТЬ "АВТОГРАФ" НА КАРТИНКЕ СВОЕГО ПОСТА
Часть 31 - Делаем читабельные посты
Часть 32 - Отличный сервис (замена фотошопу)
...
Часть 38 - Мы поддерживаем новые HTML5 плееры от YouTube и Вконтакте
Часть 39 - Обновление сервиса рамок. Как пользоваться галереей фонов
Часть 40 - Полезность по таблицам

Как удобно выложить фотографии в свой блог

Цитируйте, если понравилось:)

Итак, как быстро и удобно выложить фотографии в свой блог.
Расскажу о способе, которым сам пользуюсь и пока считаю наиболее удобным.

1. Создаем, если такового еще нет, аккаунт на http://www.google.ru/
2. Загружаем программу Picasa http://picasa.google.com/intl/ru/ (порядка 5,6 мб)
3. Запускаем Picasa, она автоматически находит все фотографии на жестком диске.
4. Через нее загружаем нужные нам фотографии в публичный альбом, указывая логин и пароль с гугла

 

5. Далее идем на http://picasa2html.com/ где указываем свой логин гугла, выбираем альбом, нужные фотографии, размер фото в публикации, способ вывода и получаем в итоге изящный код, который и вставляем в блог.

 

Намного быстрее и удобнее, чем стандартная загрузка. Особенно, если фотографий не 5, а 50. А то и больше.
Да к тому же заметил, что качество остается очень хорошим.

Пользуйтесь на здоровье. Инструкцию написал isart

Обновление сервиса рамок. Как пользоваться галереей фонов

И вот,- свершилось!!!

Могу облегченно выдохнуть, взять небольшой перерыв и вернуться к вам, дорогие мои, в качестве "блоггера", а не сайтостроителя:)

Сразу к делу (пожалуйста, постарайтесь осилить весь текст:) ):

Регистрация на сайте LI-web открыта!

Какие плюсы вы получите зарегистрировавшись на сайте?
С самого начала, идея регистрации возникла для того, чтобы упростить вам использование сервиса рамок.
1. Теперь вы можете создавать свои галереи фонов, и они всегда будут у вас под рукой:


Читать дальше > > >

Как сделать картинку ссылкой (на Лиру)

Картинки в посте, комменте или, например, эпиграфе можно сделать ссылками («кликабельными»). То есть, при клике на изображение открывается указанная веб-страница. Это полезно при создании баннеров и в некоторых других случаях.

Для создания ссылки не на всем изображении, а на его части - читайте пост про области-ссылки.

 

Как это сделать

Без заголовка

ВСТАВЛЯЕМ КАРТИНКУ - БЫСТРО И ПРОСТО!

Для этого используется такой код:
<img src="АДРЕС КАРТИНКИ">

А если картинка очень большая а вы хотите, например? вставить ее в рамочку  - тогда нам нужен будет такой код:
<img src="АДРЕС КАРТИНКИ" width="100%">

( пояснение по второму коду )
Здесь параметр  width="100% говорит нам о том, что изображение должно занять 100% ширины. Это значение можно менять.
А если наоборот - картинка слишком мала, то используйте первый код, т.к. при растяжении маленького изображения на всю ширину теряется его качество. 

Адрес любой картинки узнать совсем несложно!
( здесь подбробности )
1. Кликните по понравившемуся изображению ПРАВОЙ клавишей мышки.
2. Выпадет табличка, в которой нужно выбрать строчку "СВОЙСТВА ИЗОБРАЖЕНИЯ".
3. Далее ЛЕВОЙ клавишей мышки кликаем на этой строке.
4. Появляется еще одна табличка, в которой указан
"АДРЕС ИЗОБРАЖЕНИЯ".
5. Его нужно скопировать (ставим курсор на эту строчку: помечаем - Ctrl+А , затем копируем - Ctrl+С).
6. Все - теперь можно вставлять в код - Ctrl+V.

1. Быстрый способ (для Оперы) - кликаем правой клавишей по картинке и выбираем "Копировать адрес изображения".
2. Для тех, у кого браузер Firefox  - выбрать "Копировать ссылку на изображение".

Вставляем этот адрес вместо слов АДРЕС КАРТИНКИ.
Кавычки должны остаться и между ними и адресом НЕ ДОЛЖНО БЫТЬ ПРОБЕЛА!
Получиться должно так:
<img src="//s54.radikal.ru/i145/1005/43/756c23009623.gif">
А теперь уже готовый код копируем и вставляем туда,
куда вам хочется!

А шаблон кода для вставки картинок советую сохранить себе где-нибудь в компе в текстовом редакторе (сделать заготовку-шпаргалку). А потом просто вставлять туда все, что вам нужно. И затем уже готовый код  переносить в то место, куда вам хочется />

Все это проделываем в HTLM-режиме!


Если что-то осталось непонятным, то можно почитать еще
ЗДЕСЬ

Желаю удачи!

Поля для кодов. Внешний вид и пр.

Такой небольшой, но очень полезный постик:)

Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру:



И здесь некий код, который можно легко скопировать

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

Пишется оно очень просто:

Читать дальше > > >

НОВИЧКАМ: вставляем правильно коды картинок в комментарии

Существует два способа вставки картинки в комментарии: 
1. путем перехода к полной форме комментариев и прикрепления к своему комментарию нужного файла;
2. вставки в тело комментария готового кода, который можно получить либо путем заливки на специализированные сервисы (www.radikal.ru, www.pixs.ru и т.д.), либо взятия уже готового со множества сайтов с разными красивыми картинками, блестяшками, анимашками и прочими украшалками.
Вот о том, как правильно использовать и вставлять эти коды, мы сегодня и поговорим.
Казалось бы, что проще: скопировал и вставил код на понравившуюся картинку. Но все так то просто)). Вам с готовностью дают коды, но в каждом из них сидит активная ссылка на сайт, оказывающий подобного рода услуги. Фактически, Ваша картинка - это активная внешняя ссылка. А если говорить очень просто, то все внешние ссылки уменьшают вес самого сайта, на котором они размещены. Если блоггер занимается оптимизацией своего дневника и нацелен на его дальнейшее развитие и продвижение, то куче внешних ссылок, ведующих неизвестно куда, он явно рад не будет.

Поэтому мы на конкретном примере расмотрим как вставить код, но при этом сделать это "красиво".

Допустим, я хочу оставить в комментарии вот такую красивую открытку.

Читать далее

Для новеньких и стареньких

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

Для новеньких: начинать ознакомление с  Лирой следует

с этой странички Ростислава, кроме того, вам могут помочь с возникшими вопросами в сообществах Ча Во или FAQ для лирушников , Сообщество о liveinternet.ru , Сообщество для новичков Li.ru "Сама овца", Ответы на общие вопросы , БагЛи - сообщество, где вы можете оставить сообщение для разработчиков сайта о техническом сбое - глюке в вашем дневнике.

Как закачать картинки на Лиру - жмем 

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

1. Воспроизводит картинки моментально, не надо долго ждать загрузки картинок в посте, а при нашем платном интернете скорость - большое дело)

2. Не виснет, а значит у вас никогда не появятся  "череп и кости"  - маленькие белые квадраты  вместо положенных на их месте картинок. 

 3. Дает возможность "перенести" картинки из Яндекса в пост на Лире одним простым действием: дает коды сразу ко всему альбому (только убедитесь, что создаете пост в простом редекторе, не расширенном)

4. Есть возможность публиковать картинки в оригинальном размере, вместо наших положенных на Лире 700 пикселей

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

Как пользоваться сервисом  ЯндексФотки  

Вставляем музыку в пост.

Еще немного по поводу музыки на Лире

Как я сохраняю  видео с Ютюба

Теперь о наболевшем: я подписана на более чем 200 дневников, просматриваю посты через Ленту друзей, загружая на страницу по 200 сообщений. Многие любят блестящие рамки (я тоже люблю на них смотреть, хотя сама "не по этому делу" ) , но загружаются они долго, тормозят просмотр страниц, съедают интернет-время. Пожалуйста, ПРЯЧЬТЕ ЧАСТЬ ПОСТА !!!

 

Кроме того, для вас же будет лучше, если человек, заинтересовавшийся постом, кликнет "Читать дальше" - а значит зайдет на вашу страницу, увеличив количество посещений.  Если пост не спрятан под кат, но мне интересен, я его прочту через ленту, не заходя в ваш днев, а вам что от этого? Тот, кому затронутая в вашем посте тема неинтересна, будет только испытывать раздражение, если вы заставляет его читать ненужный пост и может отписаться от вашего днева.

как прятать часть поста

ЕЩЕ НЕСКОЛЬКО СОВЕТОВ

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

 

Ребята!!!  Даже "волки позорные" не охотятся на своей территории. У вас в распоряжении весь инет - не надо воровать посты у своего товарища по сообществу! Рано или поздно об этом будет известно и вы наживете кучу разборок.

 

Не надо создавать СВОЕГО поста со скромным "позаимствовала", "спасибо, дорогому другу", "нашел у такой-то"!  У нас есть цитатник - почему не процитировать???  А потому, что некоторым товарищам, (которые нам вовсе не товарищи,) хочется, чтобы  цитировали ИХ посты, а не тех кого они сладко именуют " своими друзьями",  - ведь за это идут те самы поинты-начисления, указывающие на популярность днева, одним из показателей которых является "Количество ссылок"

 

ЦИТИРУЙТЕ, а не копируйте!! 

Как избежать обвинений в воровстве поста 

(Кстати о цитировании: желающим определить данный пост (или его часть) к себе в днев: лучше вам процитировать. Я потратила свои выходные на эти долбанные 57 скриншатов и объяснений к ним  и если найду нецитированным - предупреждаю сразу!!!  - орать буду долго- громко-неутомимо.... Хотя зачем орать- сразу к Валезу пойду    )

 

Кто не знает как цитировать? 

Люблю вас!! 

 

Очередная угроза на Лиру

Итак, дорогие мои читатели, спешу сообщить вам о ещё одном дерьмеце которое может ждать вас в своих же собственных блогах. Сегодня у себя в блоге увидел один комментарий со странным синим квадратиком. Где-то в глубине сознания промелькнула мысль, что что то не так, и рука сама потянулась и стёрла его. Чуть позже увидел комментарий этого пользователя у блогера Магес_Qуеен и решил узнать, что же это за синяя точка. Ведя курсор к этому маленькому, синенькому квадратику я уже догадывался что там будет ссылка на какой-то не очень хороший сайт. Так оно и оказалось, кликнув по этой ссылке мой антивирусник начал ругаться и не пустил меня на тот сайт, сказав что там вирусы.

Не знаю для чего надо оставлять комментарии с мизерной ссылкой-картинкой по которой если из 10 000 человек один да кликнет, но такие комментарии надо стирать, т.к. сам факт скрытой ссылки ведущий на сайт с вирусом говорит о многом. Именно поэтому я вас решил предупредить. Увидите нечто такое (см. рис. 1), делайте следующее: в нижнем правом углу данного комментария нажмите на белый квадратик с желтым треугольничьком (см. рис. 2), далее выделите все 4 пункта (см. рис. 3), введите капчу (не понимаю зачем она здесь) и нажимайте кнопку выполнить. Всё спамерский комментарий а также все комментарии от пользователя спамера будут стёрты.


Рис. 1
Читать далее...

Как сохранить записи с лирушного дневника?


Итак, чтобы сохранить записи своего дневника на ли.ру на компьютере и таким образом не потерять все, если забудете пароль или что-то случится с ли.рушкой, необходимо:
1. Зайти к себе на главную страницу. Пролистать ее вниз до упора. Там будет ссылка-текст "экспорт". Нам туда. ;)
2. Следуя инструкции сохраняем свои записи в отдельную папочку (для удобства).
3. Если Вам не нравится то, как открываются записи или они вовсе не открываются, то нужно сменить расширение на .doc (тупо выходит, видно все коды) или .html (получше, но открывается через браузер).
Прикольная вообще штучка этот "Экспорт". Можно проследить свою активность. :))

PS: Процитируйте запись, возможно, кому-то из Ваших ПЧ эта информация как раз необходима. :))

Для дневничка !

 

Делаем блестяшку он-лайн