Шпаргалка по оформлению текста в дайри

[волчок в тумане]

Всякие там примочки для оформления, смайлы и т.д.

Быстрая вставка изображений.

Берем ссылку, выделяем и при нажатой клавише CTRL либо ALT нажимаем кнопку (Вставить картинку..), ссылка получает теги картинки.

Оформление цитат

Если вас не устраивает курсив по умолчанию, то здесь открывается простор для фантазий. Выделять цитаты вы можете чем угодно: рамками, цветом фона, цветом текста, шрифтами и текстовыми спецэффектами. Мои варианты:

цитата

<span style="font: italic 12px Georgia;color:Maroon; display: block; margin: 0px; padding: 7px; border-top: 0px solid #333333; border-left: 5px solid #4a3a5f">цитата</span>

Или так:

цитата

<span style="font: italic 12px Georgia;color:Maroon; display: block; margin: 0px; padding: 7px; border-top: 3px solid #4a3a5f; border-bottom: 1px solid #4a3a5f;">цитата</span>

Изменение шрифта, размера и цвета текста: (font-family - шрифт, color - цвет, font-size - размер. ):

Ваш текст <span style="font-family:Georgia;color:Green;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:White;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:Olive;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:Yellow;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:Maroon;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:Navy;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:Purple;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:Teal;font-size:12px">Ваш текст</span>

Ваш текст <span style="font-family:Georgia;color:Gray;font-size:12px">Ваш текст</span>

Текст в две колонки

<div style="float: left; width: 49%;">Текст левой колонки</div><div style="float: right; width: 49%;">Текст правой колонки</div><div class="clear">

Мелкие буквы

Взять его в теги <small></small>
И получится мелкий

Самый простой способ добавить горизонтальную линию - тэг <hr>.

Всплывающая подсказка. При наведении курсором на текст, в маленьком окошке появляется еще что-то.

Наведи на меня...

<div title="...и ты увидишь меня. Вот так.">Наведи на меня...</div>

Уменьшить размер картинки из интернета. Просто прописываете после ссылки нужную вам ширину (width) либо высоту (height).

<img src="адрес" width=400>

<img src="адрес" height=200>

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

Картинка слева: <img src="адрес картинки" style="float: left; margin-right: 10px;">

Картинка справа: <img src="адрес картинки" style="float: right; margin-left: 10px;">

Margin - это отступ текста от края картинки, размер задается по вкусу.

Как вставить превью картинки из Интернета

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

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

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

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

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

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

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

[MORE=<img src="адрес картинки" width=150 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]

Полупрозрачные картинки

<img src="адрес картинки" style="opacity:0.5;">

Прозрачность разных степеней: можно изменить 0.5 на 0.2 (более светлую) и 0.7 (более темную).

Чтобы картинка была фоном под текстом

<img src="адрес картинки.png" width="650px;" style="float: right; margin-top: -500px; opacity:0.5; filter: alpha(Opacity=50);">

Разное:

Название вашего дневника - это ссылка на ваш дневник.
Слово "URL" под текстом записи - это ссылка на саму запись.
Слово "URL" под текстом комментария - это ссылка на комментарий.
Если навести мышкой на замочек рядом с заголовком записи, то появится подсказка о том, для кого запись видна.

***
Если вы что-то сделали в настройках, после чего не можете зайти в ваш дневник, потому что выдается фраза: Этот дневник временно не ведется и закрыт для всех. Перенаправление на профиль, после чего, в самом деле, перенаправляет на профиль, не надо отчаиваться. Зайдите в настройки www.diary.ru/options/diary/?control и там выберите "Открыть дневник". После этого все должно быть хорошо.

Как узнать, кто добавил вашу запись в цитатник
Это можно сделать с помощью Гугла. Способ неидеальный, но результаты дает.

В строке поиска напишите следующее: intitle:цитатник site:diary.ru "ваш ник"

* * *
Разные картинки вместо дайри-собаки. Тыц

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

1. Зайдите сюда: blogs.yandex.ru/
2. Нажмите "расширенный поиск".
3. В графе "я ищу" введите следующее:
author="адрес дневника пользователя"
4. Область поиска: комментарии из блогов
5. Искать на сервере: diary.ru

