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

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

Журнал "Самиздат": [Регистрация] [Найти] [Рейтинги] [Обсуждения] [Новинки] [Обзоры] [Помощь]
Peклaмa:
Литературные конкурсы на Litnet. Переходи и читай!
Конкурсы романов на Author.Today

Конкурс фанфиков на Фикомании
Продавай произведения на
Peклaмa
  • Аннотация:
    Все проверено на собственном опыте и занесено в Путеводитель.


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

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

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

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

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



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



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



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



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



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


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


Почти все графические элементы дизайна сохранены на radikal.ru. Если вы считаете, что оттуда (и с прочих хостингов) файлы грузятся слишком долго/не грузятся вообще, то:
либо пересохраняйте их к себе*,
либо следите за своими текстами и сообщайте в комментариях, когда/если какой-либо элемент отвалился.
*Пересохранив элементы дизайна к себе, не забудьте переписать их урлы в коде, а также поблагодарить, поставив в своем разделе активную ссылку на эту статью.

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

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

<table width=100% border=0 cellpadding=0 cellspacing=0 align=center> <tr><td width="50" height="49"><img src="http://s43.radikal.ru/i101/1406/5d/1d45c9a94a37.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://s014.radikal.ru/i326/1411/a3/257b3ab1a4ec.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"> <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://s58.radikal.ru/i161/1209/68/fbe9d4186162.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://s020.radikal.ru/i700/1611/ce/e15a3c169a28.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://s014.radikal.ru/i329/1410/f0/55e133ea6650.gif" width="85" height="85"></td> <td background="http://s020.radikal.ru/i722/1301/ce/ad054800b4c0.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://s019.radikal.ru/i643/1406/47/501fc116d20e.jpg"><br>ЗДЕСЬ - ВАШ ТЕКСТ.<br> </td> <td background="http://s020.radikal.ru/i707/1501/89/5a1178c35a18.gif">.</td></tr> <tr><td width="85" height="85"><img src="http://s020.radikal.ru/i707/1501/89/5a1178c35a18.gif" width="85" height="85"></td> <td background="http://s017.radikal.ru/i437/1301/08/98db4bed8151.jpg"></td> <td width="85" height="85"><img src="http://s017.radikal.ru/i416/1411/cb/fbfce24d727c.gif" width="85" height="85"></td></tr> </table>
Посмотреть большой образец

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

<table width=100% border=0 cellpadding=0 cellspacing=0 align=center bgcolor=#FFFFFF><tr><td width="26"><img src="http://i065.radikal.ru/1301/54/59bc5ee7bdbe.gif" width="26" height="50"></td><td height="50" background="http://s54.radikal.ru/i143/1303/59/0f31e5476fe0.gif" ><img src="http://s58.radikal.ru/i161/1008/38/f7d8f7edb9fb.gif" width="141" height="50"></td> <td width="26"><img src="http://s019.radikal.ru/i621/1301/dd/c1f6689f8f02.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>ЗДЕСЬ - ВАШ ТЕКСТ.</td><td vAlign=top background="http://s40.radikal.ru/i089/1209/a1/1615589d76e0.gif"><img src="http://s40.radikal.ru/i089/1209/a1/1615589d76e0.gif" width="26" height="150"></td></tr><tr><td><img src="http://s50.radikal.ru/i128/1206/f3/ec32e54efb32.gif" width="26" height="40"></td><td height="40" align=right background="http://s002.radikal.ru/i198/1008/6a/48c7cc1a0890.gif"><img src="http://s014.radikal.ru/i326/1410/04/a476742611fa.gif" width="150" height="40"></td><td><img src="http://i019.radikal.ru/1305/87/6d1a28c527c7.gif" width="26" height="40"></td></tr></table>
Посмотреть образец с текстом

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

<table width=100% border=0 cellpadding=0 cellspacing=0 align=center bgcolor="#FBF4EA"> <tr> <td width="155" height="155"><img src="http://s04.radikal.ru/i177/1611/3b/4efb6beaa444.gif" width="155" height="155"></td> <td background="http://i051.radikal.ru/1209/fe/3c85ba64274c.gif"><img src="http://i051.radikal.ru/1209/fe/3c85ba64274c.gif"></td> <td width="155" height="155"><img src="http://s019.radikal.ru/i605/1611/4a/c67b516e63eb.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://s020.radikal.ru/i706/1611/bb/8b984d205bb2.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://s020.radikal.ru/i710/1611/5e/d779376ed6ba.gif" width="155" height="155"></td></tr></table>
Посмотреть большой образец

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

