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

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

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

Конкурсы романов на Author.Today
Женские Истории на ПродаМан
Рeкл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 Кин "Система Возвышения. Метаморф!"(ЛитРПГ) Кин "Новый мир. Цель - Выжить!"(Боевая фантастика) А.Дмитриев "Прокачаться до Живого"(ЛитРПГ) А.Демьянов "Горизонты развития. Адепт"(ЛитРПГ) В.Василенко "Стальные псы 4: Белый тигр"(ЛитРПГ) С.Суббота "Наследница Альба ( Альфа-самец и я)"(Любовное фэнтези) О.Дремлющий "Тектум. Дебют Легенды"(ЛитРПГ) В.Старский ""Темная Академия" Трансформация 4"(ЛитРПГ) А.Эванс "Проданная дракону"(Любовное фэнтези) М.Атаманов "Искажающие реальность-5"(ЛитРПГ)
Хиты на ProdaMan.ru Баба с возу, кобыле скучно! Книга 1. Анабель Ли (Anabelle Leigh)Лили. Сезон первый. Анна ОрловаОдним днем. Ольга ЗимаМоре счастья. Тайна ЛиОхота на серую мышку. Любовь ЧароПо ту сторону от тебя. Алекс ДАртефакт для практики. Юлия ХегбомАномальная любовь. Елена ЗеленоглазаяЧудовище Карнохельма. Суржевская Марина \ Эфф ИрМоя другая половина. Лолита Моро
Связаться с программистом сайта.

Новые книги авторов СИ, вышедшие из печати:
С.Лыжина "Драконий пир" И.Котова "Королевская кровь.Расколотый мир" В.Неклюдов "Спираль Фибоначчи.Пилигримы спирали" В.Красников "Скиф" Н.Шумак, Т.Чернецкая "Шоколадное настроение"

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