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

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

Самиздат: [Регистрация] [Найти] [Рейтинги] [Обсуждения] [Новинки] [Обзоры] [Помощь|Техвопросы]
Ссылки:


  • Аннотация:
    Все проверено на собственном опыте и занесено в Путеводитель.


Вы хотите оригинально оформить свое произведение - стихи или прозу? Воспользуйтесь одним из предложенных ниже ваиантов дизайна. Для этого вам не нужно знать 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;), либо вставлен файл этого же бэкграунда. Это сделано для подстраховки: некоторые старые браузеры не отображают в пустых ячейках фон.





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

Новые книги авторов СИ, вышедшие из печати:
О.Болдырева "Крадуш. Чужие души" М.Николаев "Вторжение на Землю"

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