Еще разные фоны для постов

Вот еще такие фоны для постов можно сделать


Чтобы получилось так, нужно скопировать предложенные ниже коды в простой редактор поста и там заменить слова «ваш текст» - своими словами, своим постом =)



1. Серый в горох:





Как его сделать:

<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10989/10989255_chbshar13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



2. Голубой в горох





Как его сделать:

<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10989/10989484_golshar13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



3. Бежевые полоски:





Как его сделать:

<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10989/10989538_razpolos10.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />




4. Разноцветные полоски:





Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10989/10989610_razpolos37.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />







5. Розовая клетка:





Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10989/10989762_rozklet33.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



6. Розовый в горох:





Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10989/10989914_rozshar22.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



7. Еще розовый:





Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10989/10989970_rozshar24.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



8. Розово-желтый вязаный:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10990/10990072_trapochka367.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



9. Зеленый в горох:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10990/10990167_zelshar12.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br />



10. Темно-серый вязаный:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10990/10990249_zelvazanier38.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br />



Sincerely yours, Сумасшествие

оформление

Я решил предложить вам оформление постов повеселее)))


Чтобы получилось так, нужно скопировать предложенные ниже коды в простой редактор поста и там заменить слова «ваш текст» - своими словами, своим постом =)



1. Бежевый в горошек:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10838/10838314_begshar11.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



2. Палевый с разными кружочками:





Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10839/10839462_begshar13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



3. Желтая клетка:





Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10839/10839738_gelkle08.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />




4. Еще клетка:





Как его сделать:

<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10839/10839906_gezekle43.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />







5. Синие полосочки:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840092_golpolos01.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



6. Еще синие полосочки:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840230_golpolos28.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



7. Оранжевые кружочки:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840608_orashar11.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



8. Разноцветная клетка:





Как его сделать:

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840814_razkolkle13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



9. Еще разноцветная клетка:





Как его сделать:

<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10841/10841052_razkolkle29.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />



10. Разноцветный горох:





Как его сделать:

<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10841/10841288_razshar09.gif'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

Как делать обрамление поста




1. Сплошная рамка.
Выглядит вот так:

Пишется так:
<div style="border:1px solid #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

2. Пунктирная рамка.
Выглядит:

Пишется:
<div style="border:1px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

3. Точечная рамка
Выглядит:

Пишется:
<div style="border:1px dotted #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

4. Двойная рамка
Выглядит:

Пишется:
<div style="border:3px double #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

5. Вдавленый текст
Выглядит:

Пишется:
<div style="border:3px inset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

6. Возвышающийся текст
Выглядит:

Пишется:
<div style="border:3px outset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Опционально:
чтобы изменить цвет рамки нужно вместо #000 (черный), написать цвет кода из таблицы. Например белая сплошная рамка:

Выглядит:

Пишется:
<div style="border:1px solid #EEEEEE;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Толщину рамки можно менять изменив в коде "1px" (1 пиксель) на большее значение. Например пунктирная рамка с толщиной пять пикселей:

Выглядит:

Пишется:
<div style="border:5px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

полезная вещь

про тэги

<b>ВАШ ТЕКСТ</b> Полужирный текст
<i>ВАШ ТЕКСТ</i> Выделение текста курсивом
<u>ВАШ ТЕКСТ</u> Подчёркнутый текст
<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3
Увеличить текст+4: <font size="+4">текст</font> текст + 4
КРАСНЫЙ: <font color="red">текст</font> красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст
КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст
ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

текст по центру
<center>ВАШ ТЕКСТ</center>
текст (картинка) будет по центру

текст будет для цитат.
отделен пустой строкой и отступ слева в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

текст

бегущая влево строка
<marquee>ВАШ ТЕКСТ</marquee>
бегущая влево

бегущая вправо строка
<marquee direction="right">ВАШ ТЕКСТ</marquee>
бегущая вправо

бегущая от края к краю строка
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>
бегущая от края к краю

текст с правого края
в две строчки с выравниванием справа
<div align=right>ВАШ ТЕКСТ</div>


текст с правого краю
в две строчки с выравниванием слева
<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />



Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска

сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

