• ↓
  • ↑
  • ⇑
 
Записи с темой: добавление изображений (список заголовков)
12:55 

Как вставить картинку из сети так, чтобы она одновременно являлась ссылкой?



Пример:


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

@темы: Дневник, Добавление изображений, Записи, Теги оформления записи

16:38 

Вставка картинок в пост. Часть 1

all you have to decide is what to do with the time that is given to you
Открываем новую запись и щелкаем иконку


Появляется окно с тремя вкладками
[ ] параметры изображения
[ ] добавить изображение
[ ] Библиотека изображений

1. Параметры изображения.
если вы знаете URL (адрес картинки, размещенной в интернете) записываете его в строке и нажимаете "Вставить"

2. Добавить изображение.
Со своего компьютера, используя кнопку "Обзор" выбираете необходимый рисунок. Когда он найден, кликаете "Добавить"

ниже появляются пункты
вставить:
* изображение
* превью
* Вставить URL
* превью в MORE


— изображение
вставляется полного размера как есть


— превью
В записи появляется уменьшенная копия 100х100 пикселей.
Чтобы увидеть полностью нужно кликнуть 1 раз. При этом рисунок открывается в новом окне


— Вставить URL
На это изображение просто даётся ссылка
http://static.diary.ru/userdir/6/8/7/6/687665/29160535.jpg

— Превью в MORE
В записи появляется уменьшенная копия 100х100 пикселей.
Полное изображение вы увидите, кликнув 1 раз или открыв комментарии (в этом же окне)


