Дикая Яблоня: другие произведения.

Оригинальное оформление ваших текстов. Готовые коды

Журнал "Самиздат": [Регистрация] [Найти] [Рейтинги] [Обсуждения] [Новинки] [Обзоры] [Помощь]
  • Аннотация:
    Все проверено на собственном опыте и занесено в Путеводитель..


Вы хотите оригинально оформить свое произведение - стихи или прозу? Воспользуйтесь одним из предложенных ниже ваиантов дизайна. Для этого вам не нужно знать HTML, просто прочтите инструкцию.

Если вы не разбираетесь в html и хотите оформить текст, уже размещенный на Самиздате, то:

1. Выберите понравившийся вариант оформления;

2. Зайдите в свой раздел и кликните на [Textedit] рядом с произведением, которое собираетесь оформлять;

3. Скопируйте весь код оформления, который находится перед словами "ЗДЕСЬ - ВАШ ТЕКСТ" (см. картинку);



4. Вставьте скопированный код в форму для редактирования перед текстом вашего произведения (см. картинку).
Перед вставляемым кодом ничего не должно быть!



5. Скопируйте весь код оформления, который находится после слов "ЗДЕСЬ - ВАШ ТЕКСТ" (см. картинку);



6. Вставьте скопированный код в форму для редактирования после текста вашего произведения (см. картинку);



7. Кликните на "Сохранить"



Если вы не разбираетесь в html и хотите оформить текст, которого еще НЕТ на Самиздате, то:
сначала разместите на Самиздате свой файл с текстом,
а потом уже оформите его так, как рассказано выше.



Если вы РАЗБИРАЕТЕСЬ в html, то:никакие инструкции вам не нужны, просто копируйте код и пользуйтесь на здоровье :)

Выбирайте вариант оформления

Свиток пергамента

<table width=100% border=0 cellpadding=0 cellspacing=0 align=center> <tr> <td width="50" height="49"><img src="http://s53.radikal.ru/i139/1008/ad/7a10172b8bc7.gif" width="50" height="49"></td> <td background="http://s61.radikal.ru/i173/1008/a4/36542b25457e.gif">.</td> <td width="50" height="49"><img src="http://s56.radikal.ru/i151/1008/19/afb3c53852d2.gif" width="50" height="49"></td> </tr> <tr> <td background="http://s55.radikal.ru/i147/1008/32/73993da9a99f.gif">.</td> <td bgcolor=#E4CB9E background="http://s56.radikal.ru/i152/1008/1f/ea9a3abd0fc7.jpg" vAlign="top"> <br>ЗДЕСЬ - ВАШ ТЕКСТ<br> </td> <td background="http://s59.radikal.ru/i165/1008/7a/0a227295712b.gif">.</td> </tr> <tr> <td width="50" height="49"><img src="http://s005.radikal.ru/i212/1008/29/60981580ceef.gif" width="50" height="49"></td> <td background="http://i080.radikal.ru/1008/91/dad59e16b7c3.gif">.</td> <td width="50" height="49"><img src="http://s41.radikal.ru/i094/1201/06/d1aa870b7aa1.gif" width="50" height="49"></td> </tr> </table>
Посмотреть образец с текстом

Обгоревшая бумага

<table width=100% border=0 cellpadding=0 cellspacing=0 align=center> <tr><td width="85" height="85"><img src="http://i061.radikal.ru/1008/78/00be3939c05c.gif" width="85" height="85"></td> <td background="http://i058.radikal.ru/1008/80/2bec88fa5afe.jpg">.</td> <td width="85" height="85"><img src="http://s56.radikal.ru/i154/1008/b3/a721f925cb48.gif" width="85" height="85"></td></tr> <tr><td background="http://s47.radikal.ru/i117/1008/01/e793d6aa0c2d.jpg">.</td> <td background="http://i072.radikal.ru/1008/6b/9f96f678d174.jpg" vAlign="top"><br>ЗДЕСЬ - ВАШ ТЕКСТ<br> </td> <td background="http://s51.radikal.ru/i131/1008/96/d263102e622c.jpg">.</td></tr> <tr><td width="85" height="85"><img src="http://s45.radikal.ru/i110/1008/d3/5eb811d61308.gif" width="85" height="85"></td> <td background="http://s019.radikal.ru/i642/1205/0f/ec333fb370a5.jpg">.</td> <td width="85" height="85"><img src="http://s56.radikal.ru/i151/1008/17/38817664619e.gif" width="85" height="85"></td></tr> </table>
Посмотреть образец с текстом

