Оформление ☺

[Nagare oni]

Решила сделать себе памятку HTML-кодов... Только тех, которые меня интересуют и в стандартных кнопках diary не прописаны ☻ Можно было запихнуть записей 10 в цитатник, но так думаю попроще ☺

► Просто различные значки, которые можно вставлять в текст... *номера некоторых уже помню... особенно стрелку... xD*

alt + 1 = ☺
alt + 2 = ☻
alt + 3 = ♥
alt + 4 = ♦
alt + 5 = ♣
alt + 6 = ♠

alt + 7 = •
alt + 11 = ♂
alt + 12 = ♀
alt + 13 = ♪
alt + 14 = ♫
alt + 15 = ☼

alt + 16 = ►
alt + 17 = ◄
alt + 23 = ↨
alt + 24 = ↑
alt + 25 = ↓
alt + 26 = →

alt + 27 = ←
alt + 28 = ∟
alt + 29 = ↔
alt + 30 = ▲
alt + 31 = ▼
alt + 0134 = †

alt + 177 = ▒
alt + 987 = █
alt + 0169 = ©
alt + 0174 = ®

Полный список значков можно посмотреть здесь

► Чтобы вставлять коды html так как они есть: (CODE)Вводим код(/CODE) - только скобки квадратные... *уж этот код показать нормально нельзя, я думаю все поняли отчего ☺*
Или пользуемся кодом, который ниже... ☺

<textarea class="code"></textarea>

► Очень полезная вещь - деление текста на две колонки +__+

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

Я полагаю, было заметно выше, что можно сделать и большее количество колонок +__+ Дописываю уже не для себя - вдруг кто-то не понял код... Но какое бы количество колонок не было - главное менять проценты и у всех кроме последней в коде "left" - иначе они путаются *проверено на собственном опыте ☺*

<div style="float: left; width: 19%;">Текст 1 колонки</div><div style="float: left; width: 19%;">Текст 2 колонки</div><div style="float: left; width: 19%;">Текст 3 колонки</div><div style="float: left; width: 19%;">Текст 4 колонки</div><div style="float: right; width: 19%;">Текст 5 колонки</div><div class="clear">

Вся эта красота расписана здесь...
А ведь так как раз можно вставлять картинки Ну вот кажется именно так я теперь делать в основном и буду ☺

► Можно написать слова с тенью:

<span style="color: #цвет текста; text-shadow: 2px 2px 1px #цвет тени">Ваш текст</span>

Меняем как хотим 2px 2px 1px - получаются разные тени... ☼
Плюс - здесь довольно большая палитра цветов в кодах...

► И мои любимые увеличенные букавки:

<font size="4">Шрифт 4</font>

Бесполезная, но симпатичная заменительница ссылки... ♥ Кнопка:

<a href="Ссылка"><input type="submit" value="Надпись на кнопке" /></a>

Смотрится она так *естественно размер зависит от текста*:

► Еще можно посмотреть кто добавил твою запись в цитатник... Тут увы показываются только открытые дневники...
Меняем мой ник на свой и смотрим

► Выполнить заливку текста:

<div style="positionsssss:relative; float:<div align=justify; width:1000px; margin:1px; padding:1px; background-color:#FFCCFF"><i>Ваш текст</i></div><div style="clear:both"></div>

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

► Вставить таблицу можно с помощью следующего кода [вставлять можно гораздо больше строк и столбцов]. Если кто-то не понял принцип поясню.

<table width="50%;" border="3" cellpadding="5" style="font-size:15px; background: #FFCCFF; color: #330000">
<tr>
<td>первый столбец, первый ряд</td>
<td>второй столбец, первый ряд</td>
</tr>
<tr>
<td>первый столбец, второй ряд</td>
<td>второй столбец, второй ряд</td>
</tr>
</table> 
</body>
</html>

width - ширина таблицы
border - толщина границ
cellpadding - высота ячеек
font-size - размер шрифта
background - цвет заливки таблицы
color - цвет шрифта

Пример:

ячейка 1, первый ряд	ячейка 2, первый ряд
ячейка 1, второй ряд	ячейка 2, второй ряд

► Так же можно вставить поясняющий коментарий в всплывающем окошке при наведении на ссылку или more, или же просто текст. Использовать я так предполагаю можно дабы посмешить народ +_+

[MORE=<div title="Текст во всплывающем окне">Текст в ленте Избранного</div>]Скрытый текст записи[/MORE]

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

Для того чтобы добавить в запись большую картинку, чтобы она при этом не вылезла за пределы окна можно используя следующий код, достаточно вставить вместо слова «картинка» ссылку на фото:

<img class="sImg" src="картинка">

Пример в комментарий.

Первый ответ в голосовании афтар воспримет как спасибо, загордится, и будет поднимать запись в случае пополнения поста... Вам оно надо? xD
Хотя сам без зазрения совести ткнул в пункт 2

запись создана: 07.12.2010 в 20:54

Вопрос: Что вы думаете по этому поводу?

1. Очень полезная вещь☺		18	(94.74%)
2. Тая, ты зря убила кучу времени ☻		1	(5.26%)
Всего:		19

@музыка: ♪ 30 seconds To Mars - Hurricane

@настроение:

@темы: мой дневник

Comments

[Manyu-Chan]

Nagare oni, ааа))) Тогда жду в посте)))

[Sin Vicious]

Посмотреть ))