Ознакомьтесь с нашей политикой обработки персональных данных
12:55 

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



Пример:


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

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

21:34 

Полезные ссылки

Котички
Собирала для друзей полезные дайро-ссылки, сюда тоже положу, надеюсь, пригодится.

Всякие спецсимволы типа ♫ ☼ ►: раз, два
Вставка музыки: раз, два, три
Любимая фича дайровцев: как узнать, кто добавил твои записи в цитатник
Красивые иконки рядом с никами
ПЧ-метр

Картинки: как вставить картинку, ссылки на хостинги для хранения картинок, как сделать превью, как уменьшить картинку
Как вставить картинку, чтобы она являлась ссылкой
Собственные кнопки
Как сделать всплывающую подсказку в ссылке
Как сделать отступ или абзац
Один почтовый ящик для нескольких логинов
Группы Избранного
Быстрая вставка тегов картинки, жирного текста, курсива
Текст в две колонки
Как спрятать часть таблицы под кат
Текст с тенью
Как дать прямую ссылку на эпиграф дневника
PDA-версия Diary.ru
Как просмотреть код записи
Вставка логина без прокрутки страницы
Автоответчик U-mail
Как найти комментарии одного пользователя
Как окончательно удалить запись, которая не желает удаляться
Некорректная работа тега MORE
Видеоинструкция для тех, у кого дайры не открываются
Пополнение счета через SMS
Расширения для браузера Chrome и Chromium
С чего начать дизайн CSS и как установить раз, два
Краткая шпаргалка по тегам для блоггера
Восстановление пароля раз, два
Просмотр дневников в другом дизайне для Mozilla Firefox и Google Chrome
Восстановление очищеных форм в Mozilla Firefox
запись создана: 10.07.2010 в 13:57

20:07 

Эпиграф

Ataka
Крепко жму горло. Искренне ваш Атака :)
Сегодня я расскажу как сделать эпиграф в Diary записи.

Для этого перед телом записи необходимо в режиме HTML вставить и настроить следующий кусок кода:
<div style="position:relative; float:right; width:200px; margin:10px; padding:10px; background-color:#EFEFEF"><i>Текст вашего эпиграфа, например вумная цитата.</i>
<div style="text-align:right">© Авторство или подпись</div></div>
<div style="clear:both"></div>


Текст вашего эпиграфа, например вумная цитата.
© Авторство или подпись




в результате получится эпиграф. Где настраивается непосредственно текст - надеюсь понятно =)
Также по желанию можно изменить след. параметры:
width - определяет ширину эпиграфа
padding - определяет расстояние от фоновой рамки эпиграфа до текста
margin - определяет расстояние пустой зоны с каждой стороны блока эпиграфа до окружающих его элементов.
background-color - фоновый цвет блока эпиграфа. Если фон не нужен - то необходимо стереть этот параметр.


По мотивам Leon PRO

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 ставить любое значение

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

Рождённая свободной

главная