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

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

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

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

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

 

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

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

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

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

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

Итак, первое: обновленная версия расширенного редактора, он должен работать быстрее и стабильнее, он легче и современнее.

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

Радуемся, пробуем, тестируем, пишем комментарии!:) 

 

Наконец-то отчитываюсь:)

Все это время занимался созданием нового плеера для наших дневников, или сайтов. Теперь все готово, делюсь (кроме pro версии, для тех кому интересно, я планирую доделать ее в ближайшие дни) :)

Главная особенность плеера - настройка внешнего вида.
Итак, он может быть например таким:



Или таким:



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

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

Пользуйтесь!

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

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

 

Фотоальбомы - теперь моя очередная любовь. Вот именно эти фотоальбомы с превьюшками. :-) С ними достаточно много возни, но при этом масса плюсов. Т.к. картинки уменьшаются не флешкой, а яндекс-фотками или вообще вручную, - все картинки четкие и качественные, не искаженные флешкой. Пролистав превьюшки можно оценить содержание всего альбома, выбрать нужные картинки, просмотреть их в размере 500-500 и только потом скачивать оригиналы. Сам альбом выходит максимально легким, ибо превьюшки 100-100 по-любому весят очень немного, а картинки 500-500 тоже явно легче, чем оригиналы и грузятся только после клика на маленькую превьюшку.
Да и вообще, нравятся они мне и все :-)))
Поэтому гружу пару фотоальбомов, вдруг кому пригодятся, и подробную "инструкцию" про составление плейлистов к этим альбомам.

(Это скрины, сами альбомы под катом:-)

/s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg" target="_blank">//s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg);padding:5px">/s001.radikal.ru/i196/1006/30/025d8dd3e1d2.jpg" target="_blank">//s001.radikal.ru/i196/1006/30/025d8dd3e1d2.jpg);padding:5px">/s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg" target="_blank">//s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg)"> Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица - из блога IRINI