Листки из блокнота

<br><table width=100% border=0 cellpadding=0 cellspacing=0 align=center bgcolor=#FFFFFF> <tr><td width="26"><img src="http://s003.radikal.ru/i203/1008/09/5bd16786d733.gif" width="26" height="50"></td> <td height="50" background="http://s52.radikal.ru/i135/1008/30/36185a9b43ba.gif" ><img src="http://s58.radikal.ru/i161/1008/38/f7d8f7edb9fb.gif" width="141" height="50"></td> <td width="26"><img src="http://s005.radikal.ru/i209/1008/59/6ef403c752a0.gif" width="26" height="50"></td></tr> <tr><td vAlign=bottom background="http://s09.radikal.ru/i182/1008/d6/6690650e782e.gif"><img src="http://i070.radikal.ru/1008/1e/b0ab5874fee1.gif" width="26" height="150"></td> <td vAlign="top">ЗДЕСЬ - ВАШ ТЕКСТ</td> <td vAlign=top background="http://s001.radikal.ru/i194/1008/3f/2eaad2cc849e.gif"><img src="http://s017.radikal.ru/i434/1111/d3/c091aca46321.gif" width="26" height="150"></td></tr> <tr><td><img src="http://s58.radikal.ru/i162/1008/4f/9ce4f283fdbc.gif" width="26" height="40"></td> <td height="40" align=right background="http://s002.radikal.ru/i198/1008/6a/48c7cc1a0890.gif"><img src="http://s41.radikal.ru/i093/1008/54/78ff87ef9558.gif" width="150" height="40"></td> <td><img src="http://i067.radikal.ru/1008/c0/61944b67c04f.gif" width="26" height="40"></td></tr> </table><br>
Посмотреть образец с текстомм

Викторианский стиль

<table width=100% border=0 cellpadding=0 cellspacing=0 align=center bgcolor="#FBF4EA"> <tr> <td width="155" height="155"><img src="http://s09.radikal.ru/i182/1008/04/af41ca770085.gif" width="155" height="155"></td> <td background="http://i056.radikal.ru/1008/e4/2bc39d4c6eed.gif"><img src="http://i056.radikal.ru/1008/e4/2bc39d4c6eed.gif"></td> <td width="155" height="155"><img src="http://s53.radikal.ru/i141/1008/04/f9a49ef05c45.gif" width="155" height="155"></td> </tr> <tr> <td background="http://i066.radikal.ru/1008/4d/65b69f4cace3.gif"><img src="http://i066.radikal.ru/1008/4d/65b69f4cace3.gif"></td> <td vAlign="top">ЗДЕСЬ - ВАШ ТЕКСТ</td> <td background="http://s16.radikal.ru/i190/1008/99/16c58460dcaa.gif"><img src="http://s16.radikal.ru/i190/1008/99/16c58460dcaa.gif"></td> </tr> <tr> <td width="155" height="155"><img src="http://s52.radikal.ru/i136/1008/f7/947b10942432.gif" width="155" height="155"></td> <td background="http://s002.radikal.ru/i199/1008/62/a1df1e2c6b3f.gif"><img src="http://s002.radikal.ru/i199/1008/62/a1df1e2c6b3f.gif"></td> <td width="155" height="155"><img src="http://s39.radikal.ru/i083/1008/2c/5ef837def204.gif" width="155" height="155"></td> </tr> </table>
Посмотреть образец с текстом

Стиль Арт Нуво

