Андреева Марина. Оформление раздела на "Самиздате"

ОФОРМЯЛЕМ СВОЙ РАЗДЕЛ!

Итак, неоднократно ответив на вопросы знакомых по СИ авторов, я взяла на себя смелость создать этакий FAQ на темку оформления авторских разделов на Самиздате. Аналогичные темы, конечно же есть и у других авторов, однако возможно что-то полезное найдётся и в моей писанине =)

Конечно же, главным является не внешний вид раздела, а его содержание, и в этом я вам помочь вряд ли смогу, максимум если позволит время и Вы, дорогие гости изъявите такое желание, я могу вычитать ваши тексты. Замечу сразу, если будет не слишком интересно (именно для меня, т.к. другим, возможно, ваши творения будут казаться гениальными), то я максимум укажу пару тройку ошибок и общее мнение об осиленном фрагменте. Принимать к вниманию мои комменты или нет - дело личное, своё мнение я никому не навязываю, сама не идеальна, да и всем мил не будешь.

Но я отвлеклась. Вернёмся к нашим барашкам, а точнее оформлению разделов на СИ. Что не говори, приятнее зайти на что-то ухоженное словно цветник, нежели серое и безжизненное как унылое пепелище. Те, кто не согласен, может закрыть эту статью и дрейфовать дальше по просторам СИ, те же, кто заинтересовался - оставайтесь! Будет что-то не понятно - задавайте вопросы, как только вырвется свободная минутка, с удовольствием отвечу (если буду знать ответ).

Для заливки основной страницы раздела, а так же основного фона наших произведений и обсуждений к ним, потребуются бесшовные фоны для сайтов, небольшую подборочку которых я приведу ниже. А пока нам надо понять, что необходимо сделать для изменения внешнего вида наших страничек, и как это сделать не имея администраторского доступа и навыков в программировании. Скажу сразу: немного усидчивости и результат вас обязательно порадует!

Нам понадобится:

1.) Ваш раздел на СИ.

2.) Онлайн генератор HTML цветов - http://mainspy.ru/kod_cveta_html

3.) Немного терпения и фантазии.

ГЛАВНАЯ СТРАНИЦА РАЗДЕЛА.

В панели управления вашим пространством на СИ, находим ссылку - [Сведения о разделе], входим.

Как и чем заполнять контент раздела, я говорить не буду, остановимся только на оформлении. Здесь нас интересует Annotation (аннотация), в окошке для ввода данных справа Вы раннее уже ввели некие данные о своём разделе, а возможно еще и добавили какие-то счётчики посещений, длительности своего пребывания на Самиздате, забавные картинки с просьбами ставить оценки, оставлять отзывы и прочее. На всякий случай чтобы не повредить имевшуюся ранее информацию скопируйте её в новый документ ворд или блокнот и сохраните.

