Не знаю, зачем я это делаю. Видимо, по доброте душевной. А также потому, что в ЛС мне изредка пишут люди, желающие научиться делать презентации.
Увы, научить подбору цветов на фоне, каким-то композициям я не могу. Тут всё дело вкуса. Но научить писать коды, вернее дать теорию по их написанию, я способна.
Сразу же хочется сказать, что весь мой опыт практический. Я нигде специально не обучалась. Только интернет и море практики. Я понимаю, что эти уроки могут увидеть люди:
-которые хотят быстро всё посмотреть, и, используя копи-пасту, подставлять свои фоны под мои готовые коды;
-которые хотят научиться делать коды или понять, что таят страшные буквы html, или хотя бы хотят редактировать презентации не через визуальный редактор, а через html, без последствий для психики^^ ;
-которые уже имеют опыт в этом деле и им стало интересно, что я тут могу нового понаписать.

Первым я хочу сказать, что копипаста - вещь опасная. Сегодня код работает прекрасно, но если вы только отредактируете его в визуальном редакторе...исправить у вас уже ничего не получится. А знаний для этого не будет.
Вторых я яро приветствую в этой теме, но предупреждаю, что читать и учить придется много. И много придется писать. Но вы же понимаете, что обучения без трудностей не бывает?)
А третьи...здравствуйте дорогие третьи) Я понимаю, что моя лексика может быть далека от общепринятой, что мои объяснения могут быть корявыми, что всё это можно найти в интернете. Но если вам покажется, что я где-то допустила серьезнейшую ошибку, не исправив которой я повергла бы весь мир в хаос - чиркните об этом в ЛС, если очень хочется, ок? А я постараюсь это дело исправить.

Что еще хочется сказать, прежде чем мы начнем?
Я не стану сразу с ходу писать код с прокруткой, тем более скрытой, с кликабельными кнопками и прочими нагромождениями. Нет. Сначала мы поучимся писать простые и не очень таблички. Поучимся работе с тегами, их атрибутами и стилями. В тексте будут примеры, которые я советую копировать и вставлять в онлайн html редактор. Если сказано где-то что-то покрутить, заменить, написать - крутите, заменяйте и пишите, чтобы своими руками прочувствовать работу. В идеале я советую вам коды-примеры не копировать, а даже переписывать вручную. Запомнить их не так сложно. Уже раза с третьего ваши руки начнут набирать то, что нужно, без всякого обдумывания. И понимание также придет в процессе.
Ах да, еще будут задания. Их советую не игнорировать. Если у вас всё получится сразу - поздравляю. Если будут трудности с пониманием - мои ЛС всегда для вас открыты. Также на форуме создана тема для обсуждений, где вы также сможете попросить помощи.
В уроке я использую презентации, которые создавала очень и очень давно. Насколько я помню, они были бесплатными, потому чувств каких-либо заказчиков задеть не должна. А по поводу качества этих презентаций - все с чего-то начинали. Зато виден прогресс, правда?)

Напоминаю, что всё, что я тут напишу - лишь общая вводная, которая позволит вам получить основным навыки, необходимые для создания презентаций в ловади на языке html. Если вы хотите расширить свои знания- практика и справочники вам в помощь)

За толчок к созданию этого урока благодарю доброе сердце игрока 暖かい心.
Вот вроде и всё.
Приступим?

Теперь поговорим о других атрибутах, которые вы можете приписать своим тегам.

Первый - цвет фона bgcolor. Его можно применить и к таблице, и к ячейке. Если мы применим его к таблице, покрасится она вся. Если мы напишем его у ячейки, она отдельно будет иметь свой собственный цвет.
Выглядит так: bgcolor="цвет".
Цвет мы можем задать названием (black, white, green и т.д.), а можем с помощью шестизначного кода. В нем белый #ffffff, черный #000000. Все значения цвета можно взять в том же фотошопе или в интернете, как тут: http://www.puzzleweb.ru/html/colors_html.php.
Также, если вы забыли какую-то информацию по тегу или атрибуту, вы можете прочитать дополнительно статьи в интернете. Я иногда обращаюсь вот в этот справочник, при переходе в который вы сейчас как раз попадете на атрибут bgcolor.
∎Попробуйте созданной на предыдущем этапе таблице (или любой другой, что есть у вас под рукой) приписать один любой фон, а некоторым ячейкам другой.

Теперь попытаемся задать таблице не однотонный фон, а картинку. За это отвечает атрибут background. Есть несколько способов его добавить к таблице.
Самый простой, когда мы таблице просто прописываем атрибут background="прямая_ссылка_на_картинку" и на этом успокаиваемся. Но, что, если размера нашей картинки не хватает на нашу таблицу? Тогда нам придется использовать еще дополнительные атрибут background-repeat, который отвечает за повтор картинки по ширине и высоте, если её размеры меньше размера таблицы. Значения у этого атрибута могут быть такие:
repeat - картинка будет повторяться, если её размеров не хватает на всю таблицу
no-repeat - не повторять ни в коем случае, даже если картинки не хватает.
repeat-x - картинке разрешено повторяться только горизонтально
repeat-y - картинке разрешено повторяться только вертикально.

Писать каждый раз два отдельных атрибута жутко неудобно. И мы ленивые. А потому мы будем облегчать себе жизнь. И потому мы познакомимся с атрибутом style. Он прописывается также, как и другие атрибуты, но его значением могут быть абсолютно любые свойства объекта.
Пример:
мы можем указать таблице
<table width="100px" height="200px" background="тут ссылка" bacground-repeat="no-repeat">...
а можем использовать атрибут style и прописать всё  него в виде свойств
<table style="width:100px; height:200px; background: url(тут ссылка) no-repeat">...