<table width=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#FFFFFF> <tr><td width="163" vAlign=top><img src="http://s019.radikal.ru/i639/1611/d6/7dba8314fdf2.gif" width="163" height="98"></td><td background="http://s48.radikal.ru/i119/1611/bd/5446d0af3b75.gif" height="98"><img src="http://s48.radikal.ru/i119/1611/bd/5446d0af3b75.gif" width="1" height="98"></td> <td width="163" vAlign=top><img src="http://s13.radikal.ru/i186/1611/aa/be9a854ea5fd.gif" width="163" height="98"></td> </tr><tr><td vAlign=top background="http://s019.radikal.ru/i609/1611/52/755feef1721b.gif"><img src="http://s019.radikal.ru/i640/1611/79/0344d147f840.gif" width="163" height="295"></td> <td rowspan="2" vAlign=top>ЗДЕСЬ - ВАШ ТЕКСТ</td><td vAlign=top background="http://s020.radikal.ru/i722/1611/c6/3934b91374d6.gif"><img src="http://s001.radikal.ru/i193/1611/44/9f7ce67fc35e.gif" width="163" height="295"></td> </tr><tr><td vAlign=bottom background="http://s019.radikal.ru/i609/1611/52/755feef1721b.gif"><img src="http://s019.radikal.ru/i612/1611/92/617f3945be3d.gif" width="163" height="295"></td><td vAlign=bottom background="http://s020.radikal.ru/i722/1611/c6/3934b91374d6.gif"><img src="http://s015.radikal.ru/i333/1611/2e/30b23a130422.gif" width="163" height="295"></td> </tr><tr><td vAlign=bottom height="98"><img src="http://s019.radikal.ru/i623/1611/62/1e5d3fb3fc2a.gif" width="163" height="98"></td><td background="http://s010.radikal.ru/i314/1611/30/38ebc6199bf3.gif"><img src="http://s010.radikal.ru/i314/1611/30/38ebc6199bf3.gif" width="1" height="98"></td> <td vAlign=bottom height="98"><img src="http://s020.radikal.ru/i703/1611/27/02c4af63ae4d.gif" width="163" height="98"></td></tr></table>
Посмотреть образец с текстом

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

Задолбавшись в 100500 раз перезаливать детальки, выкладываю на РУпапку исходник дизайна. Делайте, с ним что хотите (но не удаляйте коммент автора в коде).

Посмотреть образец с текстом

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

<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://s001.radikal.ru/i194/1301/5e/cb012c1cdcd8.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://s001.radikal.ru/i194/1301/5e/cb012c1cdcd8.gif"></td></tr>
<tr><td background="http://s017.radikal.ru/i433/1302/cb/bc55bf420d93.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://s017.radikal.ru/i433/1302/cb/bc55bf420d93.gif">&nbsp;</td></tr> <tr><td vAlign=bottom width=64 height=64 bgcolor=#E6AC4><img src="http://s001.radikal.ru/i194/1301/5e/cb012c1cdcd8.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://s001.radikal.ru/i194/1301/5e/cb012c1cdcd8.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://s019.radikal.ru/i609/1302/e2/c37259c07a98.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://s005.radikal.ru/i210/1308/6a/1789b06420a8x.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://s014.radikal.ru/i327/1410/7e/12bdf23a7a30.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://s019.radikal.ru/i639/1406/d1/ea8b55a5cfbb.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):

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





Популярное на LitNet.com Л.Лэй "Над Синим Небом"(Научная фантастика) В.Кретов "Легенда 5, Война богов"(ЛитРПГ) А.Кутищев "Мультикласс "Турнир""(ЛитРПГ) Т.Май "Светлая для тёмного"(Любовное фэнтези) С.Эл "Телохранитель для убийцы"(Боевик) К.Юраш "Процент человечности"(Антиутопия) Д.Сугралинов "Дисгардиум 3. Чумной мор"(ЛитРПГ) А.Светлый "Сфера 5: Башня Видящих"(Уся (Wuxia)) М.Атаманов "Искажающие реальность"(Боевая фантастика) В.Коломеец "Колонизация"(Боевик)
Связаться с программистом сайта.

Новые книги авторов СИ, вышедшие из печати:
И.Мартин "Твой последний шазам" С.Лыжина "Последние дни Константинополя.Ромеи и турки" С.Бакшеев "Предвидящая"

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