А и не надо!

С некоторых пор главную аватарку в профиле пользователя скачать не так просто – она не является «обычной» картинкой на странице. Но мы её сохраним.

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

В браузере Firefox очень удобно пользоваться известнейшим плагином Firebug (о нём в Википедии – ссылка, русскоязычный сайт плагина с подробной инструкцией и описанием – ссылка, как устанавливать плагины Firefox – ссылка, страница установки плагина – ссылка).

Правой кнопкой на аве – «Анализировать элемент». В нижней части браузера откроется окошко, где можно увидеть ссылку на адрес «background-image», т.е. аватарки. Осталось только скопировать ссылку и скачать по ней аватару.

Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают разные другие полезные вещи. Спецкоды в угловых скобках <> называются HTML -кодами. Их можно вводить «от руки» только в простом редакторе, в расширенном редакторе вместо них нужно можно пользоваться кнопками над текстом (как в Word). Если очень нужно использовать еще и в расширенном — нажимайте кнопку Источник в левом верхнем углу.

Коды, заключенные в квадратные скобки, не являются универсальными, иногда называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом, и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не «подчеркнул» ее, а у простого редактора убрать внизу галочку «Автоматическое распознавание ссылок», иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спецкодов.

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

[user=bravedefender] — позволяет поставить красивую ссылку на пользователя сайта (вместо пробелов в имени нужно указывать нижнее_подчеркивание)

bravedefender

[user=bravedefender]Саша[/user] — позволяет назвать при этом пользователя по-особенному

Саша

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

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

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

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

Показан процесс: скачивание видео из Интернета – редактирование видео – загрузка видео на ЛиРу.

Вообще, обычно даётся код для размещения роликов на других сайтах или в дневниках. Как добавить в дневник видео с самого крупного видеохостинга YouTube рассказывалось в посте «Как вставить в пост на Лиру видео YouTube». Есть еще один способ – «Вставляем в пост видеоплеер, не загружая файлы» – который можно использовать на сайтах, если у вас немного места под файлы.

Но если вы решили загрузить видео на «лирушный» сервер, то действуем иначе.

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

Фотографы и любители фотогаллерей, очень радостное, как я думаю, обновление именно для Вас!

Запустили еще одну возможность, связанную с загрузкой фотографий: теперь при нажатии на них, если они не были прописаны как ссылка на что-либо, будет открываться слой поверх страницы, на котором можно посмотреть фото в размере 900х675 (оптимальным для большинства мониторов) с возможностью листать (в том числе нажатием клавиш Ctrl+стрелка) все фотографии на текущей открытой странице. Закрыть можно нажав мышкой на галочку или вне фотографии, а также нажатием на ESC.

Работать будет только с фотографиями, которые залиты в последние пару дней, как выложили предыдущее обновление. Только, конечно, с фотографиями, которые закачали на наши сервера. Для других у нас просто нет копий нужного размера.

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

Вот как это выглядит (можете нажать и увидеть по-крупнее)

Помимо очевидных радостей такого нововведения, предлагается также новый способ оформления фотоподборок. Сейчас это "одна фотография над MORE, потом до сотни крупных фотографий под ним", сам так оформлял, например, поездку в Японию. Теперь с радостью бы переделал это по новому в стиле "Одна фотография, под ней много маленьких превью, которые при клике разворачиваются и листаются". Ну во много раз лучше и удобнее будет всем зрителям, экономия времени и трафика.

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

Вот какой получается результат:

Пробуйте, ждем комментариев с предложениями о доделках и исправлениях.

Помошник...



 

Помощь блоггеру   УРОКИ ОТ ДЖУЛИИ

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Серия сообщений "~ < htmlka >":
Часть 1 -
Часть 2 - Подписать картинку. (памятка)
Часть 3 - Памятка по html
Часть 4 - Текст обтекает картинку.
...
Часть 18 - СКРИПТИК - ЧУДЕСНЫЙ САЙТ
Часть 19 - Генератор таблиц
Часть 20 - Урок по таблицам...полезный)))

ИСПРАВЛЕНИЕ ОШИБОК *** ...просматривая накануне ленту Яндекса , я увидела очень красивые рамочки,но ниже была портящая все надпись...[ Невозможно полностью обработать текст записи ] ...я уже не один раз писала о том , КАК ПРАВИЛЬНО ВЗЯТЬ КОД РАМОЧКИ , чтобы не было проблем,но приходят новички и именно для них я еще раз повторюсь, а опытные пользователи пусть будут толерантны. КАК ПРАВИЛЬНО СКОПИРОВАТЬ КОД РАМОЧКИ написано ЗДЕСЬ(ЖМИТЕ) внимательно рассмотрите картинки: *** ВНИМАНИЕ:если у Вас имеется паралллельный блог на Лиру,то о том,как взять код на Лиру можно прочитать ЗДЕСЬ (НАЖИМАЙТЕ) ...очень красивые АРИНИНЫ рамочки ЗДЕСЬ ( НАЖМИТЕ и получите КОДЫ) ....... ***

Серия сообщений "1.ЛИРУШКИН ЛИКБЕЗ - подсказки":

Часть 1 - РУБРИКИ Дневника = метки БЛОГА на майле
Часть 2 - В черновик теперь можно добавить видео, музыку, новость или ссылку
...
Часть 63 - сайты-ИСТОЧНИКИ компьютерных ЗНАНИЙ
Часть 64 - как вставить текст в рамку с "ПРОКРУТКОЙ"
Часть 65 - КАК ПРАВИЛЬНО ЗАБРАТЬ КОД рамочки
Часть 66 - как убрать у картинки фон
Часть 67 - Таблица «базовых» цветов
...
Часть 70 - ВНИМАНИЕ ! БУДЬТЕ ОСТОРОЖНЫ !
Часть 71 - ЗДЕСЬ собраны рамочки и для ЛИру, и для МАЙЛа по одной формуле
Часть 72 - как получить КОД рамочки на ЛИру

Серия сообщений "3.РАМОЧКИ и для майла,и для лиру":

Часть 1 - рамочка "СПАСИБО ВАМ"
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 98 - Без заголовка
Часть 99 - ЭТАЛОН-скрытая картинка... все слои в соответствии,скрытый ник...
Часть 100 - рамка и для ЛИру,и для майла...почти один в один...только окантовка картинки в 2 раза шире,а 4 и 6 СЛОИ-уже

Серия сообщений "1.МАЙЛОВСКИЙ ЛИКБЕЗ - подсказки":

Часть 1 - кнопки РЕЙТИНГА в Яндексе
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 38 - сайты-ИСТОЧНИКИ компьютерных ЗНАНИЙ
Часть 39 - как вставить текст в рамку с "ПРОКРУТКОЙ"
Часть 40 - КАК ПРАВИЛЬНО ЗАБРАТЬ КОД рамочки
Часть 41 - как убрать у картинки фон
Часть 42 - Таблица «базовых» цветов
...
Часть 45 - ВНИМАНИЕ ! БУДЬТЕ ОСТОРОЖНЫ !
Часть 46 - МАЙЛовский ЛИКБЕЗ
Часть 47 - ЗДЕСЬ собраны рамочки и для ЛИру, и для МАЙЛа по одной формуле