Например, у меня (здесь: http://samlib.ru/editors/a/andreewa_m_a/ ) изначально был такой текст: "Пишу много, пишу о разном, жажду увидеть ваши отзывы и оценки. Просьба с уважение относиться к моим трудам, и комментам оставленным гостями моего раздела. И приятного чтения!" - вот его я и сохранила бы, ну а вы соответственно что-то своё.

Теперь когда текст сохранён, мы смело можем начать редактирование не боясь безвозвратно потерять данные. Так как окошко аннотации не слишком большое, то редактировать в нём не очень удобно, лучше это делать в отдельном файле, позднее перенося готовый вариант аннотации на сайт для просмотра.

1. Добавляем фрагмент кода, отвечающего за основные используемые шрифты на главной страничке нашего раздела:

body text="#015316"

font color="#151111"

alink="#077405"

link="#3033F5"

vlink="#A816BB"

body bgcolor="C2C2C2"

background=http://img-fotki.yandex.ru/get/6423/129574434.a4/0_fa18b_2bcc55ff_XL

Другой вариант:

Выше приведены примеры. Вы должны выбрать первоначально понравившийся вам фон для главной странички раздела. Желательно чтобы он был не слишком контрастный, иначе невозможно будет подобрать такие цвета текстов, чтобы их можно было без труда различить. Образцы фонов приведены ниже. Сначала приводится ссылка, потом пример изображения данного фона. Ваша задача вставить приведённую над изображением ссылку в продолжение данного тега: background=

Значение остальных тегов подробно расписывать не буду, скажу лишь что это цвета ваших шрифтов на Главной странице раздела. Можно конечно их не менять (удалив внутри <> всё кроме тега background= и его значения), но в некоторых случаях текст может слиться с фоновым рисунком и стать нечитабельным, вот для этого мы и используем эти теги, а находящиеся внутри скобочек код (например - #B17413) - заменяем на нужный нам. Выбрать его можно в онлайн генераторе HTML цветов - http://mainspy.ru/kod_cveta_html

Единственное на чём заострю внимание, это ТЕГ body bgcolor - его значение это цвет фона стандартных СИ панелек, но к сожалению, заменить его не так просто. Иногда заданный вами цвет меняется, иногда - нет, тут уж как карме вашего раздела будет угодно.

ВНИМАНИЕ: открывающая и закрываю скобки кода (<>) - ОБЯЗАТЕЛЬНЫ!

2. Текст заключаем в специальные ТЕГИ, пример приведён ниже:

НАШ ТЕКСТ

Где:

- открывающий тег делающий находящийся внутри текст - жирным (если вам это не нужно, удалите соответствующие открывающий и закрывающий теги);

- соответственно закрывающий тег;

- перенос на следующую строку (это позволяет разделить абзацы, отделить картинки);

- этот тег отвечает за то, какого цвета будет наш текст. Можно конечно оставить эти параметры и без изменений, но всё зависит от выбранного вами фона. В некоторых случаях текст может слиться с фоновым рисунком и стать нечитабельным, вот для этого мы и используем этот тег, а находящийся внутри скобочек код #B17413 - заменяем на нужный нам. Выбрать его можно в онлайн генераторе HTML цветов - http://mainspy.ru/kod_cveta_html

- соответственно закрывающий ТЕГ.

ВНИМАНИЕ - ЗАКРЫВАЮЩИЕ ТЕГИ ОБЯЗАТЕЛЬНЫ!

Аналогично нужно будет поступить и с аннотациями к вашим произведениям, иначе текст так же может оказаться не читабелен. Но стоит учитывать какой фон у вас задан на страничках, где выложены сами произведения. Ведь аннотация будет отображаться в заданной цветовой палитре, как на главной страничке, так и в оглавлении вашего произведения.

К сожалению, я не нашла тег отвечающий за смену цвета в текстах типа: "Об авторе:", "Начните знакомство с:", если кто-то найдёт, поделитесь информацией в обсуждении, буду весьма признательна!

ОФОРМЛЕНИЕ СТРАНИЦ С НАШИМИ ПРОИЗВЕДЕНИЯМИ И ОБСУЖДЕНИЯМИ К НИМ.

Собственно это делается по аналогии с ранее описанной процедурой, но уже внутри аннотации к произведению, а не к разделу.

Отдельно остановлюсь ещё на нескольких моментах, о которых неоднократно спрашивали.

1.) Обновление файлов с сохранением исходного форматирования: жирностью текста, центровкой, распределение текста по ширине, цветом и прочее.

Я и сама когда-то забывала об этом нюансе, и очень страдала, так как при обновлении файла через текстовый редактор, слетали абзацы, да и вообще текст был не очень приятен для глаза.

Для этого заходим по ссылке Edit, в редактирование информации к тому произведению, которое желаем обновить, копируем имеющуюся там аннотацию и всё что приписано (например, описанное выше форматирование), запоминаем с точности до каждого знака название произведения, выходим из режима редактирования. Идём в панель управления разделом, нажимаем на кнопочку [Добавить произведение], сразу вставляем в соответствующее окошко нашу аннотацию, заполняем поля "Имя файла" и "Заглавие" по аналогии с тем как они были заполнены в старом файле. Выбираем Форму, Жанр, Группу к которым будет относиться произведение, СТАВИМ ГАЛОЧКУ "V" В ПОЛЕ - ПОВЕРХ СТАРОГО! Затем внизу диалогового окна жмём: "Выбрать файл" и выбираем наш обновлённый файлик на компьютере. По желанию меняем настройки возможности оставлять комментарии, оценки, скачивать в формате fb2. И жмём Store - т.е. сохранить.

Алилуя! Наш файлик обновлён, все старые оценки и комментарии сохранились, так же как и форматирование обновлённого файлика.

2.) Как выделить цветом фрагмент текста в Аннотации информирующий например об обновлении файла.