<table width=100% border=0 cellpadding=0 cellspacing=0 align=center bgcolor=#FFFFFF> <tr><td width="163" vAlign=top><img src="http://s001.radikal.ru/i194/1008/4b/c906fe2c68bc.gif" width="163" height="98"></td> <td background="http://s57.radikal.ru/i155/1008/90/8cd6b096502a.gif" height="98"><img src="http://s57.radikal.ru/i155/1008/90/8cd6b096502a.gif" width="1" height="98"></td> <td width="163" vAlign=top><img src="http://s43.radikal.ru/i100/1008/c6/2d0f09ebedbd.gif" width="163" height="98"></td></tr> <tr><td vAlign=top background="http://s002.radikal.ru/i198/1008/a8/f72c056254f2.gif"><img src="http://s41.radikal.ru/i094/1008/ca/c109da54f34b.gif" width="163" height="295"></td> <td rowspan="2" vAlign="top">ЗДЕСЬ - ВАШ ТЕКСТ</td> <td vAlign=top background="http://s42.radikal.ru/i095/1008/03/4eb7410b3d9e.gif"><img src="http://s53.radikal.ru/i142/1101/b3/4f2a83850a66.gif" width="163" height="295"></td></tr> <tr><td vAlign=bottom background="http://s002.radikal.ru/i198/1008/a8/f72c056254f2.gif"><img src="http://s45.radikal.ru/i110/1008/73/085cc3abbb88.gif" width="163" height="295"></td> <td vAlign=bottom background="http://s42.radikal.ru/i095/1008/03/4eb7410b3d9e.gif"><img src="http://s004.radikal.ru/i208/1008/39/0e08b3daf3ce.gif" width="163" height="295"></td></tr> <tr><td vAlign=bottom height="98"><img src="http://s60.radikal.ru/i167/1008/1c/2c62e60c034a.gif" width="163" height="98"></td> <td background="http://s50.radikal.ru/i128/1008/7f/ba3e3b1a6859.gif"><img src="http://s50.radikal.ru/i128/1008/7f/ba3e3b1a6859.gif" width="1" height="98"></td> <td vAlign=bottom height="98"><img src="http://i076.radikal.ru/1008/cd/96d6a7f9ed79.gif" width="163" height="98"></td></tr> </table>
Посмотреть образец с текстом

Осенний дизайн

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#F3F1E8" align=center><tr><td width="96" height="109"><img src="http://s006.radikal.ru/i215/1009/0e/e819d5666ae8.gif"></td><td width="104" height="109"><img src="http://s44.radikal.ru/i103/1009/26/4400b27f84f5.gif"></td><td background="http://s57.radikal.ru/i156/1009/84/b0b2d3f30389.gif" align=center><img src="http://s48.radikal.ru/i120/1009/d7/4266469fca6e.gif" width="86" height="109"></td> <td width="105" height="109" align=right><img src="http://s04.radikal.ru/i177/1009/bd/7c368c6ca30f.gif"></td><td width="95" height="109" align=right><img src="http://i082.radikal.ru/1009/b8/547f9d4a2e6c.gif"></td></tr><tr><td width="96" height="118"><img src="http://s018.radikal.ru/i503/1201/8d/958d32230a06.gif"></td><td colspan="3" rowspan="3">ЗДЕСЬ - ВАШ ТЕКСТ</td><td width="95" height="118" vAlign=top align=right><img src="http://s05.radikal.ru/i178/1201/15/512ae82b3abc.gif"></td></tr> <tr><td background="http://s018.radikal.ru/i509/1201/43/4b6dce64397c.gif">&nbsp;</td><td background="http://s43.radikal.ru/i101/1009/e2/4c8c319d4171.gif">&nbsp;</td></tr><tr><td width="96" height="118" vAlign=bottom><img src="http://s02.radikal.ru/i175/1009/f5/2be90fe352d1.gif"></td><td width="95" height="118" vAlign=bottom align=right><img src="http://s46.radikal.ru/i114/1009/d6/90baef238212.gif"></td></tr> <tr> <td width="96" height="109"><img src="http://s016.radikal.ru/i336/1101/5f/34bd55ffb515.gif"></td><td width="104" height="109"><img src="http://s42.radikal.ru/i095/1009/ee/260051896c5b.gif"></td><td background="http://s46.radikal.ru/i113/1009/3c/f537fdbe44e7.gif" align=center><img src="http://s05.radikal.ru/i178/1009/36/405cac6a6331.gif" width="86" height="109"></td><td width="105" height="109" align=right><img src="http://s002.radikal.ru/i197/1009/f5/d1fd5b99dd67.gif"></td> <td width="95" height="109" align=right><img src="http://s45.radikal.ru/i110/1009/c0/cb7a93a081a8.gif"></td></tr></table>
Посмотреть образец с текстом