Выглядит короче, но обратите внимание на то, как поменялась запись наших атрибутов, когда они стали стилями! Знак равенства ( = ) заменяется на двоеточие ( : ), кавычки убираются, а вместо них в конце свойства ставится точка с запятой ( ; ). Но почему так произошло? Когда мы прописывали атрибуты отдельно, мы писали на языке html. Как только мы внесли их в атрибут стиля (style) они стали писаться на языке css (Cascading Style Sheets — каскадные таблицы стилей). Они используются как раз для описания веб-элементов, написанных на языке html.
Обычно страницы в интернете не содержат в своих тегах атрибутов, вроде ширины и высоты. Они бы заняли слишком много места. Вместо этого каждому элементу дается какое-то имя (id-уникальное, или class-для группы одинаковых элементов) и создается отдельный файл, в котором пишется для каждого id и для каждого class перечень свойств, как мы это только что сделали в атрибуте style. Таким образом компьютер считывает имя элемента, находит его в этом файле таблицы стилей и сам автоматически применяет этому элементу указанные свойства.

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

Вернемся к background.

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

<table width="400px" height="500px" style="background: url(http://rusforumz.com/library/template/f … o/15-1.jpg) no-repeat;">
<tr>
<td>
Большой текст первого столбца, которого хватит на довольно большие строчки </td>
<td>
Большой текст второго столбца, которого хватит на довольно большие строчки</td>
</tr>
</table>

∎Выше у нас таблица с размерами 400х500, а размер фоновой картинки, если её открыть, всего 256х256. Стоит параметр no-repeat, т.е. картинки не хватает, но она не повторяется. Попробуйте заменить этот параметр на те, что прописаны выше и посмотрите, как меняется фон таблицы.

Побаловались? Идем дальше. И сейчас вновь вернемся к нашей рамке. Помните, мы её прописывали у таблицы в виде атрибута? Теперь попробуем прописать её уже в виде стиля.

<table width="400px" height="200px" style="border: 1px;">
<tr>
<td>
Большой текст первого столбца, которого хватит на довольно большие строчки </td>
<td>
Большой текст второго столбца, которого хватит на довольно большие строчки</td>
</tr>
</table>

И, скопировав код выше вы увидите...абсолютно ничего! Этот атрибут перестал работать в виде свойства!
А всё дело в том, что в виде свойства этот атрибут очень хочет знать, а какой же формы ему сделать эту самую границу? А форма бывает такой: ссылка на учебник.
Возьмем мы, например, самую простую сплошную solid.

<table width="400px" height="200px" style="border: 1px solid;">
<tr>
<td>
Большой текст первого столбца, которого хватит на довольно большие строчки </td>
<td>
Большой текст второго столбца, которого хватит на довольно большие строчки</td>
</tr>
</table>

Теперь мы увидим границу. Но она исчезла между столбцов! И всё дело в том, что если атрибут border применялся на все "внутренности" таблицы, то свойство border создает границу только самому тегу, т.е. делает обводку. И видим мы на примере, что он создал нам сплошную обводку шириной в 1 пиксель стандартного черного цвета. Но ведь мы и его можем поменять! Возьмем какой-нибудь #fdf4e3! Или #5e344e! Или самый простой red! И увеличим ширину обводки!

<table width="400px" height="200px" style="border: 3px solid #5e344e;">
<tr>
<td>
Большой текст первого столбца, которого хватит на довольно большие строчки </td>
<td>
Большой текст второго столбца, которого хватит на довольно большие строчки</td>
</tr>
</table>

Обратите внимание на порядок записи. Сначала толщина, потом тип, потом цвет. Цвет можете задавать так, как вам удобно. Хоть #ffffff, хоть white.

∎Попробуйте заменить тип обводки, ширину, цвет. Поиграйтесь с ней, она это любит^^

Если мы верстаем таблицами, у нас существует много ограничений. Сами видели в  лишний раз не менять не хотят)
И вот, мы начинаем использовать дивы.
Что такое див - описать мне немного сложно. После жестко заданной таблицы, див - это шальной прямоугольник, который может всё, что может таблица, но в то же время гораздо её функциональнее.

Что может див:
-в нем также, как и в ячейке таблицы, можно писать текст. Но, в отличие от нагромождения table tr td, мы пишем только <div></div>. Экономия времени жуткая.
-ему также можно задать фон, ширину и высоту. Причем фон может быть картинкой или цветом.
-Если текст не влезает в див, див может либо растягиваться, как таблица у которой не прописана ширина и высота, либо может непомещающийся текст прокручивать.
-Див умеет отодвигаться от краев ячейки, в которой находится, и отодвигать текст внутри себя.

Если честно, можно создать презентацию на одних только дивах, без использования конструкции таблицы вообще. Она ничем не будет отличаться по функциональности, но, для начинающего верстальщика, она может принести массу проблем, потому что дивы невероятно капризны. Чуть неправильно указали ширину или отступ - ваш текст вылезет даже из тех мест, где бы вы не подумали о его существовании)
Сейчас, чисто для проверки своих навыков, попыталась сверстать презентацию, которую я сегодня же писала в виде таблицы+див, чисто на диве (есть один див, которому прописывается размер и фон и который заменяет тег table, а внутри него второй див, у которого прописана прокрутка и в котором внутри текст). И даже я столкнулась с парой подводных камней, которые пришлось решать буквально на ходу. Но презентация вышла абсолютно такой же.
Потому, предлагаю не забывать о немного устаревших, но всё же безотказный таблицах, и применять дивы на первых парах вместе с ними. Потом, набравшись опыта, вы можете самостоятельно изучить этот вопрос и решить для себя - что вам удобнее.

Итак, див нам нужен для того, чтобы текст прокручивался в нашем окошке. В общем-то это единственное свойство, из-за которого он нам нужен.
Благодаря тому, что люди научились заставлять див отступать от границ таблицы настолько, насколько нам надо, сейчас таблицы не содержат более одной строки и более одного столбца - нет смысла. Не то, что раньше все те выкрутасы с объединением ячеек и расчетом из размера, которые нужны были только для того, чтобы одна единственная ячейка вставала ровно на наше окошко...

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