3. Библиотека изображений (так же используется сокращение БИ
Рисунок, который ранее был сохранён в библиотеке, добавляется в запись одним из вышеперечисленных способов.


Если нажать на иконку с зажато й клавишей [Alt] или [Ctrl], то в поле для ввода вставится следующий код:
<img src="">
Бывает удобно, если знаешь Url изображения, но не хочется открывать новое окно, где будет соответствующее поле для ввода - тут просто нужно вставить его между кавычек.


Внимание:
Размер БИ ограничен!

т.е. рано или поздно она переполнится и вы не сможете добавить новые картинки. Поэтому не добавляйте в БИ одну и ту же картинку несколько раз — так вы напрасно расходуете место своей библиотеки. У каждой картинки в БИ есть свой постоянный адрес URL и вы можете вставлять эту картинку в записи, комментарии, письма, давать ссылку на картинку на других ресурсах, используя один и тот же адрес.
Если место все-таки закончится, то вы можете увеличить на 50 или 150 Мб, выбрав соотвествующий пункт в настройках платных сервисов

Если удалить изображение из БИ, оно так же исчезнет из всех опубликованных записей

@темы: Настройки сайта, Записи, Добавление изображений, Дневник

17:36 

Вставка картинок в пост. Часть 2

.Sweeten hurt.
all you have to decide is what to do with the time that is given to you
Чтобы не забивать свою БИ и не перегружать серверы дайри можно использовать один из множества сайтов в для бесплатного хостинга изображений.
Выбираете картинку, загружаете и вставляете сгенерированный код

на русском языке
Радикал-фото
Ipicture
Keep 4 u

Picamatic
Picatom
Youpic
Savepic
Зixs
Аворег
Alfapic
Zalil
Dump
Save-img
Img DB
ImagesHost
Imageup
pics.kz

ещё (англ.яз)
Imageshack
ImageVenue
Storeimgs
Photobucket
Tinypic.com
Simpload
Flickr
XS to

(немецкий яз.)
Abload

(итальянский и англ.яз.)
Images-hosting

Например, Радикал-фото
нам нужно вставить изображение в полную величину без эффектов

1.выбираем при помощи "Обзор" нужное.
2.Снимаем галочки :
*уменьшить до
*оптимизировать формат
*напротив "Качество JPEG " ставим 100
чтобы не портить качество изображения (!)

3. "Загрузить"
4. Получаем коды.

— Вставляем первую строчку в наш текст и получаем
ссылка
i042.radikal.ru/0806/a0/35fa1c7693f5.jpg

— Вставляем вторую строчку
картинка в тексте


— Вставляем третью
превью, увеличение по клику


чтобы превью, открывалось в том же посте, как превью в MORE в БИ (спасибо D~arthie)
можно вручную по принципипу:

[MORE=маленькая картинка]большая картинка[/MORE]

либо проставлять ширину:
[MORE="код картинка в тексте" width=350>]<img src="код той же картинки в тексте" >[/MORE]
вместо 350 ставить любое значение

@темы: Дневник, Комментарии, Записи, Добавление изображений

09:20 

Заливка изображений в БИ

DDD
мне сказали, что ты меня все еще любишь
Если вам нужно быстро и с минимальным трафиком добавить сразу много изображений в свою БИ, можно воспользоваться специальной программой.

читать дальше

@темы: Добавление изображений, Настройки дневника

22:40 

Картинка с обтекающим её текстом

Это все всего лишь иллюзия

справа <div align="center" style="float:right"><img src="Картинка"><font size="0.8em">«картинка справа»</font></div>
слева <div align="center" style="float:left"><img src="Картинка"><font size="0.8em">«картинка слева»</font></div>


Чтобы обтекающий текст не лепился вплотную к картине, нужно добавить атрибут hspace, например:
<img src="http://адрес картинки" align="left" hspace="20">
где вместо 20 - можно подставить любое значение



«картинка справа»

Авата́р, авата́ра, а́ва, также юзерпик (от англ. user picture — «картинка пользователя») — небольшое статичное или анимированное изображение (часто ограниченное размером в некоторое число пикселей), обычно не являющееся истинной фотографией пользователя. Отображается в профиле зарегистрированного пользователя форума или сайта. Может быть как фотографией, так и некой картинкой, которая отражает суть пользователя и помогает максимально правильно создать первое впечатление у собеседника.

Изготовление

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

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

В связи с развитием всемирной сети, появления у пользователей более качественного доступа к Интернету, существует тенденция к увеличению размеров аватаров, что многими оценивается негативно


Так же для написания формул и прочей лабуды есть 2 тега:
повышающий <sup>текст</sup>
понижающий <sub>текст</sub>
так же их можно вкладывать друг в друга <sup>текст<sup>текст2<sup>текст3</sup></sup></sup>

повышающий: pen2
понижающий: Y11Y12+Y21Y22=YВложенно


Так же есть тег аббревиатуры <abbr title="HyperText Markup Language">ХТМЛ</abbr>
результат виден при наведении и удерживании курсора на тексе (должно появиться рашифрованное значение)

ХТМЛ


@темы: Добавление изображений, Теги оформления записи

20:14 

Графики и Диаграммы

Это все всего лишь иллюзия


Пример


Итак, поблагодарим гугль(а заодно и меня xD) за столь занятную фичу, как инструмент создания графиков и диаграм.








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


"Круто, подробностей мне!"

Вопрос: Полезная ли фича
1. Да, буду пользоваться  61  (16.94%)
2. Да  74  (20.56%)
3. Не знаю  115  (31.94%)
4. Нет  44  (12.22%)
5. Нет, абсолютно бессмысленно  66  (18.33%)
Всего: 360

@темы: Добавление изображений

11:29 

Как сделать большую картинку - поменьше.

Скажем, вы хотите добавить в пост картинку, которая ну-очень-большая. За экран выходит, или со скролбаром... Некрасиво, однако.

Картинка может быть как из вашей Библиотеки изображений на дайри, так и с другого сайта. Главное, иметь ее адрес (URL).

В коде имиджа картинки добавляем размер, например: width=700 или height=500 (цифирки от балды, но примерно - влезают спокойно на экран).

Например:
<img src="адрес картинки" width=700>

Большая картинка
здесь, кому интересно

Уменьшенная картинка

@темы: Добавление изображений

13:53 

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

я не держу зла. моё зло неудержимо.

Что можно сделать с изображением? Да, постов в этом сообществе на эту тему уже достаточно, но, как мне кажется, есть куда более простой способ применить к картинке нужные свойства.
Вы можете:
— расположить его слева или справа от текста и установить отступы от текста
— опубликовать его в меньшем размере, чем оно есть на самом деле
— вставить его превью (уменьшенную копию, ссылающуюся на полноразмерное изображение)
— вставить превью под кат, т.е. при нажатии на маленькое изображение оно увеличится

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

Откроется страница вставки изображения. Если изображение находится в вашей библиотеке изображений, то открывает третью вкладку, если имеется ссылка, то первую. Я думаю, что тут всё понятно, но навсякий случай скажу пару слов в разъяснение.
Собственно пункт "Выравнивание" позволяет расположить изображение справа или слева от текста.
А выставив размеры изображения, можно уменьшить его или увеличить.
Легко вставить в пост превью можно во вкладке "Библиотека изображений"



ps. маленькая хитрость: если у вас есть ссылка на изображение и вы хотите быстро вставить его в пост/камент, то можно выделить ссылку и удерживая клавишу Ctrl нажать на панели тегов на кнопку с деревом.

@темы: Добавление изображений

22:12 

E-Mail to Diary.Ru

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

Внимание!
УВ использует возможности ресурса Flickr.com (далее - фликр). С какой целью это делается?
Во-первых, фликр ежемесячно дает 100 мегабайт места под картинки, а во-вторых, он клёвый.

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

Последовательность действий для выполнения УВ
1. Регистрируемся на фликре.
2. На страничке настройки блогов связываем аккаунт фликра и аккаунт дневников.



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


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



Указанный на картинке адрес электронной почты является приблизительным и приведен просто для примера. Отправлять на него сообщения, чтобы увидеть, как они будут весело появляться у меня в дневнике, не нужно.


4. Если теперь отправить на указанный адрес письмо с вложенной картинкой, то текст письма и картинка будут помещены в текст новой записи. Настройку шаблона под запись в связанном блоге, которую предоставляет фликр, я оставляю на откуп читателям.

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


Отмеченный недостаток
Темы к записям придется потом проставлять вручную.

@темы: Записи, Добавление изображений, Дневник, Записи (способы добавления), Полезные сторонние сервисы

14:41 

Как вставить картинку превьюшкой

Как вставить превью картинки, если она не на радикале и не в вашей библиотеке изображений.
Берем картинку из нета.

Для того, чтобы вставить превью со ссылкой, открывающейся в новом окне, делаем следующее:

<a href="адрес картинки"><img src="адрес картинки" width="150px"></a>

Первый "адрес картинки" - это сама картинка, второй - это то, что мы будем видеть. width="150" - это ширина превьюшки в пикселях, ее можно варьировать по вашему вкусу. Можно задавать не ширину, а высоту - height.



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

[MORE=<img src="адрес картинки" width="150px">]<img src="адрес картинки">[/MORE]

То есть под морем прячем большую картинку, а прячем мы ее под картинку шириной 150 px!



Примечание: это не экономит траффик, просто помогает сделать ваши посты более красивыми и читабельными.

@темы: Теги оформления записи, Добавление изображений

22:03 

Превью фото одного размера.

Smai-LA
When in doubt, relax, turn off your mind, float downstream. ©
Здравствуйте! Хочу настроить на своей панели дополнительную кнопку, которая из ссылок на фотки на назличных фото-хостерах будет делать такие вот превьюшки.



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

Вот код одной превьюшки:

@темы: Добавление изображений, Кодировка

22:38 

Несколько мелочей

Котички
Быстрая вставка тегов
Присваивать теги <b></b>, <u></u>, <i></i> можно не только с помощью кнопок, но и с помощью горячих клавиш.
Ctrl+B - жирный шрифт, Ctrl+I - курсив, Ctrl+U - подчеркнутый шрифт. Работает в Опере, IE, Мозилле.

Быстрая вставка изображений.
Берем ссылку, выделяем и при нажатой клавише CTRL либо ALT нажимаем кнопку (Вставить картинку..), ссылка получает теги картинки.
<img src="http://img-fotki.yandex.ru/getx/10000/photoface.168/funtry_288558_2_S1"/>


Если не открывается ссылка на чей-то дневник.
Если не открывается ссылка вида ник.diary.ru/p123456789.htm, возможно владелец дневника перешел на бесплатный аккаунт, в таком случае ссылки на его дневник перестают работать. В этом случае достаточно привести ссылку к виду diary.ru/~ник/p123456789.htm и она откроется.

@темы: Горячие клавиши, Добавление изображений, Теги оформления записи

17:07 

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

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Например, вы хотите разместить у себя картинку, которую кто-то уже залил к себе, или делаете перепост, но в исходном посте картинка слишком большая. В таком случае можно легко и быстро сделать превью. Чтобы понять, где размещена картинка, щелкните правой кнопкой мыши - открыть в новом окне. Картинки, залитые на дайры, имеют адрес вида http://static.diary.ru/userdir/.... Ссылка на полную картинку выглядит так: static.diary.ru/userdir/1/4/3/9/1439841/5516786.... Перед последними цифрами добавляем thumb/ и получаем превьюшку: static.diary.ru/userdir/1/4/3/9/1439841/thumb/5...

Легкий способ вставить превью
Результат:

@темы: Теги оформления записи, Добавление изображений

17:14 

Обтекаемые картинки

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Картинка с обтекающим ее текстом.
Картинка слева: <img src="адрес картинки" style="float: left; margin-right: 10px;"> Текст текст текст...
Картинка справа: <img src="адрес картинки" style="float: right; margin-left: 10px;"> Текст текст текст...
Margin - это отступ текста от края картинки, размер задается по вкусу.

Обтекаемые превьюшки.
Делаете превью любым доступным вам способом (про вставку превью рассказывается здесь, здесь, здесь и здесь) и затем к ссылке добавляете style="float: left; margin-right: 10px;" либо style="float: right; margin-left: 10px;".

<a href="адрес картинки"><img src="адрес картинки" width=XX style="float: left; margin-right: 10px;"></a>

Если картинка из БИ: <a href="картинка"><img src="превью" style="float: left; margin-right: 10px;"></a>

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

[MORE=<img src="адрес картинки" width=XX style="float: right; margin-left: 10px;">]<img src="адрес картинки" style="float: right; margin-left: 10px;">[/MORE]

Из БИ: [MORE=<img src="превью" style="float: right; margin-left: 10px;">]<img src="картинка" style="float: right; margin-left: 10px;">[/MORE]

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

@темы: Теги оформления записи, Добавление изображений

11:43 

Картинки: полезные советы

ArLe
Арлоло, админота,
администратор
и админотавр
19:58 

Обрезка картинок c помощью html

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Шерстила тут интернеты на предмет обрезки картинок средствами html, может кому пригодится.



Итак, вот наша картинка, размером 400х400 пикселей, украшенная некрасивой надписью внизу (все примеры кликабельны). Чтобы ее убрать, потребуется следующий код:

,
где width - желаемая ширина, height - желаемая высота.

На глазок отсекаю 40px, получается:

(Поскольку убирала только по высоте, ширину не вписывала).

Результат:

Обрезать по ширине и высоте :



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

@темы: Теги оформления записи, Добавление изображений

10:00 

Настраиваемые кнопки

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Может, я плохо смотрел - вроде бы про это еще не было)
Между тем, исходя из личного опыта - мне очень облегчили жизнь настраиваемые кнопки. Не нужно вводить теги вручную, щелкнул по кнопочке и красота!)
Итак, у каждого в настройках есть ссылочка: "Настраиваемые кнопки".