Добавляем в начале текста тег: , где Red заменяем при желании на Blue, Green и т.д. И завершаем выделяемый фрагмент закрывающим тегом:

Пример:

Текст временно изъят из общего доступа.

Приношу извинения за доставленные неудобства.

Где тег , использованный мной, как уже ранее говорилось, позволяет переносить последующую информацию на следующую строчку.

3.) Как добавить к аннотации картинку с изображение обложки, или иллюстрации к вашему произведению?

Ну, во-первых, загрузите её через меню edit данного произведения. Во-вторых, кликните по готовому, загруженному изображению правой клавишей, выберите пункт "Копировать адрес изображения" и вставьте его в какой-нибудь временный файлик, этот адрес нам понадобится в дальнейшем. Допустим получился следующий адрес: http://samlib.ru/img/a/andreewa_m_a/wegaprimer/333.jpg . Теперь его надо преобразовать в понятный нашему интернет ресурсу язык. Для этого добавьте к вашему адресу теги, как показано в примере ниже:

В итоге картинка вставится и облепится 0x01 graphic

со всех сторон текстом, если вы хотите отделить её от прочего содержимого странички, то с нужной стороны добавьте тег - , например чтобы картинка разместилась на следующей, за текстом строке:

То поставьте в начале и в конце кода:

Для того чтобы текст не прилипал вообще, добавьте такой же тег в конце:

Получится так:

Но есть и иные варианты. Например мы хотим, чтобы картинка была слева, а текст справа от неё:

Можете заменить значение положения по своему усмотрению - на право.

Допустим, мы желаем, чтобы картинка вписывалась в интерфейс нашей странички и обводилась рамкой в стандартной цветовой гамме. Добавляем тег: border="5" (значение выбирайте сами)

И последнее. Ура! Мы загрузили картинку, но она слишком большая или маленькая... что делать? Добавляем ещё один тег: width="420" значение подберёте сами, как вам больше нравится, а второй параметр изменится автоматически в пропорции к размеру исходного файла. Итак, конечный код нашей отформатированной картинки будет выглядеть так:

Его-то мы и добавляем в аннотацию к произведению, желательно чтобы этот код предшествовал основному тексту.

Комментарии: 28, последний от 22/11/2017. © Copyright Андреева Марина (marina_andreev@bk.ru) Размещен: 13/05/2014, изменен: 23/03/2022. 73k. Статистика. Статья: РАЗНОЕ - ПОЛЕЗНОЕ! Иллюстрации/приложения: 185 шт. Скачать FB2		Оценка: *8.6310** Ваша оценка:
Аннотация: Статья о том, как самостоятельно оформить свой раздел на СИ, не прибегая к стандартным шаблонам. Всё расписано подробно и по шагам, в доступной даже ребенку форме. От вас требуется лишь внимательность и желание! Здесь же имеются образцы фонов для вашего раздела. Оценки к материалу и обсуждения - приветствуются!

Андреева Марина : другие произведения.

Оформление раздела на "Самиздате"