Я уже прописываю все размеры на глаз, редактируя их по ходу дела. Но будем считать, что я открыла фотошоп, открыла эту картинку и инструментом линейка замерила всё, что описано выше. Размер всей картинки 600х630px.

Теперь я знаю все основные размеры. Пишу основу.
<table width="600" height="630" background="http://savepic.org/6415136m.jpg">
<tr>
<td width="600" height="630">
<div>
мой текст
</div>
</td>
</tr>
</table>

Диву надо прописать высоту и ширину нашего окошка. Прописывать всё лучше через тег стиля. Иначе капризный див может вообще не отреагировать на изменение ширины и высоты. И, заодно, я прописываю ему сейчас красную сплошную рамку, чтобы видеть, где это он болтается на картинке. После написания всего кода рамка обязательно стирается.

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:270px; height:345px; border: 1px solid red;">
мой текст
</div>
</td>
</tr>
</table>

Если посмотрим сейчас на итог, то будем разочарованы. Наш див, по своей природе, старается занять по высоте самое центральное положение из всех ему доступных(а высота ячейки, в которой он находится, аж 630 пикселей), а по горизонтали жестко привязывается к правому краю. Чтобы его от этого места отлепить и пододвинуть, мы используем новый атрибут margin.
Что делает margin - он отодвигает объект от того места, где тот находится без этого тега ровно на столько пикселей, сколько мы в margin пропишем.
Подробнее тут http://htmlbook.ru/css/margin (надеюсь, вы сюда поглядываете).
Мы можем написать просто
margin: число;
Но тогда див не поймет, с какой стороны ему двигаться и постарается на всякий случай отодвинуться от каждого края ячейки одинаково. Результатом станет то, что он окажется ровно по центру. Но нам этого не надо.
Мы можем написать сразу 4 числа
margin: число число число число;
Первое число будет от верхнего края ячейки, потом от правого, потом снизу, потом от левого края. Жестко так и никак иначе. Но мы же ленивые, нам лень высчитывать сразу 4 числа. Потому мы возьмем наш margin и припишем через дефис направление, откуда сделать отступ:
margin-left: число;
margin-top: число;
Можно еще использовать right и bottom, смотря к какому краю изначально див ближе должен оказаться.

Итак, добавляем отступы. Отступ слева мы измерили по картинке, а вот отступ сверху мы взять не можем, потому что див находится не на самом верху, а практически в середине. Потому прописываем отступ сверху равным 1px, а потом постепенно увеличиваем число, пока не попадем в нужное место.

Вот, что вышло после перебора отступа сверху:

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:270px; height:345px; border: 1px solid red; margin-left:268px; margin-top:58px;">
мой текст
</div>
</td>
</tr>
</table>

Теперь осталось свойство прокрутки. Итак, дивы и прокрутка.
Нашим дивам можно приписать такое свойство, что весь текст, что вылезает за их ширину и высоту, будет безжалостно обрезаться. Т.е. мы его не увидим, хотя эта вылезшая информация может и существовать. Это свойство звучит как overflow:hidden.
В то же время есть у дивов другой значение этого свойства, которое мы называем прокруткой, т.е. если текст в диве не помещается, он создает для нас полосы прокрутки, благодаря которым мы можем эту информацию пролистнуть и посмотреть. Это свойство звучит как overflow:scroll.
Но значение scroll делает так, что полоса прокрутки будет существовать всегда, даже если наша информация в див влезает полностью. Потому используется свойство overflow:auto. Т.е. див сам смотри, влезает ли в него информация и, если не влезает, автоматически прокрутку добавляет. Но прокрутка всегда помещается в сам див, в его ширину. Т.е. если див был 200px и все 200px занимал текст, то с прокруткой он не станет 217px (примерно 17 пикселей в ширину серая стандартная полоса прокрутки), а тексту будет отдано уже 183px, а оставшееся займет прокрутка. Это важно помнить.
__
Значит, свойство звучит как overflow. http://htmlbook.ru/css/overflow. Нам, для нашей самой простой презентации, понадобится только auto. Пусть сама решает, когда ей появляться. Итого код:

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:270px; height:345px; border: 1px solid red; margin-left:268px; margin-top:58px; overflow: auto;">
мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст
</div>
</td>
</tr>
</table>

Если текста мало, прокрутки не будет. Если много - она появиться. Можно чисто ради красоты сделать размеры дива чуть меньше в ширину и высоту, чтобы он не казался настолько резко вписанным. Буквально по пикселя 5 с ширины и высоты.
Убираем нашу рамку и код готов.
<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:265px; height:340px; margin-left:268px; margin-top:58px; overflow: auto;">
мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст
</div>
</td>
</tr>
</table>

∎Итак. Задание моё будет таково. Я дам картинку. Свою. Нужно будет, как я это делала выше, узнать размеры окошка в ней, написать код, написать див, маргинами расположить его в нужном месте и вставить прокрутку. Не бойтесь, у вас всё выйдет отлично.

Да, вот такого древнего динозавра я откопала у себя в папках^^

Мы научились делать презентации, но что за радость от них, если текст будет оставаться скучного черного цвета?
Теперь мы разберем в тексте всё, что можно разобрать из свойств. Остальное - поток вашего воображение по их использованию.

Самые простые теги форматировани текста, которые знает уже, наверно, практически каждый, это b, i и u. Соответственно
<b>этот текст жирный</b>
<i>этот текст курсивный</i>
<u>этот текст подчеркнут</u>
<b><i><u>Это текст-мутант</u></i></b>

Самый просто тег, который уже упоминался где-то раньше, перенос строки <br>. Значит, идет у нас текст, в каком-то месте нам надо сделать перенос на новую строку. Ставит этот тег и наш текст пойдет с новой строки.
Пример: Вот этот текст идет сплошным текстом <br> а этот вдруг начался с новой строки.