Зимний / Новогодний дизайн


Превратить праздничный дизайн в нейтральный зимний очень просто: для этого уберите из верхнего правого угла
и нижнего левого угла картинки с елочными игрушками и впишите на их места html-обозначение пробела &nbsp;

<table width=100% height=100% border=0 cellpadding=0 cellspacing=0 align=center><tr><td width="137" height="137" background="http://s60.radikal.ru/i168/1012/89/00c075a59277.gif">&nbsp;</td><td background="http://i053.radikal.ru/1012/b8/a839c688689d.gif">&nbsp;</td><td width="137" height="137" background="http://s003.radikal.ru/i204/1012/86/edb49a6662c4.gif" align=center><img src="http://s56.radikal.ru/i153/1012/d7/f631854195ff.gif"></td></tr><tr><td background="http://s46.radikal.ru/i111/1012/d2/4a8896f72db1.gif">&nbsp;</td><td bgcolor="#D3EDFF" vAlign=top>ЗДЕСЬ - ВАШ ТЕКСТ</td><td background="http://i015.radikal.ru/1012/0c/96ff338d3fe3.gif">&nbsp;</td></tr><tr><td width="137" height="137" background="http://s001.radikal.ru/i194/1012/9d/e5c2f45cf5de.gif" align=right><img src="http://s006.radikal.ru/i215/1012/3f/19526d733af3.gif"></td><td background="http://i063.radikal.ru/1012/a9/b9745278fee3.gif">&nbsp;</td> <td width="137" height="137" background="http://s007.radikal.ru/i302/1012/3b/5fd63c3c9ce9.gif">&nbsp;</td></tr>
</table>
Посмотреть образец с текстом

Кельтский дизайн

<table width=100% height=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#8E0058>
<tr><td vAlign=top width=64 height=64 bgcolor=#E6AC41><img src="http://s015.radikal.ru/i331/1104/5b/2e755d5dc142.gif"></td><td background="http://i032.radikal.ru/1104/b9/b778b54f3ad6.gif">&nbsp;</td><td align=right vAlign=top width=64 height=64 bgcolor=#E6AC4><img src="http://s015.radikal.ru/i331/1104/5b/2e755d5dc142.gif"></td></tr> <tr><td background="http://i024.radikal.ru/1104/51/b5f36e16d326.gif">&nbsp;</td><td><table width=100% height=100% border=0 cellpadding=3 cellspacing=0 bgcolor=#E0B05F><tr><td> <table width=100% height=100% border=0 cellpadding=0 cellspacing=12 bgcolor=#FCF2E1><tr><td vAlign=top>ЗДЕСЬ - ВАШ ТЕКСТ</td></tr></table></td></tr></table></td><td background="http://i024.radikal.ru/1104/51/b5f36e16d326.gif">&nbsp;</td></tr> <tr><td vAlign=bottom width=64 height=64 bgcolor=#E6AC4><img src="http://s015.radikal.ru/i331/1104/5b/2e755d5dc142.gif"></td><td background="http://i032.radikal.ru/1104/b9/b778b54f3ad6.gif">&nbsp;</td><td align=right vAlign=bottom width=64 height=64 bgcolor=#E6AC4><img src="http://s015.radikal.ru/i331/1104/5b/2e755d5dc142.gif"></td></tr></table>
Посмотреть большой образец

"По заявкам кинослушателей"(с) - парочка фэнтези-рамок