Поиск ведется только по индексируемым дневникам и сообществам. То есть, если в настройках дневника стоит запрет для индексации поисковыми системами, то комментарии из него в результатах поиска не появятся.

Быстрый доступ к символам

Цифры нажимать из правой части клавиатуры.

На ноутбуках надо нажать "Fn" и найти надпись 3го цвета (обычно, синяя) "Num Lock" - обычно находится на F11.
Потом Alt+цифры на клаве ноута, которые написаны на буквах третьим цветом (обычно, синий)

alt + 1 = ☺
alt + 2 = ☻
alt + 3 = ♥
alt + 4 = ♦
alt + 5 = ♣
alt + 6 = ♠
alt + 7 = •
alt + 8 = ◘
alt + 9 = ○
alt + 10 = ◙
alt + 11 = ♂
alt + 12 = ♀
alt + 13 = ♪
alt + 14 = ♫
alt + 15 = ☼
alt + 16 = ►
alt + 17 = ◄
alt + 20 = ¶
alt + 21 = §
alt + 22 = ▬
alt + 24 = ↑
alt + 25 = ↓
alt + 26 = →
alt + 27 = ←
alt + 30 = ▲
alt + 31 = ▼
Alt+ 44 ,
Alt+ 64 @
Alt+ 91 [
Alt+ 92 \
Alt+ 93 ]
Alt+ 94 ^
Alt+ 95 _
Alt+ 96 `
Alt+ 123 {
Alt+ 124 |
Alt+ 125 }
Alt+ 126 ~
alt + 0134 = †
alt + 0136= ?

А тут я конкретно для себя подобрал то, чем пользуюсь часто. Вставлять адрес между "", а текст между ><

Картинка справа обтекаемая:

<img src="" style="float: right; margin-left: 10px;">

Превьюшка маленькая справа обтекаемая

<a href=""><img src="" width="150px" style="float: right; margin-left: 10px;"></a>

Превью среднее справа обтекаемое

<a href=""><img src="" width="250px" style="float: right; margin-left: 10px;"></a>

Цитата - оливковый цвет, шрифт Джорджия

<span style="font-family:Georgia;color:Olive; font-size:12px"></span>

Мелкие буквы теги <small></small>

Горизонтальная линия - тэг <hr>.

Comments

[r0di0n]

Отлично. Жаль, чтодля hr'а не поддерживается длина в процентах, а то б я им пользовался.

[Рыцарь Северного Заката]

Срочно к перепосту!

[волчок в тумане]

Спасибо, что оценили, господа, вчера всю ночь, как дурак это собирал.

[Tender]

Спасибо огромное! Это ж клад!))

[волчок в тумане]

Tender, я рад, что пригодилось. Я еще не все пробовал, может что-то и не сработать, кое-что уже изменил. Это я натырил из разных мест Дайри-хитростей, а не сам такой умный.

[*ALEXANDER THE GREAT*]

волчок в тумане, ты просто титан! Можно, я на сообщество скину? Сам не знаю, когда освою, а людям пригодится, если кто не в курсе!

[волчок в тумане]

*ALEXANDER THE GREAT*, конечно, без проблем, это все было на Дайри-хитрости, но вперемешку, по комментариям. Я наконец врубился, что можно самому цифирки менять и шрифты под себя. Прям расцвел.

[*ALEXANDER THE GREAT*]

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

[Слава Юпитер]

Апробировал, спасибо.

[волчок в тумане]

Слава Юпитер,

[ithil]

волчок, а меня вот сюда не пускают -- "Всякие там примочки для оформления, смайлы и т.д". Это так надо?
А вообще, спасибо, что собрал всё в одну запись. Полезная вещь

[волчок в тумане]

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

[ithil]

волчок, а ясно). ну я не претендую, солнце, на чужое никогда.

[волчок в тумане]

ithil, ты - чистое золото.

[ithil]

волчок, не думаю...

[Гость]

омг

привет из 2018

[Гость]

эт я так

[Гость]

такс