Этим тегом удобно отделить просто заголовок, если его стиль ничем не отличается от основного текста. Двойным <br> можно сделать разрыв в тексте в пару строчек для каких-либо целей. Можно использовать столько <br>, сколько вам нужно. Но всего в меру)

Еще один новый тег - абзац <p>. Этот тег уже парный. Т.е. если вы его открыли, обязательно закройте.
Текст внутри тега абзаца также начинается с новой строки. Еще одно отличие - если после текста в теге абзаца идет другой текст, он будет отделен от абзаца целой пустой строкой. И, конечно же, тексту абзаца, в отличие от простого переноса строки, можно задать атрибуты.
Увы, но атрибутов для вас на первое время не так много, для начала align. Расположение текста.
Может быть:
left — выравнивание по левому краю
center — выравнивание по центру
right — выравнивание по правому краю
justify — выравнивание по ширине

Помимо align абзац поддерживает стили (style). Через них мы можем дополнительно придать тексту следующие свойства:
-text-decoration - описание с возможными значениями.
-text-shadow - всеми любимая тень. О ней расскажу подробнее. Пишется так: text-shadow: * * * *;
Первое число - сдвиг тени по горизонтали относительно текста. Второе - по вертикали. Третье число устанавливает размытие тени(если брать не темный цвет а светлый, то выйдет свечение), а четвертое содержит цвет.
Пример: text-shadow: 1px 1px 1px black;
Можно указывать несколько теней сразу. Эффект интересный. Отделяется одна тень от другой запятой:
text-shadow: 1px 1px 1px black, 0px 1px 4px green;
-text-transform - может сделать все буквы текста заглавными или, наоборот, прописными. Подробнее тут: ссылка.

Тегом абзаца также удобно отделять заголовки.
∎Возьмите сейчас код из прошлых уроков и внутри тега div пропишите тег абзаца, а внутри абзаца наберите какой-нибудь текст. Пропишите абзацу атрибут расположения и посмотрите, как он работает. Попробуйте задать тень, сделать весь текст заглавным.

Тег абзаца был полезен, но мы хотим еще изменять цвет своего текста, изменить его написание. Потому переходим к тегу font. Этот тег отвечает непосредственно за всё форматирование текста. Также требует закрытия. Пройдемся по его атрибутам и свойствам. Я советую у него также всё прописывать через style, чтобы запись была более компактная.

color - устанавливает цвет текста. Как задавать цвет, мы уже знаем.
font-family - определяет гарнитуру шрифта. Как раз то самое написание. Дальше немного хорошей копипасты с другого сайта по этому свойству.
___
Этим свойством можно задать гарнитуру Arial или Times New Roman, а также любые другие шрифты, установленные на компьютер пользователя. Именно здесь зарыта собака, не позволяющая выбирать нам любой шрифт, который взбредет в голову. Дело в том, что есть очень малораспространенные шрифты, которые могут отсутствовать на компьютере нашего посетителя, но которые мы будем видеть, поскольку у нас они есть. В этом случае заданный шрифт будет заменен на ближайший из списка имеющихся на компьютере шрифтов. Причем, во многих случаях это может привести к нарушению внешнего вида. Во избежание таких ситуаций, не выбирайте экзотических шрифтов, используя вместо этого только самые распространенные. Вот они:
-Arial
-Times New Roman
-Verdana
-Courier
-Helvetica
-Georgia
__
Копипаста закончилась.
Иногда мы можем указать вместо конкретного шрифта просто название их семейства. Существуют семейства:
-serif — шрифты с засечками (антиквенные), типа Times;
-sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
-cursive — курсивные шрифты;
-fantasy — декоративные шрифты;
-monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова (шрифт Courier).

Например  мы проставим font-family:sans-serif; — это целое семейство шрифтов без засечек. Шрифтов наподобие Arial, Verdana и Helvetica. Если зададим именно так — браузер посетителя выберет с его компьютера первый попавшийся в списке шрифт без засечек. Т.е. сначала он попробует найти Arial, а если не получится, будет искать следующий шрифт без засечек.

size - задает размер шрифта в условных единицах. Шрифт может быть в пикселях px, может быть в процентах %, в пунктах pt, в масштабируемых единицах em. Нужно обязательно указывать, в чем вы измерили это самое 2 для размера шрифта. Очень хорошие статьи про размеры можете почитать тут: ссылка1 и тут: ссылка2.
Я обычно указываю размер в пикселях. Популярный здесь мелкий текст пишется 10 или 9px. Хорошо читается 12. 14, как по мне, выглядит уже не совсем красиво. Слишком крупный.

font-variant - еще одно интересное свойство. Оно позволяет написать весь наш текст заглавными буквами, но при этом сохранится их соразмерность. Т.е. Заглавные буквы останутся заглавными, а прописные будут написаны также, как и они, просто размером поменьше. Бывает:
normal - оставляет регистр символов исходным, заданным по умолчанию.
small-caps - модифицирует все строчные символы как заглавные уменьшенного размера.

font-style (не путать с просто style, куда мы всё это прописываем!) - позволяет сделать текст курсивным или наклонным. Значения:
normal - обычное начертание текста.
italic - курсивное начертание.
oblique - наклонное начертание. Курсив и наклонный шрифт при всей их похожести не одно и то же. Курсив это специальный шрифт имитирующий рукописный, наклонный же образуется путем наклона обычных знаков вправо.

Вот мы и рассмотрели свойства тега font. Запишем их для какого-нибудь текста для проверки возможностей.
<font style="color: #005da8; font-family: arial; size: 14px; font-variant:small-caps; font-style:italic;">наш текст для демонстрации свойств</font>

∎Меняйте в этом примере всё! Пройдитесь по всем свойствам!