Кликнув по строчке, попадаем в меню настройки кнопок.
Значения для добавления кнопки "вставить картинку с другого ресурса":


В графе "Обозначение" нужно вставить ссылку на картинку, которая и будет кнопкой на панели форматирования текста. Можно со стороннего ресурса, можно из собственной БИ. Я использовал эту:


Код для графы "Значение":


Далее, у меня есть еще 2 кнопочки (бесплатный тип @дневника позволяет до 3-х настраиваемых кнопок, а с подключённым сервисом число кнопок не ограничивается): "Картинка с другого ресурса в превью (MORE)" и "Вставка кликабельной картинки вместо строчки "Читать дальше" в MORE". Если интересно, как это делается, то под катом инструкции:)

читать дальше

* * *

Подключить платный сервис "Настраиваемые кнопки редактирования" (с этим сервисом число кнопок не ограничивается; без сервиса доступны только три кнопки) можно в настройках. Если для сервиса доступно бесплатное ознакомительное подключение, то сначала нужно использовать его: выбрать сервис и нажать на кнопку "Попробовать". Если бесплатное ознакомительное подключение недоступно, то сервис можно подключить только платно: выбрать сервис галочкой, выбрать для него срок действия и нажать кнопку "Оплатить".

запись создана: 05.11.2012 в 23:37

