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

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


Вы хотите оригинально оформить свое произведение - стихи или прозу? Воспользуйтесь одним из предложенных ниже ваиантов дизайна. Для этого вам не нужно знать 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 width="50" height="49"></td> <td >.</td><td width="50" height="49"><img width="50" height="49"></td></tr><tr><td >.</td><td bgcolor=#E4CB9E > <br>ЗДЕСЬ - ВАШ ТЕКСТ.<br></td><td >.</td></tr><tr><td width="50" height="49"><img width="50" height="49"></td><td >.</td><td width="50" height="49"><img 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 width="85" height="85"></td> <td >.</td> <td width="85" height="85"><img width="85" height="85"></td></tr><tr><td ></td><td ><br>ЗДЕСЬ - ВАШ ТЕКСТ.<br> </td> <td >.</td></tr> <tr><td width="85" height="85"><img width="85" height="85"></td> <td ></td> <td width="85" height="85"><img 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 width="26" height="50"></td><td height="50" ><img width="141" height="50"></td> <td width="26"><img width="26" height="50"></td></tr><tr><td vAlign=bottom ><img width="26" height="150"></td> <td>ЗДЕСЬ - ВАШ ТЕКСТ.</td><td vAlign=top ><img width="26" height="150"></td></tr><tr><td><img width="26" height="40"></td><td height="40" align=right ><img width="150" height="40"></td><td><img 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 width="155" height="155"></td> <td ><img ></td> <td width="155" height="155"><img width="155" height="155"></td> </tr> <tr> <td ><img ></td> <td vAlign="top">ЗДЕСЬ - ВАШ ТЕКСТ</td> <td ><img ></td> </tr> <tr> <td width="155" height="155"><img width="155" height="155"></td> <td ><img ></td> <td width="155" height="155"><img 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 width="163" height="98"></td><td height="98"><img width="1" height="98"></td> <td width="163" vAlign=top><img width="163" height="98"></td> </tr><tr><td vAlign=top ><img width="163" height="295"></td> <td rowspan="2" vAlign=top>ЗДЕСЬ - ВАШ ТЕКСТ</td><td vAlign=top ><img width="163" height="295"></td> </tr><tr><td vAlign=bottom ><img width="163" height="295"></td><td vAlign=bottom ><img width="163" height="295"></td> </tr><tr><td vAlign=bottom height="98"><img width="163" height="98"></td><td ><img width="1" height="98"></td> <td vAlign=bottom height="98"><img 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 ></td><td >&nbsp;</td><td align=right vAlign=top width=64 height=64 bgcolor=#E6AC4><img ></td></tr>
<tr><td >&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 >&nbsp;</td></tr> <tr><td vAlign=bottom width=64 height=64 bgcolor=#E6AC4><img ></td><td >&nbsp;</td><td align=right vAlign=bottom width=64 height=64 bgcolor=#E6AC4><img ></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 ><tr><td vAlign=top width=150 height=150><img ></td><td>&nbsp;</td><td align=right vAlign=top width=150 height=150><img ></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 ></td><td>&nbsp;</td><td align=right vAlign=bottom width=150 height=150><img ></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 ><tr><td vAlign=top width=150 height=150><img ></td><td>&nbsp;</td><td align=right vAlign=top width=150 height=150><img ></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 ></td><td>&nbsp;</td><td align=right vAlign=bottom width=150 height=150><img ></td></tr></table></td></tr></table>
Посмотреть большой образец

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

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





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

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

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

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