А теперь поговорим о том, когда и что использовать. Все свойства font, которые мы сейчас расписали, аналогичным образом подходят и для тега абзаца p. Можете сами проверить, записав вместо font наш p.
<p style="color: #005da8; font-family: arial; size: 14px; font-variant:small-caps; font-style:italic;">наш текст для демонстрации свойств</p>
Но font мы не можем позиционировать влево/вправо/центр. Хотя мы можем задать в свойствах дива, в котором находится текст, свойство text-align, равнозначное align у абзаца. Тогда к font внутри также применится позиционирование.
Лично я использую font, потому что p делает отступы между собой и краями элемента, что нельзя контролировать. Да, они маленькие, но меня они не устраивают. Поэтому font - мой выбор.

И сейчас я расскажу вам о маленькой хитрости, которую далеко не все знают.
∎Создайте какую-то презентацию с прокруткой и наберите текст так, чтобы его было почти достаточно для появления прокрутки. Посмотрите на итог в своем браузере. И теперь откройте, если есть такая возможность, этот же код в других браузерах. Вы сразу увидите, что в некоторых из них между строчками текста разное расстояние. Хотя код один. И, в результате, где-то прокрутки нет, а где-то она уже появилась, потому что из-за больших расстояний между строчками и текст занял больше места. Как быть?
Всё решается еще одним свойством, которое можно задать либо font, либо p, либо div. Свойство называется line-height. Подробно прочитать вы можете тут: http://htmlbook.ru/css/line-height. Добавить мне тут особо нечего. Только лишь то, что с прописанным этим свойством разные браузеры начнут показывать ваш текст более-менее одинаково. А нам это и нужно)

Отдельно хочу заметить, что все эти замечательные свойства ссылки в вашем тексте будут игнорировать чуть менее, чем полностью. Окрашивание текста им не применится. Потому для наших ссылок, задаваемых тегом a, если кто не знал, можно точно также задать атрибут style, в котором прописать свойство color. Оно применится только для конкретно этой ссылки.
Т.е. если тут наша ссылка будет окрашена в стандартный цвет вашего браузера:
<div style="width:100px;"><p align="center" style="color: #005da8; font-family: arial; size: 14px; font-variant:small-caps; ">наш текст для <a href="ссылка">демонстрации</a> свойств</p></div>
То тут она станет такой, как мы ей прописали? красной:
<div style="width:100px;"><p align="center" style="color: #005da8; font-family: arial; size: 14px; font-variant:small-caps; ">наш текст для <a href="ссылка" style="color:red">демонстрации</a> свойств</p></div>

Наверно это всё, что можно написать про форматирование текста. Экспериментируйте!)

И, последнее, что я вам могу на данный момент рассказать. Скрытая прокрутка.

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

Сначала пишем наш код, как будто никакой скрытой прокрутки нет. Располагаем див с прокруткой на его место, прописываем текст. Любуемся работой.
Код из предыдущих частей урока:

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:265px; height:340px; margin-left:268px; margin-top:58px; overflow: auto;">
мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст
</div>
</td>
</tr>
</table>

Теперь наш див мы оборачиваем еще одним дивом, у которого пишем ширину нашей таблицы. Чтобы было нагляднее, пропишем ему красную рамку. Также ему прописываем давно изученное overflow:hidden. Ну-ка, что оно делает?

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:600px; height:630px; overflow: hidden;">
<div style="width:265px; height:340px; margin-left:268px; margin-top:58px; overflow: auto;">
мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст
</div>
</div>
</td>
</tr>
</table>

Заметьте, что теперь внутренний див с текстом сместился в сторону. Он начал отсчитывать своё положение относительно краев родительского внешнего дива. Поправляем его, ставим на место.

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:600px; height:630px; overflow: hidden;">
<div style="width:265px; height:340px; margin-left:268px; margin-top:173px; overflow: auto;">
мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст
</div>
</div>
</td>
</tr>
</table>

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

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:516px; height:630px; border:1px solid red; overflow: hidden;">
<div style="width:265px; height:340px; margin-left:268px; margin-top:173px; overflow: auto;">
мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст мой текст
</div>
</div>
</td>
</tr>
</table>

Казалось бы - всё, теперь текст прокручивается колесиком, что еще делать? А вы уберите текст так, чтобы его было мало и прокрутка внутреннего дива исчезла.

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:516px; height:630px; border:1px solid red; overflow: hidden;">
<div style="width:265px; height:340px; margin-left:268px; margin-top:173px; overflow: auto;">
мой текст такой странный, что я даже просто не знаю, что в него писать, может быть мне начать тут говорить об уроке или о той странной ошибке, которую вы тут наблюдаете? Ведь не все слова влезают в наше окошко, некоторые начинают пропадать за ним
</div>
</div>
</td>
</tr>
</table>

Почему так произошло? Возвращаемся в самое начала урока к словам о свойстве прокрутки.
___
...прокрутка всегда помещается в сам див, в его ширину. Т.е. если див был 200px и все 200px занимал текст, то с прокруткой он не станет 217px (примерно 17 пикселей в ширину серая стандартная полоса прокрутки), а тексту будет отдано уже 183px, а оставшееся займет прокрутка. Это важно помнить.
___
Т.е. когда мы вставляли наш текст, прокрутка у нас уже была и занимала часть дива. Мы эту часть дива скрыли, но, стоит нам только уменьшить количество текста, прокрутка исчезнет, а текст вновь займет всё доступное пространство, попав в зону, скрытую внешним родительским дивом. Для того, чтобы этого избежать, вспомним другое значение overflow: scroll, т.е. прокрутка должна быть всегда! Ставим его внутреннему диву с текстом вместо auto. Что выходит?
<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:516px; height:630px; border:1px solid red; overflow: hidden;">
<div style="width:265px; height:340px; margin-left:268px; margin-top:173px; overflow: scroll;">
мой текст такой странный, что я даже просто не знаю, что в него писать, может быть мне начать тут говорить об уроке или о той странной ошибке, которую вы тут наблюдаете? Ведь не все слова влезают в наше окошко, некоторые начинают пропадать за ним
</div>
</div>
</td>
</tr>
</table>

