Вы здесьЗнатокам (и любителям) css - новая фича!
Опубликовано сб, 17/12/2011 - 03:24 пользователем golma1
Forums: Возникший недавно разговор о том, что текст книги на сайте выглядит не слишком презентабельно, привёл к новой фиче. Знатокам просьба выложить полученный результат, чтобы и остальные, не слишком искушённые в этом деле, могли воспользоваться результатами.
|
Вход на сайтПоиск по блогам и форумамUser menuПоследние комментарии
weis RE:Подайте бедному копеечку на книжку с литреса... 1 день
Саша из Киева RE:Горящие паруса 2 дня Саша из Киева RE:Американская мозаика 3 дня weis RE:Прошу переформатировать, распознать, etc... 3 дня babajga RE:Осторожно - волшебное! 5 дней Саша из Киева RE:Улыбнись, малыш! 6 дней Саша из Киева RE:Букет колючек 1 неделя alexej36 RE:Maxima-library - переезд 1 неделя Саша из Киева RE:Анфас и в профиль 1 неделя Саша из Киева RE:Три минуты истории 1 неделя Саша из Киева RE:С того света 1 неделя darkvova RE:librusec.pro 1 неделя Саша из Киева RE:Счастливая скамейка 2 недели Саша из Киева RE:Помни их имена 2 недели Саша из Киева RE:Приятное с полезным 2 недели sem14 RE:Плохой, негодный файл. 2 недели nehug@cheaphub.net RE:There is no option to read the book 2 недели nehug@cheaphub.net RE:Доступ 2 недели Впечатления о книгах
ikravtso про Андрей Михайлович Дышев
31 05 На этой странице куча (как минимум 6) книг-дублей с разными названиями. Если уж заливаете книгу, издававшуюся под разными названиями (издатели - гады!), то хотя бы указывайте все эти названия, чтобы зря не качать.
Sello про Митчелл: Голодный дом [Slade House ru] (Социальная фантастика, Фантастика: прочее)
31 05 Блин, занесло меня в тот жанр, что никоим боком не прислонился к моим интересам. Энергетические хищники, каждые 9 лет заманивающие в свой виртуальный дворец "одаренных" личностей и подпитывающиеся их "я". Короче, как и ожидалось, ……… Оценка: плохо
obivatel про Первухин: Сиротка. Книга 6 [СИ] (Фэнтези, Попаданцы, Самиздат, сетевая литература)
31 05 Ну, уровень 4-6 книг примерно равный, разве что к концу автор решил по-быстрому закруглиться и окончание вышло скомканным, как по мне. Оценка: неплохо
geys про Тимошенко: Гадючий Яр [СИ litres] (Ужасы, Детективы: прочее, Самиздат, сетевая литература)
31 05 Понравилось, но некоторые моменты автору стоило прояснить до конца. Оценка: отлично!
decim про Ледиг: Я возвращаюсь к себе [litres] (Современная проза)
30 05 Они даже хотели запихнуть меня в дом престарелых" - вот и первый признак халтуры, вездесущие "они" вместо безличного оборота, например "меня хотели даже запихнуть..." До таких же вездесущих "уставился, гадая" уже неинтересно добираться. Без оценки.
Дей про Скабер: Проклятый лекарь. Род. Книга 1 [СИ] (Боевая фантастика, Попаданцы, Самиздат, сетевая литература)
27 05 Ищу сейчас чего почитать. Эта книга третья, которую я открываю. Во всех трёх первое, что описывает попаданец - сиськи. Ну то есть он приходит в себя, открывает глаза и тут или над ним склоняется девушка (СИСЬКИ!!) или входит ………
Дей про Книжник
27 05 Не смогла. Автор слишком много времени уделяет описанию баб и что шевелится у него в паху. Эротические... переживания должны быть уместны, а не в каждом третьем абзаце.
obivatel про Первухин: Сиротка. Книга 4 [СИ] (Фэнтези, Попаданцы, Самиздат, сетевая литература)
26 05 2 mig2009 : Это больше похоже на черновик, т.е. автор излил поток сознния и его только предстоит вычитывать и править. . По демографии, вы не совсем правы, возможен вполне рабочий вариант: если один, максимум два ребенка, ……… Оценка: хорошо
bp306 про Кощеев: Имперец. Кн. 1-5 [СИ: компиляция] (Альтернативная история, Фэнтези, Самиздат, сетевая литература)
25 05 Простенький боевичок. У меня пропал интерес после фразы гг: я не очень интересовался магией… После этого читать книгу о магическом мире стала незачем. Оценка: плохо
alexk про Путилов: Постовой [litres] (Альтернативная история, Героическая фантастика, Попаданцы)
24 05 2stepanko: "Интерме́дия (от лат. intermedius «находящийся посередине») — небольшая пьеса или сцена, обычно комического характера, разыгрываемая между действиями основной пьесы (драмы или оперы); то же, что и интерлюдия («междудействие»).
polyn про Лунёва: Мигуми [СИ] (Любовная фантастика, Самиздат, сетевая литература)
23 05 Понравилось. Достойная книга в жанремкосмической фантастики. Оценка: отлично!
bekhan про Сапегин: Я — Дракон! [HL] (Боевая фантастика, Фэнтези)
23 05 Отличная книга! Продолжение тоже на уровне! Оценка: отлично! |
Отв: Знатокам (и любителям) css - новая фича!
Я тупо добавил в конец h3.book {text-align : center;} и всё отцентровалось.
Можен надо F5 или CtrlF5?
Отв: Знатокам (и любителям) css - новая фича!
Да. всё забегало нормально:
Отв: Знатокам (и любителям) css - новая фича!
в общем - запутался я. Одну книгу настраиваю - всё настраивается и центровка и цвет и фон:
открываю другую книгу - изменился только фон
http://s017.radikal.ru/i407/1112/f9/da08edba99a0.jpg
Отв: Знатокам (и любителям) css - новая фича!
Если имеется ввиду центрирование заголовков, то там есть нюанс:
В первом случае заголовок:
<h3 class="book">
соответственно, правило
h3.book {text-align : center;}
работает.
Во втором же случае:
<h3 class="title">
и правило на него не распространяется.
Нужно добавить, например:
h3.title {text-align : center;}
Отв: Знатокам (и любителям) css - новая фича!
Точно.
А строка:
h5.subtitle {text-align : center;}
А до этого никак не хотело.
Отв: Знатокам (и любителям) css - новая фича!
Спасибо! забегало!
Отв: Знатокам (и любителям) css - новая фича!
Как уже было отмечено, в книгах, залитых давно, код несколько отличается.
Поэтому, чтобы центрирование заголовков и прочие атрибуты работали и в них, лучше продублировать определения h3.title и h5.subtitle и в виде h3.book и h5.book.
У меня получается примерно так:
H3.title{ font-size : 150%; font-style : normal; font-weight : bold; text-align : center; padding-top : 12px; padding-bottom : 3px;} /* Title */
H3.book { font-size : 150%; font-style : normal; font-weight : bold; text-align : center; padding-top : 12px; padding-bottom : 3px;} /* Title */
H5.subtitle{ font-size : 100%; font-weight : bold; text-align : center; padding-top : 9px; } /* SubTitle */
H5.book { font-size : 100%; font-weight : bold; text-align : center; padding-top : 9px; } /* SubTitle */
Теперь работает и в свежих, и в давних книгах.
Можно еще указать, чтобы подписи авторов в цитатах/эпиграфах/стихах прижимались к правому краю:
blockquote.text-author { text-align : right; padding-right : 50%; }
Отв: Знатокам (и любителям) css - новая фича!
Подскажите как сделать центровку графических вложений?
Отв: Знатокам (и любителям) css - новая фича!
Открыл одну книгу и офигел: картинки по центру. Хотя и не все.
Потом вспомнил. Я в ней в качестве эксперимента вензеля между разделами поместил так:
<subtitle><image l:href="#i_001.jpg"/></subtitle>
Так эти картиночки теперь прекрасно центруются. Как и положено subtitle.
А как со стандартными картинками быть? Не знаю. Но уверен, что знающие люди найдутся.
Отв: Знатокам (и любителям) css - новая фича!
Посмотрел код насчет центрирования графики, - там совсем просто не получится.
Картинки слишком по разному вставлены в книгу.
Как я вижу, обсуждаемый пользовательский css, добавляется последним в head секцию и влияет на всю страницу, в шаблоне для чтения.
Для этой книги http://lib.rus.ec/b/266299/read наиболее универсальным, ИМХО, будет следующий код:
div.clear-block img {margin:10px auto;display:block; }
div.clear-block p img {margin:0;display:inline; }
Первое правило центрирует все картинки, а второе возвращает на место буквицы.
А вот как оно будет работать в других книгах, зависит от форматирования.
Отв: Знатокам (и любителям) css - новая фича!
Пойду переделаю, пока не залил.
Отв: Знатокам (и любителям) css - новая фича!
хотел сделать блочную цитату - не показывает. что не так?
blockquote.style2 {
font: 14px/22px normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid #ccc;
}
Отв: Знатокам (и любителям) css - новая фича!
А что за .style2 ? Кто его должен показывать?
Вот обычная цитата из кода со страницы чтения /read:
<blockquote class="cite">
<p class="book" data-n="170">Иже и свято, взойдяше на холмы, подаше книге Воздухе…</p>
</blockquote>
Если переопределить blockquote.cite, то цитата будет выглядеть по-своему. А где используется style2?
Отв: Знатокам (и любителям) css - новая фича!
блин. это жеж его нужно назначить..
Отв: Знатокам (и любителям) css - новая фича!
Ой, а я сдуру решила, что моих скромных познаний в css хватит, чтобы попробовать свои силы.
А тут такие тонкости.
Спасибо знатокам.
Отв: Знатокам (и любителям) css - новая фича!
Прошу оценить наборчик:
<style>
BODY { text-align : justify }
p.book {text-indent: 30px; margin-bottom: 0pt; margin-top: 0pt; text-align : justify; }
H1.book { font-size : 160%; font-style : normal; font-weight : bold; text-align : right; } /* Book title */
H1.title{ font-size : 160%; font-style : normal; font-weight : bold; text-align : right; } /* Book title */
H2.book { font-size : 100%; font-style : normal; font-weight : bold; text-align : center; } /* Author, не используется */
H3.book { font-size : 150%; font-style : normal; font-weight : bold; text-align : center; padding-top : 12px; padding-bottom : 3px;} /* Title */
H3.title{ font-size : 150%; font-style : normal; font-weight : bold; text-align : center; padding-top : 12px; padding-bottom : 3px;} /* Title */
H5.book { font-size : 110%; font-weight : bold; text-align : center; padding-top : 9px; } /* SubTitle */
H5.subtitle{ font-size : 110%; font-weight : bold; text-align : center; padding-top : 9px; } /* SubTitle */
BLOCKQUOTE { margin : 0.2em 4em 0.2em 4em }
DIV.book { text-align : left }
DIV.poem { margin-right : 25%; margin-left : 33%; margin-bottom : 0.8em; margin-top : 0.8em; }
DIV.stanza { margin: 0.8em 0}
BLOCKQUOTE.cite { margin-bottom : 0.2em; margin-top : 0.2em; }
BLOCKQUOTE.epigraph {margin-right : 5em; margin-left : 50%;}
BLOCKQUOTE.text-author { text-align : right; margin-right : 10%; margin-bottom : 0.3em; }
</style>
Заголовки и подзаголовки по центру, стихи тоже смещены к центру, а эпиграфы на правую половину.
Wotti, убери первый вариант, пожалуйста.
Отв: Знатокам (и любителям) css - новая фича!
Очень нравится.
Спасибо.
Отв: Знатокам (и любителям) css - новая фича!
Спасибо! Очень симпатично.
А нельзя ли как-нибудь сделать так, чтобы в самом начале автор и название произведения писались в разных строчках, а не в одной, как это происходит сейчас?
Отв: Знатокам (и любителям) css - новая фича!
Это к Илье.
Тут настройкой стилей не обойтись.
Так сделано в html-коде. Между первой и второй строками нет тега
<br>
, как между остальными.Ну а пока, если это важно, можно делать в fb2 три строки:
• Имя [+Отчество] автора
• Фамилия
• Название книги
upd.
Или так:
• Имя [+Отчество] Фамилия
• пустая строка
• Название книги
Отв: Знатокам (и любителям) css - новая фича!
Я вообще автора и название не вывожу.
Но оно часто встречается в фб2, внутри body.
Зачем - не понимаю.
Верстальщики такие верстальщики.
В принципе можно попытаться выкусывать.
Отв: Знатокам (и любителям) css - новая фича!
Речь идет вот о чем.
В начале fb2 часто идет многострочный title c автором/ми и названием книги. Нужно это или нет, другой вопрос.
Так вот, первая и вторая строка всегда выводятся объединенно. А остальные нормально.
Например в http://lib.rus.ec/b/346079 сам fb2 содержит
Светлана Бестужева-Лада
ТУРЕЦКИЕ СТРАСТИ,
или
Сказка для девушек внешкольного возраста
без комплексов
Светлана Бестужева-Лада ТУРЕЦКИЕ СТРАСТИ,
или
Сказка для девушек внешкольного возраста
без комплексов
Ничего особенного делать и не нужно. Достаточно того, чтобы в генерируемом в html-коде между первой и второй строками тоже стоял тег
<br/>
, как и между остальными. А сейчас его нет, почему-то.<h3 class="title">
<span data-n="5" class="p">Светлана Бестужева-Лада</span>
<span data-n="6" class="p">ТУРЕЦКИЕ СТРАСТИ,</span>
<br/>
<span data-n="7" class="p">или</span>
<br/>
<span data-n="8" class="p">Сказка для девушек внешкольного возраста</span>
<br/>
<span data-n="9" class="p">без комплексов</span>
</h3>
Отв: Знатокам (и любителям) css - новая фича!
А зачем вообще шарашить метаинформацию внутрь body?
Для автора и названия книги есть своё место, и это отнюдь не title.
Отв: Знатокам (и любителям) css - новая фича!
Да кто его знает? Так исторически сложилось. И такой многострочный title (обычно в 2 строки) есть у подавляющего большинства книг. У более, чем 99% — точно. Да и не так важно, что в них содержится, в общем-то. Просто объединение первых двух строк в одну выглядит нелогично и некрасиво. Хотя это ни на что и не влияет, конечно.
Отв: Знатокам (и любителям) css - новая фича!
Не надо обобщать.
Есть масса книг, в которых сначала идёт "Об авторе", "Отзывы в прессе", "Предисловие", а только потом уже сам текст книги, перед которым обязательно должно быть ещё раз её название.
А в других случаях, как правильно сказал s_Sergius, - исторически сложилось. Предполагаю дело в том, что при открытии файла в редакторе названия не видно. Это неэстетично.
Отв: Знатокам (и любителям) css - новая фича!
Кстати, а можно (настройкой в CSS или ещё как) в /b/NNNNN/read перед текстом вывести что-то из description'а - аннотацию, history, ещё что?
Отв: Знатокам (и любителям) css - новая фича!
Добавлю, что БЕЗ заглавия в боди содержание в читалке выглядит так:
С заглавием мне нравится больше:
Отв: Знатокам (и любителям) css - новая фича!
(кто о чём, а вшивый о
бабахбане) А можно заодно как-то подключить встроенные в .fb2-книгу стили / stylesheet?Отв: Знатокам (и любителям) css - новая фича!
можно.
Отв: Знатокам (и любителям) css - новая фича!
И вопрос номер следующий: сделать "библиотечку стилей" - чтобы каждый сделавший CSS мог поделиться им с остальными?
Отв: Знатокам (и любителям) css - новая фича!
update
На странице http://lib.rus.ec/polka/css появилась возможность выбрать уже готовые варианты стилей.
Отв: Знатокам (и любителям) css - новая фича!
Если первую строчку в видоизменить так:
BODY {text-align : justify; background-color: #E2E2E2; }
то цвет фона изменится на серый. Цвет можно поменять: подчёркнутое значение на любое по вашему вкусу. Коды цветов можно взять отсюда http://grafik.offtopic.su/pages/proba
Отв: Знатокам (и любителям) css - новая фича!
Мне кажется, что цвета гораздо проще задавать в таком виде:
color: rgb(0,64,64);
background: rgb(255,240,225);
Так не надо морочиться с шестнадцатеричными значениями. А RGB-значения можно брать как по wotti’ной ссылке: http://grafik.offtopic.su/pages/proba, так и из любого другого источника, где цвет задается в RGB-модели.
Отв: Знатокам (и любителям) css - новая фича!
У меня это не срабатывает в теме bluebreeze. А в других — вполне.
Отв: Знатокам (и любителям) css - новая фича!
Я тут еще немного пошаманил. Вот результат:
/* Основной текст */
BODY { text-align : justify }
p.book {text-indent: 30px; margin-bottom: 0pt; margin-top: 0pt; text-align : justify; }
/* Title */
H3.book, H3.title { font-size : 160%; font-style : normal; font-weight : normal; text-align : center; padding-top : 8px; padding-bottom : 4px; margin: 2px; }
/* Subtitle */
H5.book, H5.subtitle { font-size : 110%; font-weight : normal; text-align : center; padding-top : 6px; padding-bottom : 3px; margin: 2px 30px; }
/* Poem */
DIV.book { text-align : left }
DIV.poem { padding : 6px; margin-right : 30%; margin-left : 30%; }
DIV.stanza { margin: 0.5em 1em }
/* Cite & Epigraph */
BLOCKQUOTE { padding : 5px 10px; font-style: normal; margin : 0.2em 2.5em 0.2em 2.5em }
BLOCKQUOTE.epigraph { padding : 5px 10px; margin-right : 2em; margin-left : 50%;}
BLOCKQUOTE.epigraph DIV.poem { margin-right : 20%; margin-left : 20%; }
/* Text-author */
BLOCKQUOTE.text-author, DIV.poem BLOCKQUOTE.book, BLOCKQUOTE.book BLOCKQUOTE.book, BLOCKQUOTE.epigraph BLOCKQUOTE.book { text-align : right; margin-right : 5%; }
/* Цвета и рамки */
BODY { background: rgb(255,250,240); }
H3.book, H3.title { background: rgb(245,240,255); }
H5.book, H5.subtitle { background: rgb(255,240,240); }
BLOCKQUOTE { background: rgb(250,250,250); border: 2px ridge LightSteelBlue; }
BLOCKQUOTE.cite { color: rgb(0,64,64); }
BLOCKQUOTE.epigraph { color: rgb(0,0,64); }
BLOCKQUOTE.text-author, BLOCKQUOTE.book BLOCKQUOTE.book, BLOCKQUOTE.epigraph BLOCKQUOTE.book { border: none; color: rgb(128,0,64); }
DIV.poem { color: rgb(64,0,0); background: rgb(245,245,245); }
DIV.poem BLOCKQUOTE.text-author, DIV.poem BLOCKQUOTE.book { border: none; color: rgb(128,0,64); background: rgb(245,245,245); }
i{ color: rgb(0,100,0); }
b{ color: rgb(0,0,100); }
Задействовал чуток цвета и рамки. Так как на цвет вообще «товарищей нет», то эти параметры собраны отдельно. Можно настроить их по-своему или просто выкинуть.
Делалось всё для темы bluemarine, но и в bluebreeze, chameleon, garland, marvin, pushbutton тоже работает.
В темах же Simulacrum и minelli, где область чтения и так заужена до безобразия, для стихов может оказаться маловато места, поэтому строки
DIV.poem { padding : 6px; margin-right : 30%; margin-left : 30%; }
BLOCKQUOTE.epigraph DIV.poem { margin-right : 20%; margin-left : 20%; }
Проверять удобно на тестовом файле, добавленном сегодня: http://lib.rus.ec/b/348013/read
Отв: Знатокам (и любителям) css - новая фича!
КАК ЦЕНТРОВАТЬ КАРТИНКИ!!!! )))
Я тоже немного шлифую, скоро выложу (как с картинками разберусь)
Отв: Знатокам (и любителям) css - новая фича!
Тем способом, что написал antonius1980, у меня картинки центрироваться никак не хотели, но если долго мучиться...
Вот эти строки:
img{ margin-right: auto; margin-left: auto; display: block; }
p img, h5 img { margin: 0; display:inline; }
Получается примерно так:
Отв: Знатокам (и любителям) css - новая фича!
!!!!!!
Я добавил подчёркивание субтайтлов и чуть-чуть увеличил расстояние между абзацами, ну и шрифты переназначил:
УПД. Обратил внимание - тебе есть смысл ин-лайны (буквицы) делать в два цвета и на прозрачном фоне
Отв: Знатокам (и любителям) css - новая фича!
А хорошо ли, когда у тебя текст стихов выравнивается по центру?
В некоторых книгах левые отступы играют немаловажную роль, например: http://lib.rus.ec/b/344250/read#t3, а при таком центрировании получится нечто невразумительное.
Отв: Знатокам (и любителям) css - новая фича!
Может быть.. Пробую я. Ищу оптимум
Отв: Знатокам (и любителям) css - новая фича!
Народ, поделитесь табличкой соответствия тэгов в FB2 и HTML! И/или готовым компилятором FB2'шного CSS в HTML'ский, буде таковой существует в природе. Хочу добавить свой fb2.css - выстраданный многолетними экспериментами и оплаченный двумя расколошмаченными e-ink'овыми экранами, - но не знаю как! Да и править чей-то готовый... э... напряжно. :-(
Отв: Знатокам (и любителям) css - новая фича!
Такого соответсвия пока нет.
К концу года постараюсь доделать.