<table width=100% height=100% border=0 cellpadding=3 cellspacing=0 bgcolor=#6E8B3D><tr><td><table width=100% height=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#6B8E23 background="http://s016.radikal.ru/i335/1104/37/ea55c4f486b2.jpg"> <tr><td vAlign=top width=150 height=150><img src="http://s60.radikal.ru/i169/1104/93/628d2fd684fd.jpg"></td><td>&nbsp;</td><td align=right vAlign=top width=150 height=150><img src="http://i057.radikal.ru/1104/41/90b074cb5260.jpg"></td></tr> <tr><td>&nbsp;</td><td><table width=100% height=100% border=0 cellpadding=3 cellspacing=0 bgcolor=#D3BD3A><tr><td> <table width=100% height=100% border=0 cellpadding=0 cellspacing=12 bgcolor=#EEE8CD><tr><td vAlign=top>ЗДЕСЬ - ВАШ ТЕКСТ</td></tr></table></td></tr></table></td><td>&nbsp;</td></tr> <tr><td vAlign=bottom width=150 height=150><img src="http://s012.radikal.ru/i321/1104/73/f54692697e63.jpg"></td><td>&nbsp;</td><td align=right vAlign=bottom width=150 height=150><img src="http://s52.radikal.ru/i136/1104/c6/6cd2d696f51d.jpg"></td></tr></table></td></tr></table>
Посмотреть большой образец
<table width=100% height=100% border=0 cellpadding=2 cellspacing=0 bgcolor=#778899><tr><td> <table width=100% height=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#7D8BB5 background="http://s41.radikal.ru/i091/1104/2e/c6c469445126.jpg"><tr><td vAlign=top width=150 height=150><img src="http://s59.radikal.ru/i166/1104/97/0f462743eda5.jpg"></td><td>&nbsp;</td><td align=right vAlign=top width=150 height=150><img src="http://s11.radikal.ru/i184/1104/30/1767b59e82fa.jpg"></td></tr><tr><td>&nbsp;</td><td><table width=100% height=100% border=0 cellpadding=3 cellspacing=0 bgcolor=#AAAABF><tr><td> <table width=100% height=100% border=0 cellpadding=0 cellspacing=12 bgcolor=#E4E4E9><tr><td vAlign=top>ЗДЕСЬ - ВАШ ТЕКСТ</td></tr></table></td></tr></table></td><td>&nbsp;</td></tr><tr><td vAlign=bottom width=150 height=150><img src="http://s003.radikal.ru/i204/1104/08/b9cfa64616b3.jpg"></td><td>&nbsp;</td><td align=right vAlign=bottom width=150 height=150><img src="http://s51.radikal.ru/i133/1104/51/d737a9af1472.jpg"></td></tr></table></td></tr></table>
Посмотреть большой образец

Примечания (это уже в основном для тех, кто разбирается в html):

Все графические элементы дизайна сохранены на radikal.ru. Если вы считаете, что оттуда файлы грузятся слишком долго, пересохраняйте их к себе (на ваш страх и риск :p. И не забудьте в этом случае переписать урлы в коде)
Во всех кодах ширина таблицы задана 100% и при этом указано выравнивание таблицы align=center. Это сделано исключительно для вашего удобства. Если захотите уменьшить ширину, просто измените table width=100% - сделайте не 100%, а, например, 60%.
Если в ячейках таблиц нет картинок - только бэкграунд - тогда в них либо вписана точка, код неразрывного пробела (&nbsp;), либо вставлен файл этого же бэкграунда. Это сделано для подстраховки: некоторые старые браузеры не отображают в пустых ячейках фон. .

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




Связаться с программистом сайта.

Новые книги авторов СИ, вышедшие из печати:
С.Гатаулин "Вирусапиенс" Е.Звездная "Хелл.Обучение наемницы" Е.Малиновская "Демон-хранитель. Сделка" А.Флим "Я - лорд звездной империи" А.Кувайкова "Друзей не выбирают. Эпизод 1" А.Вербицкий "Испытания на прочность" И.Сафина "Принц для роскошной женщины" А.Илларионова "Оборотни Его Величества" М.Князев "Полный набор-5. Бог Дракон" А.Баренберг "Вторым делом самолеты. Выйти из тени Сталина!" В.Гвор "Прорыв выживших. Враждебные земли" Ю.Скуркис "Роковое наследие" А.Радов "Изгой: Начало пути" В.Горъ "Граф-3. Клинок его Величества" В.Хватов "Ядерная осень" А.Валерьев "Объект Родина" В.Коротин "Броненосцы победы" Я.Денисенко "Закон сильного" О.Виноградова "Непристойное предложение" М.Михеев "Путь домой" Е.Никольская "Мой огненный и снежный зверь" О.Шовкуненко "Оружейник-2. Бой без правил" В.Поляков "Чернокнижник" О.Говда "Рыцарь" Ю.Иванович "Лиходеи Апокалипсиса" Н.Кузьмина "Летящая против ветра" В.Поселягин "Я - истребитель"

Как попасть в этoт список

Сайт - "Художники"
Доска об'явлений "Книги"