А выходит, что помимо вертикальной прокрутки, скрытой родительским дивом, у нас автоматически появляется горизонтальная прокрутка, которая нам не нужна совершенно.
Чтобы задать отдельные правила для вертикальной и горизонтальной прокрутки, мы можем обратиться конкретно к overflow-x(горизонталь) и overflow-y(вертикаль), вместо общего overflow, работающего сразу на два направления. Тогда для горизонтальной прокрутки мы оставляем авто-прокрутку, а для вертикальной прописываем обязательную.

<table width="600" height="630" background="http://savepic.org/6415136.jpg">
<tr>
<td width="600" height="630">
<div style="width:516px; height:630px; border:1px solid red; overflow: hidden;">
<div style="width:265px; height:340px; margin-left:268px; margin-top:173px; overflow-y: scroll; overflow-x: auto;">
мой текст такой странный, что я даже просто не знаю, что в него писать, может быть мне начать тут говорить об уроке или о той странной ошибке, которую вы тут наблюдаете? Ведь не все слова влезают в наше окошко, некоторые начинают пропадать за ним
</div>
</div>
</td>
</tr>
</table>

Если у вас , как в примере предыдущей части урока, все дивы находятся по вертикали в одном положении, их можно скрыть единым родительским дивом, который будет оборачивать их оба. Но, если они находятся, например, в таком положении:

Вам придется прописать два отдельный дива скрытия, внутри которых будет по диву с прокруткой. Можно сделать просто две ячейки, в которые будет проще прописать дивы, а можно родительскому диву, который будет левее, приписать свойство float:left, с которым мы уже знакомились.

Единственное, до чего я пока не смогла дойти своим умом - почему снизу таблицы при создании скрытой прокрутки появляются лишние 5 пикселей. Делать фон таблицы неповторяемым мне не нравится - это заплатка, а не полноценное решение, ведь высота таблицы в любом случае нарушена. Потому я обычно уменьшаю на эти 5 пикселей высоту родительского дива, а также таблицы и столбца. Удивительно, но эта заплатка делает в итоге высоту именно такой, какая нам нужна.
Если кто-то подскажет мне более верное решение - жду)

Если вам не очень нравится, как располагается внутренний див относительно окошка после скрытия прокрутки - подвигайте его маргинами, одновременно увеличивая или уменьшая ширину родительского дива. Главное - следите, чтобы ваш текст не попал в скрываемую зону.

Исправление презентаций:

