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

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

Журнал "Самиздат": [Регистрация] [Найти] [Рейтинги] [Обсуждения] [Новинки] [Обзоры] [Помощь]
Peклaмa:
Конкурс фантастических романов "Утро. ХХII век"
Конкурсы романов на 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 А.Ригерман "Когда звезды коснутся Земли"(Научная фантастика) М.Зайцева "Трое"(Постапокалипсис) Б.Батыршин "Московский Лес "(Постапокалипсис) Н.Трейси "Селинда. Будущее за тобой"(Научная фантастика) Д.Черепанов "Собиратель Том 3"(ЛитРПГ) Р.Цуканов "Серый кукловод. Часть 1"(Киберпанк) В.Свободина "Прикованная к дому"(Любовное фэнтези) А.Минаева "Академия Алой короны. Обучение"(Боевое фэнтези) М.Лаванда "Босс-Оборотень для Белоснежки"(Любовное фэнтези) М.Атаманов "Искажающие реальность-5"(ЛитРПГ)
Связаться с программистом сайта.

Новые книги авторов СИ, вышедшие из печати:
Д.Иванов "Волею богов" С.Бакшеев "В живых не оставлять" В.Алферов "Мгла над миром" В.Неклюдов "Спираль Фибоначчи.Вектор силы"

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