список. /жирная точка спереди/
<ul><br /> <li>ВАШ ТЕКСТ<br /> </li><li>ВАШ ТЕКСТ<br /> </li></ul>

• Во-первых - все козлы, один я иван-царевич!
  
• Во-вторых - как вам нравится это во-первых?
  

список сформируется автоматически, если добавить

<ol><br /> <li> первый пункт ВАШЕГО ТЕКСТА<br /> <li> второй пункт ВАШЕГО ТЕКСТА<br /> </ol>

1. Один из пунктов несортированого списка
   
2. Другой такой пункт
   

"закрепитель" текст остается таковым, каким вы его пишете
<pre>ВАШ ТЕКСТ</pre>

Я

  Пишу

       как хочу!!!

текст со всплывающей подсказкой
<acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.
<blockquote>ВАШ ТЕКСТ</blockquote>

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.

предложение с отступом в абзаце
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика.

скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
скролящийся вверх
текст с полезной
информацией
или ещё какой-то ерундой

скользящий вних текст с такой же ерундой )))
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b>
получается:
А ВЫ ЗНАЕТЕ ЧТО У ЧЕЛОВЕЧЕСТВА БЫЛО 3 ЕВЫ.
ТО ЕСТЬ ТЕПЕРЬ МОЖНО НАУЧНО РАЗДЕЛИТЬ ЧЕЛОВЕЧЕСТВО НА ТРИ КАСТЫ
ВЫСШУЮ СРЕДНЮЮ И НИЗШУЮ ТОЛЬКО НАУЧНАЯ ИНФОРМАЦИЯ


непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите
[more=ТЕКСТ ДЛЯ ПЕРЕХОДА]/без звездочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком

взято с http://www.liveinternet.ru/users/niktnt/post30653324/

как вставлять в дневник видео с YouTube

Многие мучаются со вставкой в дневник видео с YouTube и других видеохранилищ. Хотя, на самом деле, ничего сложного тут нет.

1) Заходим на www.youtube.com и выбираем любое видео, которое нравится
Например вот http://www.youtube.com/watch?v=KqQSQn1me6c&NR

2) Справа рядом с надписью Embed дают скопировать код для вставки в дневник.


Но прям такой вставить пока не получится, поэтому его надо немного модифицировать. Выдираем из него ссылку, написанную после src= - http://www.youtube.com/v/KqQSQn1me6c - это адрес удаленно-лежащего flash-ролика, который уж мы проигрывать умеем.

3) Пишем в дневник код [flash=http://www.youtube.com/v/KqQSQn1me6c] без звездочки слева от слова flash (используя ссылку полученную в предыдущем пункте, она должна быть похожа на ту, что в примере). При вставке кода убедитесь, что вы пользуетесь простым редактором. Расширенный заменит ссылки на их HTML код и ничего не сработает.

4) Получается вот что



5) Несмотря на подробное описание большинство все равно решит сделать все по своему, взять ссылку не на ролик, а на страницу с роликом, запутаются, в итоге получат белый квадрат и расстроятся. Что ж, я написал все что мог, дело за вами.

Часики

Прикольные часики, решил удивить народ ))




как вам? :)
забирайте  ))

ну вот...

Урок№2

Как скачивать с YouTube

1) Открываем страницу по ссылке.
Возьмем для примера http://www.youtube.com/watch?v=dxVEQh-ku-Y

2) Дальше смотрим в табличку страва и берем оттуда URL.
Наводим на ссылку и нажимаем на правую кнопку мыши, выбираем "копировать".
Где взять URL?

3) Откраваем вот это сайт http://keepvid.com/

4) Вставляем скопированную ссылку в поле на сайте.
Куда ссылку?

5) Выбираем тип хранилища.
Выбираем Google

6) Жмем DOWNLOAD.
Где жать?

7) Немного ждем и появляется download link.
Где появляется?

8) Нажимаем на download link, сохраняем у себя где угодно.
Должно появится это

9) Файл сохранился на компе, но в его формате не будет читаться, поэтому надо перекодировать его в формат wmv или avi.
Сделать это можно с помощью CinemaForge или любого другого конвертёра. Закачать CinemaForge можно тут

10) Всё! Теперь у вас есть клип на компе!

Писала специально для тех, кто мучается и не знает. Удачи!