Анимация. Водопад. Делала для себя, но отдаю в общее пользование)
[url=http://savepic.net/4881784.htm][img]http://savepic.net/4881784m.gif[/img][/url]

Аватар.
[img]http://savepic.su/4996719.jpg[/img]

Обычная прокрутка.
[spoiler]
<table align="center" background="http://savepic.net/4881784.gif" height="400px" width="910px">
<tbody><tr>
<td width="430px"><br></td>
<td vertical-align="top" height="395px" width="430px">
<div style="overflow: auto; width: 100%; height: 380px; line-height: 14px;" align="center">
<font style="text-align: center; color: rgb(0, 0, 0); font-size: 10px;" face="Verdana">
<font style="font-size:12px; color:#C45B2F;">Заголовок</font><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</font></div></td>
<td><br></td>
</tr>
</tbody></table>
[/spoiler]

Скрытая прокрутка.
[spoiler]
<table align="center" background="http://savepic.su/4985358.gif" height="400px" width="910px">
<tbody><tr>
<td width="430px"><br></td>
<td vertical-align="top" height="395px" width="430px">
<div style="overflow:hidden; width: 428px;height:390px;">
<div style="overflow-x: auto; overflow-y:scroll; width: 445px; height: 390px; line-height: 14px;" align="center">
<font style="text-align: center; color: rgb(0, 0, 0); font-size: 10px;" face="Verdana">
<font style="font-size:12px; color:#C45B2F;">Заголовок</font><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</font></div></div></td>
<td><br></td>
</tr>
</tbody></table>
[/spoiler]

-Пропала! Пропала! - Причитал Альфред, горестно перенося тазик с места на место и периодически наклоняясь к земле, чтобы наполнить его остатками перьев. Перья складываться не хотели и упорно устремлялись в полет от мельчайшего дуновения ветра, сводя на нет все старания.
-После стольких лет! Верой и правдой! Куда же ты могла пропасть, Дарья?
__
Пошел второй час наблюдения и тактической подготовки...
-Он своими воплями меня скоро сделает глухой и очень-очень нервной! - Прошипела лиса, поглядывая из-за угла. -Пусть только попробует еще раз эту курицу вспомнить, в щи дам так, что за ней отправится!
-Из шкуры не выпрыгни от злости, дорогуша. - Поприветствовала напарницу возникшая из-за спины мадам Попугай, уходившая по делам. -Хотя, знаешь... эту драную муфточку ты могла бы и выбросить.
Мари грозно повернулась и, скрепя зубами, что-то проговорила, сжимая в лапе кусок кирпича до состояния крошки.
-Ах, это не муфточка...?
__
-Альфре-е-д!
Заяц, погруженный в свои мысли, не сразу сообразил, что забыл про свою новую знакомую. Повернувшись к гусенице, он увидел, как она надвинула на глаза шляпку и утирает лицо.
"Ах, бедняжка, как она волнуется за Дарью!" - Сердце его было тронуто таким самоотверженным переживанием. Альфред мигом отставил тазик и поспешил к Попугай, на ходу уверяя её, что с курицей всё будет обязательно хорошо. И с гостиницей всё также будет хорошо.
Небольшого, в пол лица, фингала, расплывшегося на её лице, он так и не заметил.
__
Усадив даму в кресло и предложив ей выпить, Альфред удалился из своего кабинета, пообещав вернуться, как только осмотрит первый этаж. Мадам Попугай заверила его, что переживет некоторое время без его внимания, и, едва заяц ушел из поля зрения, метнулась к письменному столу. У неё было около получаса, прежде чем Альфред, отвлекаемый внизу Мари, решит подняться в свой кабинет. Но едва гусеница притронулась к документам, на лестнице послышались голоса.
-Лора, душечка! Но ведь подобные слова о вашей красоте я говорил вам последние пять лет! - Голос зайца выдавал невероятное волнение. Попугай удивилась тому, как быстро её ухажер меняет своих спутниц и не стесняется их знакомить друг с другом в подобной ситуации. Она ожидала сейчас услышать нежный голосок какой-нибудь легкомысленной белочки, с которой уж гусеница поговорила по душам, но сотрясший до основания весь отель смех контральто, немного смахивающий на бас, заставил Попугай со смесью ужаса и любопытства выглянуть в коридор.
-Вы правы, Альфред. - Проговорила слониха, пытаясь вытащить вместилище своего безграничного очарования из лестничного прохода. Вместилище было не менее безграничным, а потому грозило обрушением пары стропил и дверного проема. Альфред, суетящийся вокруг неё, и подавал руку, и пытался, шутя, вытолкнуть её, и тянуть на себя. Но его жалкие потуги вносили столь же весомый вклад, как тараканы на вымирание мамонтов (однако никто до сих пор так и не опроверг вывод Роджера Кроликова, не смотря на своё имя, бывшего тараканом и ученым палеонтологом, что тараканы в своё время устроили мамонтам тотальный геноцид с полным обриванием последних и вытеснением в более жаркий климат, в результате чего те перестали существовать как вид и массово внушили себе, что они слоны).
В общем, Альфред таки смог помочь слонихе выйти в коридор, а Попугай, проклиная Мари на чем свет стоит, срочно придумывала план экстренного спасения их коварного плана. И женское сознание не замедлило ей его предоставить...
-Альфре-е-ед?! - Это был тот самый неповторимый женский тон, в котором напускная удивленность, вызванная поступком оппонента, смешивается с абсолютной уверенностью в его неправоте  и предвещает адресату сего потока профессиональный вынос мозга неотвратимой женской логикой, обращению с которой особи данного пола учатся с самого рождения.
-Как, такую страсть пластического хирурга и хлебобулочных магазинов, вы назвали душечкой? Неужели я недостойна больше вашего взора и теплых слов ободрения на фоне всех складок безграничного опыта этого создания?
Слониха возможно и снесла бы подобное обращение со свойственной этим толстокожим зверям силой воли и простотой, но ситуацию испортил сам Альфред, попытавшись выбраться из ямы, которую сам еще и раскопал окончательно:
-Ах, милая Попугай, что же вы такое говорите? Ваша красота несравнима!
-Несравнима? - Оскорбленная до глубины души Лора вмешалась в разговор. - Значит, я уже и не такая красавица, какая была для вас эти пять лет, что меня нельзя сравнить с этой...этой...крашеной стерлядью?
-Ну что вы, милая..Лора, подождите! Лора! Стены этого не выдержат, Лора! Лора!!!
С ужасом заяц наблюдал за тем, как слониха пытается покинуть помещение, протискиваясь в проходах и сурово обходясь со всей стоящей в коридоре мебелью.
-Прощайте, Альфред! - Высокопарно начала слониха своё прощание. - Я готова многое сделать для вас, как для благородного зайца, но моё сердце я вам дать уже не смогу.
-Да что ты можешь дать ему, дорогуша? - Подстегнула готовую уйти слониху гусеница.
-Что я могу сделать? Да я готова выслушать его и поддержать!
-Ох, Лора, вы великодушны...
-Ха! выслушать! Да разве простой разговор сравнится с крепкой дружбой?
-Попугай, вы так добры...
-Моё доверие основано на годах знакомства! Двери моего дома для него всегда открыты!
-А мне не понадобилось и суток, чтобы разглядеть в нём достоинства, каких мало в наше время!
-А я могу варить ему обеды!
-А я стирать!
-Девочки...
-А я готова помочь ему с ведением хозяйства
-А я могу помогать ему с ведением даже сложного гостинничного дела!
-А я работать вместо пропавшей курицы!
-Что? Вы так быстро замените горячо любимую им работницу, безжалостная вы карьеристка!?
-Я буду вечно ждать возвращения Дарьи, и ни одну из ваших ног не допущу в это заведение, беспокоясь о его благополучии!
-Погодите...
-И я буду приглашать его по вечерам играть в моем клубе в покер!
-А я бы поддавалась ему в каждой игре в ваш жалкий покер!
-Да дайте же мне сказать! - вмешался Альфред.
-Тихо! - Рявкнули в голос обе, оттеснив его из перепалки.
-Я, чтобы вы знали, могу защитить его даже темной ночью от любого их грабителей!
-Ну-ну. Да я могу замолвить за него слово у любого из гра...ну нет, это не подходит. Да я замуж за него готова пойти! - Сорвала Попугай шляпу и, щеголяя прекрасным синяком, обняла зайца, смачно его поцеловав. Альфред окончательно впал в прострацию.
-Ах, романтика..., - скупая слеза покатилась по щеке слонихи от вида этой прекрасной пары и открывшегося чувства возвышенной духовности, о которой раньше она читала только в романах, мысленно переживая сцены, подобные этой. - Ах, Альфред! Как же вам повезло с невестой! Будьте же счастливы! Как несправедливо я терзала ваше сердце все эти годы! Женитесь, друг мой, женитесь!
-В ЗАГС, дорогой! - Немедленно выкрикнула Попугай и схватила совершенно обалдевшего Альфреда, потащив его по лестнице мимо не менее обалдевшей Мари, заставшей всю сцену препирания соперниц. Попугай схватила в довесок и её. Пообещав всё рассказать позже и поставить не менее красочный фингал за сбой всей операции и вынужденное замужество.
__
Не прошло и часа, прежде чем Попугай и Альфред стояли перед алтарем, а Мари и Лора, вызвавшиеся свидетельницами, тщательно помогали проводить церемонию почтенной матроне-дикобразихе. Когда пришло время расписываться, Альфред, не вполне понимающий происходящее, отрешенно протянул руку и поставил свою подпись на лежащих перед ним листах. В трех экземплярах. То же сделала Попугай, а за ней, быстро провернув всю операцию, и Мари. И, едва рука её пропорхала над последним из листов, лисица достала из-за пазухи золоченую печать и быстро приложила её к документам.
-Ах, Альфред, - обратилась она к зайцу. - Благодарю вас за столь щедрый дар в пользу сиротского приюта голодающих детей деревни Нижние Вершки. Эта гостиница обеспечит им достойное будущее.
Одурманенный Альфред (а по дороге в ЗАГС ему еще дали приложиться к бутылочке крепкой полыневой настойки), лишь согласно кивал.
Гусеница отозвала Мари в сторону и грозно произнесла:
-Надеюсь, ты сделала всё как надо в бумагах старой карги, чтобы этот брак был недействительным. Иначе первую брачную ночь проведешь с ним ты, как и все последующие!
-Не переживай. Вы уже в разводе.
И с этими словами она покинула здание, на ходу высвистывая веселую мелодию.

Тема обновлена, дабы всё было красиво^^
Листайте, ниже вся информация, которая необходима для заказа.

___

Форма заказа:
1. Размер.
-ширина - маленькая\большая
-высота - в пикселях
-на мое усмотрение
2. Исходники или тема.
Картинки кидать кликабельными ссылками.
Если нет исходников - общая цветовая гамма и тема.
3. Количество окон. С названиями на фоне или без.
Если не определиться с количеством - о чем хотите рассказать в презентации?
4. Нужны ли приветствия, цитаты, стихи?
Пишите сразу цитаты.
5. Нужны нажимные кнопки?
-количество
-названия
-ссылки
6. Разрешена отсебятина?
7. Заметки к заказу, любые пожелания и предложения.
-здесь же укажите, нужны ли вам аватары и курсоры
8. Чем будете платить?

Заказы оставлять в спец. теме. Можно продублировать в ЛС.

Оплата производится после того, как заказчик проверяет работоспособность кода.
Если заказчик не оплачивает работу - я со спокойной совестью отправляю презентацию в общее пользование в раздел бесплатных.

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

►Как определяется цена презентации?
→Размер не влияет
→Тематика и наличие исходников - не влияют
→Каждое окно - 1000 экю
→Наличие\отсутствие надписей не влияет
→Каждая нажимная кнопка - 2000 экю
→Личные симпатии - очень влияют!

▷Что я принимаю в оплату?

→Экю. Стоимость можете рассчитать сами по схеме выше.
→Амуницию, цена которой не меньше стоимости заказа в экю.
→Улучшения для КСК и всё, что можно передать подарком.
→Предмет в 1 пропуск заменяет любую стоимость в экю.
→Снаряжение, передаваемое через обменник, заменяет любую стоимость в экю.
→Табунок. Одна табунка заменяет 1000экю.
←Если появятся другие предметы или способы оплаты, они будут вписаны сюда)

