Сделаем список песен в дневнике. Если есть прямая ссылка на музыкадьный файл можно в дневник добавить код

Вместо MP3_URL нужно прописать ссылку на mp3 файл!!!!!!

Например ссылка на музыкалный файл:

код должен выглядеть следущим образом

Вот какой вид плеера мы получим

Можно сделать что бы плеер открывался в новом окне при нажатии на кнопку "слушать":

Но для этого нужно разрешить в Вашем браузере всплывающие окна с сайта vln.dp.ua.

Код для такого варианта:

Не забываем вместо MP3_URL прописывать ссылку на mp3 файл, а вместо NAME - название песни!!!!!!

Ну и для тех кто не хочет возится с кодом, зайдите на http://vln.dp.ua/mp3.php, заполните два поля с названием песни и ссылкой на файл и вы получите готовые коды для вставки в дневник

• 1 агрумент - задает отступ для всех сторон элемента
• 2 аргумента - первый аргумент задает отступ сверху и снизу, а второй - слева и справа
• 3 аргумента - первый задает отступ от верхнего края, второй слева и справа, а трети от нижнего края
• 4 аргумента - задают отступы от верхнего, правого, нижнего и левого края

• margin-top - отступ сверху
• margin-bottom - отступ снизу
• margin-left - отступ слева
• margin-right - щтступ справа

Текст

Что бы сделать отступ от рисунка до текста, обтекающего его, добавте к коду рисунка 2 параметра vspace="10" - отступ по вертикале, и hspace ="10" - отступ по горизонтале. 10 - это значение отступа в пикселях.

Например. Нужно текст поместить в рамку. Если мы не делаем отступов то результат будет такой

Незабываем убирать галочку "Сохранять переводы строк в тексте." :)

ОБМАН

М.А.Горенко

1

Весенним солнцем это утро пьяно,
И на террасе запах роз слышней,
А небо ярче синего фаянса.
Тетрадь в обложке мягкого сафьяна;
Читаю в ней элегии и стансы,
Написанные бабушке моей.

Дорогу вижу до ворот, и тумбы
Белеют четко в изумрудном дерне.
О, сердце любит радостно и слепо!
И радуют пестреющие клумбы,
И резкий крик вороны в небе черной,
И в глубине аллеи арка склепа.

2 ноября 1910, Киев

2

Жарко веет ветер душный,
Солнце руки обожгло,
Надо мною свод воздушный,
Словно синее стекло;

Сухо пахнут иммортели
В разметавшейся косе.
На стволе корявой ели
Муравьиное шоссе.

Пруд лениво серебрится,
Жизнь по-новому легка...
Кто сегодня мне приснится
В пестрой сетке гамака?

Январь 1910, Киев

3

Синий вечер. Ветры кротко стихли,
Яркий свет зовет меня домой.
Я гадаю: кто там? - не жених ли,
Не жених ли это мой?...

На террасе силуэт знакомый,
Еле слышен тихий разговор.
О, такой пленительной истомы
Я не знала до сих пор.

Тополя тревожно прошуршали,
Нежные их посетили сны,
Небо цвета вороненой стали,
Звезды матово-бледны.

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

Сентябрь 1910, Царское Село

4

Я написала слова,
Что долго сказать не смела.
Тупо болит голова,
Странно немеет тело.

Смолк отдаленный рожок,
В сердце все те же загадки,
Легкий осенний снежок
Лег на крокетной площадке.

Листьям последним шуршать!
Мыслям последним томиться!
Я не хотела мешать
Тому, кто привык веселиться.

Милым простила губам
Я их жестокую шутку...
О, вы приедете к нам
Завтра по первопутку.

Свечи в гостиной зажгут
Днем их мерцанье нежнее,
Целый букет принесут
Роз из оранжереи.

Осень 1910, Царское Село

Что бы было понятнее я уберу стили и тогда получится

У первого дива в стиле прописан фоновый рисунок background: url( 'http://.....').

Вместо моего //img1.liveinternet.ru/images/attach/c/1//45/862/45862443_ramka34.jpg Вы прописываете адрес своего рисунка.

Ширина width и высота height первого дива точно такая же как и высота и ширина фонового рисунка

Для каждого участка где будет размещаться текст создадим отдельный див. Для ТЕКСТ1 это второй див, для ТЕКС2 - третий.

Ширина и высота этох дивов такая как ширина и высота поля для вывода. В моем случае ширина width: 200px, высота height: 250px;

Все что осталось это вывести эти дивы в нужном месте. Для этого для каждого дива указываем отступ сверху margin-top и отступ слева margin-left

Вот собстевнно говоря и все :)))