@темы: Теги оформления записи, Сервис настраиваемых кнопок, Платные сервисы, Настройки, Настраиваемые кнопки, Добавление изображений

22:11 

Работа с Instagram

Lesya
Мы хотим, чтобы рекламу хотели
UPD! В связи с тем, что Instagram изменил свою схему взаимодействия с другими площадками, вставлять фото из этой соц.сети с помощью копирования кода вставки стало невозможно.
Способ, который можно использовать теперь такой. Сразу же обращаем ваше внимание на то, что картинка подгружается теперь не моментально, а через несколько секунд :(

Если взять ссылку на фото из своего Ig (кликнув на фото из профиля и открыв его), она будет выглядеть вот так — instagram.com/p/tLE-xADrCi/?modal=true (жирным выделена лишняя часть, убираем ее)

И если желание вставить фото из Ig еще осталось, то вставляем instagram.com/p/tLE-xADrCi/ между [instagram]ВОТ ТУТ[/instagram]
Картинка загружается не моментально как раньше (причина в измененной схеме взаимодействия Ig с другими площадками)
А если нажать на свое фото в Ig правой кнопкой мыши и либо открыть ее в новом окне или выбрать скопировать url то везде ссылка без modal=true
instagram.com/p/tdH3-1DrD9/



Ссылки на фото в чужом Ig (переходим по вкладке - View foto page, видим ссылку типа instagram.com/p/ue9El7GD4W/ используем безо всяких исправлений, используя конечно же [instagram]ВОТ ТУТ CТАВИМ ССЫЛКУ[/instagram]



Полная безделица, но для тех, кто не знал как вставлять картинки/видео из Instagram (пользуясь только приложением, можно и не знать).

читать дальше
запись создана: 03.12.2013 в 16:51

@темы: Добавление изображений, Записи (способы добавления), Записи

@Дневники: секреты, тонкости и хитрости

главная