За готова продаться в презентационное рабство :3

►Если ваша презентация стоит меньше, чем минимальная цена на ПП на табунку, мне совершенно невыгодно получать оплату продажей своей лошади вам ниже минимальной рыночной стоимости. Потому, если вас не устраивает вариант оплаты предметом в 1 пропуск, вы можете оплатить заказ амуницией (например седлами), которую я с радостью приму.

___

Апдейт для интересующихся #1.

►Я работаю с анимацией. Могу совместить несколько ваших гифок\мувиков и всего анимированного в работе, могу сама наложить простые эффекты, вроде смены текста, свечения, подрисовать снег и дождь.
Но учитывайте, что чем больше площадь анимации на фоне и чем больше у неё сменяется кадров, тем она больше весит, хуже выглядит и тем больше вы будете насиловать заходящих к вам на страницу.

▷Да, мои цены низкие. Потому что делать презентации на интересные темы мне в радость. Вы всегда можете самостоятельно рассчитать стоимость презентации в экю или же заменить её любым доступным способом. Но если вы предложите за работу больше, чем я назначила - буду только рада. Точно также, если у вас не хватает оплаты на заказ, мы всегда сможем договориться обо всем в ЛС.
Так я делала презентации и за бесплатно, и за ОР, и за амуницию, и за троекратную стоимость и даже живые пропуски. Возможности у всех разные, но отношение к порядочным игрокам у меня всегда только уважительно-положительное)

►Я не люблю жестких рамок. Когда мне обрисовывают чуть ли не положение каждого элемента в презентации и запрещают пользоваться другими работами по теме, я тихо вою, но заказ выполняю.
Но, поверьте, вы добьетесь от меня гораздо более качественной работы, если просто укажете рисунки, которые вам хотелось бы видеть, а также намекнете на их тему, если это фанарт. Если вы кидаете арты персонажей - говорите их имена! Я стараюсь искать и сравнивать ваш арт с другими, но уж если не угадала с лицом - не обессудьте)
Естественно поле показа первого макета вы сможете указать на все места в работе, которые вам не по вкусу и мы вместе будем доводить работу до вашего идеала. Некоторые свои работы я переделывала по пять раз, прежде чем цель заказчика и мои возможности пересекались в едином макете.

▷Вот хоть убейте, не люблю использовать клипарты >__< Все эти бантики, ленточки, рюшечки...
Если они вам очень нравятся, конечно можете попросить меня добавить их в работу, но посмотрите сначала галерею выполненных заказов. Как по мне, работы без клипартов у меня получаются много лучше.