Для любителей очень яркого и красочного!



ВСЁ ЗДЕСЬ

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

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

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

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

Читать далее

Надписи для комментариев +код.

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://fotki.yandex.ru/users/nxsysha/view/280573/"><img src="//img-fotki.yandex.ru/get/5301/nxsysha.64/0_447fd_41067e52_M.jpg" width="239" height="300" title="" alt="" border="0" /></a> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://fotki.yandex.ru/users/nxsysha/view/280573/"></a>

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

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

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

Для этого используется такой код:
<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-режиме!


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

Желаю удачи!

"Фразы" из "уст" пушистиков.

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

Рамки с уголками.Несколько вариантов.


КОД РАМКИ. <div style="background-image: url( //img1.liveinternet.ru/images/attach/c/2//69/255/69255475_0_69158_50939ad5_M.png ); background-position: 0% 0%; padding:100px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url( //img1.liveinternet.ru/images/attach/c/2//69/255/69255526_0_69158_50939ad5_M.png) ; padding:40px 110px 110px 40px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "><div style="text-align: ; font: 24px Monotype Corsiva;font-style: italic; color: #F8F8FF; padding:2px;">ВАШ ТЕКСТ ПИШИМ СЮДА .<br /></div> <a title="Милолика Покровская" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://milolicasv.ru/profile/" target="_blank"> <img src="//img0.liveinternet.ru/images/attach/c/2//69/255/69255912_0_45ec0_b927fb1b_XS.gif" alt="" align="right" /></a></div></div>
ЗДЕСЬ ЕЩЁ РАМОЧКИ С УГОЛКАМИ...

Делаем читабельные посты

Думаю, для многих новичков здесь, да и на любом блог-сервисе, актуален вопрос, как сделать так, чтобы их посты были читаемы, обсуждаемы, комментируемы и чтобы комментарии были осмысленными, в общем, как привлечь наибольшее внимание к своим сообщениям?
Итак, вот несколько простых советов, как сделать ваш материал легко читаемым.
1. Объем! Он не должен быть больше 3-5 тысяч знаков, в идеале - одна-полторы тысячи печатных знаков. Больше с экрана компьютера читать тяжело.
2. Подзаголовки! Если пишете длинный текст - разбивайте его на подзаголовки. Их можно выделять курсивом или набирать заглавными буквами, в любом случае, лучше, чтобы они отличались от остального текста.
3. Если пишете о своей личной жизни - поясняйте, кем являются действующие персонажи, что они для вас значат и т.п. Помните, большинство читателей вряд ли запомнят имя персонажа, если оно упоминалась много постов назад.
4. Не перегружайте сообщение картинками, если это сообщение не посвящено собственно графике. Картинки хороши в количестве одной-двух, но если перегрузить ими сообщение, они отвлекают внимание собственно от текста.
Отдельный вопрос - рамочки, особенно навороченные, с анимацией, блестяшками, множеством слоев. Они у многих долго грузятся, из-за них перекашивается монитор - поэтому человек может просто не дождаться загрузки.
5. Имеет значение также дизайн схемы. Лучше, чтобы шрифт был 12-14, и на сообщениях стоял читабельный фон - не пестрый, если полупрозрачный, то чтобы основной фон не очень сильно просвечивал.
Как отредактировать уже готовую схему - можно прочитать здесь: http://www.liveinternet.ru/users/2670115/post136516685.
Как сделать свою - здесь: http://www.liveinternet.ru/users/2670115/post136986672/
И еще совет - хотите, чтобы ваш блог был по-настоящему интересным - пишите сами, или о себе, или делитесь каким-то своим творческим и профессиональным опытом - а не просто копируйте материалы из Интернета.
Особенно, если вы живете в какой-нибудь экзотической местности, или у вас редкая, интересная специальность или хобби - поверьте, такие посты, даже написанные корявым языком, всегда будут интереснее шаблонных статей популярных интернет-ресурсов!

Сделать схему - элементарно!

Напишу инструкцию, как очень просто и быстро сделать свою собственную схему для дневника. Для этого нужно всего ничего. Зайдите в "Настройки", а затем - в "Настройки дизайна".
Сразу попадете в подраздел "Настройки схемы", где увидите много разных окошечек для загрузки, меню с цветом и размером шрифта, и прочее.
Разобраться во всем этом очень просто, т.к. все очень структурировано. Просто грузите нужный вам фон в окошечке "фоновая картинка страницы" (фон нужно загружать с вашего компьютера), фон на сообщения, по желанию - на дополнительные блоки и панель навигации.
Важно! Фон должен быть до 78 кб весом.
Вопрос - где брать бесшовные фоны? Можно вот здесь: http://www.fonydnevniki.sitecity.ru - очень много самых разных эффектных фонов, все размеры подогнаны для ЛиРу. Можно - здесь: http://www.lenagold.ru/fon/main.html - фоны достаточно простые, зато огромный выбор и самые разные сюжеты, размер тоже подходит для Лиру. Вот здесь тоже большой выбор очень простеньких, но миленьких фонов: http://fonegallery.narod.ru
Или можно сделать фон самим, инструкции здесь: http://www.liveinternet.ru/users/2670115/post131842330.
Итак, фоны загрузили. Теперь нужно определиться с цветом, размером и типом шрифта - здесь ничего грузить не надо, а надо просто выбрать из предложенных вариантов.
Обратите внимание на колонку сверху слева, она называется "цвет фона". Это - цвет вашей т.н. "подложки", тот цвет, который будет под основным фоном. Если специально никакие фоны не грузить, можно составить схему только из этих, уже предлагаемых цветов.
Еще можете обратить внимание, есть такая колонка - "цвет рамок". Это какого цвета будет обводка сообщений, фона на панели навигации и доп. блоках. Впрочем, такую рамочку можно вообще не делать - достаточно поставить галочку рядом со словом "прозрачный".
И самое главное: когда вы все загрузили, выбрали шрифты - схему надо сохранить!
В самом низу страницы есть окошко предпросмотра созданной схемы, а под ним - меню, где нужно написать название вашей схемы, поставить галочку в окошке "сохранить набор цветов как схему" и нажать на кнопочку "внести изменения". Только тогда ваша схемка сохраниться!
Когда вы все сохранили, схема уже готова и отображается у вас в дневнике. Чтобы поделиться ее кодом с кем-нибудь, или переустановить ее повторно, нужно пойти в подраздел "Управление схемами" - там хранятся все загруженные и сохраненные схемы. Выбираете вашу схему по названию, щелкаете по ней - справа появляется ее код, заключенный в квадратные скобки. Вот его нужно аккуратно скопировать и вставить в сообщение - это если вы хотите поделиться схемой с друзьями, например.
Вот и все! В любом случае, придется поэкспериментировать, но уверяю вас, что разобраться в настройках схемы очень просто и под силу каждому.