Для наглядности я в дивах, в которых выводится текст, прописал в стиле border: solid 1px #f00000
( для другого дива цвет #0000f0 )

Вот что получилось

Теперь нужно сделать таблицу 3х3

И напоследок ....сделать код в дневнике "повеселее" можно вот так

Читаю ленту Друзей и регулярно наталкиваюсь на анимашки. Милые такие, женские.
Но вот ни одного раза не видела ссылки на сайт автора. Да и сама не безгрешна. У меня есть ее анимашки в надписях и еще где-то. Засим хочу исправиться и Вас с ней познакомить.
Сетевое имя Danali, зовут Маргарита. Сайт http://danalibmv.narod.ru/index.html
Вот все это - ее работы:


Дальше > > >

Разместим в дневнике большое количество небольших по размеру рисунков. Для примера я взял 6 анимированных смыйликов

Для того что бы рисунки располагались горизонтально необходимо убрать галочку с "Сохранять переводы строк в тексте.".

Я специально взял смайлы разного размера. Попробуем теперь сделать вывод рисунков более логичным.
Большие смайлы в одной колонке, маленькие - в другой

Для этого построим таблицу из двух колонок и трех строк ( по количеству смайлов одного размера )

Коды рисунков смайлов ( видны при редактировании черновика или поста )

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

Все что теперь осталось это разместить рисунки каждый в своей ячейке таблицы

Ширина первой и второй колонки не одинаковые что не всегда красиво. Добавим в нашу таблицу еще одну строку Эта строка задаст ширину колонок в 200 пикселей ( можно указать ширину в процентах от общей ширины таблицы )

Что бы не загромождать код я в дальнейшем буду показывать только часть кода где делаем изменения

Осталась самая малость. Разместить рисунки по центру ячеек. Для этого в добавим valign="middle" и align="center"

Подпишем колонки. Для этого добавим вначале еще одну строку в которой вместо пропишем

Большие смалы	Маленькие смайлы

Добавим к каждому смайлу название.

Вид таблицы мягко говоря не очень :)

Большие смалы	Маленькие смайлы
Большой1	Маленький1
Большой2	Маленький2
Большой3	Маленький3

Исправим это добавив еще 2 колонки для названий смайлов

Обратите внимание на то что добавилось еще две строки с и . Даже если в ячейках ничего не выводится количество ячеек в каждой строке должно быть одинаковым!!!!!

Название колонок "Большие смайлы и маленькие смайлы" не совсем правильно расположены

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Объеденим попарно ячейки с названием колонок.

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Не нравится мне грозный красный смайл :)). Я его выделю каким то фоном что бы он бросался в глаза :). Добавлю в ячеку с этим смайлом фоновый цвет

Заодно и строку с названием колонок выделю фоном

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Сделаем этот грозный смайл не таким грозным. Разместим его на этом фоновом рисунке :))

Для этого добавим в ячейку с этим смайлом параметр background

Большие смалы		Маденькие смайлы
	Большой1		Маленький1
	Большой2		Маленький2
	Большой3		Маленький3

Что еще творить с таблицей зависит только от вашей фантазии :)) Можно каждую строку выделить своим цветом добавиви в параметр background. Можно для каждой ячейки или строки задать фоновый рисунок прописав background. Вместо текста в ячейках можно прописать ссылки.

ps: Добавьте в код рисунка title="текст" и при наведении мышки на рисунок будет выскакивать подсказка с текстом

Недавно я уже публиковал подобрку статей по основам фотографии. Думаю, пришло время опубликовать вторую подобрку, на этот раз с сайта fototips.ru, в которой собраны ссылки на различные самоучители по фотографии, фотошопу, колористике (теории цвета), основам композиции, портретной съемки (что особенно полезно для всех, у кого вообще есть фотоаппарат).Также в качестве бонуса в конце есть небольшая подборка самоучителей по студийной съемке - для тех, кто давно собирался устроить дома какое-то подобие студии для фотосессии с подружкой - оттуда вы узнаете, что примерно вам нужно купить, как поставить, чем можно заменить и как со всем этим работать.

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

Пост разбит на несколько разделов: 

Фотография, Photoshop, Портреты, НЮ и гламур, Теория цвета, Композиция, Работа со студийным светом.

Фотография

Новое руководство по фотографии. Джон Хеджкоу Скачать

Вечерняя и ночная съемка. Роберт Капуто Скачать

Цифровая Фотография. Данилова Т. Скачать

Цифровая фотография для чайников, 4-е Издание. Д.А. Кинг Скачать

Цифровое фото. Полный курс. Ядловский А.Н. Скачать

Художественная фотосъёмка горных пейзажей. Кузнецов Д. Скачать

Зонная теория Ансела Адамса и расчет экспозиции по нескольким точкам замера. Скачать

Искусство видеть. Даниэль С.М. Скачать

Фотография, вопросы и ответы. Ли Фрост. Скачать

Ночная и вечерняя фотосъемка. Ли Фрост Скачать 

* * *
Лишь изредка я привстаю с диеты...

* * *
Нет, я не против, только не согласна!

* * *

Забудь о прошлом, наживем другое...

* * *
Вы снова здесь? Как Вы непостоянны!

* * *
...я не вернусь, поскольку не ушла.

Лирические одностишия Майи Четвертовой

* * *
Я выгляжу неплохо, но не часто.

* * *
Мужчинам проще, их свекрови любят...

* * *
Да согласись же наконец: я не упряма!

* * *
Он так молчит, что хочется раздеться...

* * *
Я в третьем браке. Муж - в последнем.

* * *
Люблю без памяти... без памяти... кого?..

* * *
Он в розовых очках сменил мне стекла....

* * *
...я стою дорого, особенно в одежде.

Найдите линию на своей ладони, потом просто нажимайте на нужную цифру, которая есть на картинке и читайте значение линии.