Вы здесьЗнатокам (и любителям) css - новая фича!
Опубликовано сб, 17/12/2011 - 03:24 пользователем golma1
Forums: Возникший недавно разговор о том, что текст книги на сайте выглядит не слишком презентабельно, привёл к новой фиче. Знатокам просьба выложить полученный результат, чтобы и остальные, не слишком искушённые в этом деле, могли воспользоваться результатами.
|
Вход на сайтПоиск по блогам и форумамUser menuПоследние комментарии
babajga RE:Подайте бедному копеечку на книжку с литреса... 6 часов
Саша из Киева RE:Ночной пассажир 13 часов larin RE:Оплатила,но абонемент не отображается 1 день tvnic RE:Maxima-library - новый адрес 2 дня Саша из Киева RE:Хождение во власть. После путча 4 дня weis RE:Прошу переформатировать, распознать, etc... 4 дня babajga RE:Алиса в стране чудес 1 неделя tanyaguscha RE:Грушевое дерево 1 неделя babajga RE:Ёжик, который хотел обнять Луну 1 неделя babajga RE:Самый храбрый совёнок 1 неделя babajga RE:Похититель домофонов 1 неделя Саша из Киева RE:Неудавшийся священник 1 неделя Саша из Киева RE:Хочу быть лётчиком 1 неделя Саша из Киева RE:Бессмертен подвиг ваш 1 неделя sem14 RE:Искатель жемчуга 1 неделя Larisa_F RE:Жизнь не отменяется 1 неделя Larisa_F RE:Из озера взметнулись молнии 1 неделя babajga RE:На краешке чуда 2 недели Впечатления о книгах
Sello про Моруа: Дон Жуан, или Жизнь Байрона (Биографии и Мемуары, Литературоведение)
27 04 Все, кто бывал в Греции и интересовался, посещая музеи, историей борьбы этой страны за независимлсть, мог обратить внимание на то, что Байрона там называют национальным героем, но как-то сопровождается данное определение отдельными, ……… Оценка: отлично!
udrees про Варламов: Пришвин [2022] (Биографии и Мемуары, Литературоведение)
27 04 Очень странно было открывать жизнь этого писателя. Я его представлял по милым и красивым лесным историям, сказкам о животных, рассказам о лесных обитателях, а тут на страницах биографии вырисовывается обида на первого учителя, ……… Оценка: плохо
udrees про Форд: Ротшильды против Путина. Удушающий прием (Публицистика)
27 04 Автор книги слишком скатывается в эмоции и свои оценочные суждения, эмоциональные утверждения, которые не красят его с точки зрения серьезного произваедения: «Путин превзошел во лжи всех правителей России за ее тысячелетнюю ……… Оценка: плохо
Dongel про Абрамчик: Скрытые улики (Детективы: прочее, Самиздат, сетевая литература)
27 04 Аннотация ужасно прикольная! Разгадка загадки очень увлекает, ага.
abra1980 про Demon: Черный Король [СИ] (Эротика, Любовная фантастика)
26 04 Конец очень неоднозначный и грустный. Всё тлен Оценка: неплохо
Barbud про Поселягин: Прапорщики по адмиралтейству [litres] (Альтернативная история, Боевая фантастика, Попаданцы)
23 04 Вот вроде же зарекался читать Поселянина, так нет - какой-то черт дёрнул открыть это поделие. Убедился, что уровень "творчества" автора если и изменился, то только к худшему. Жуткий нечитаемый картон, не осилил. Оценка: нечитаемо
Я бреду по берегу про Беляев: Ариэль (Научная фантастика)
23 04 В далекие школьные годы взахлеб зачитывался книгами Александра Беляева. Классика советской, российской, и мировой фантастики. Отлично! Оценка: отлично!
kolombok про Доктор [Афанасьев]
23 04 Ну а по мне, так понравилось, если бы я в детстве такие книжки читал... Это я пока о половине первой книги говорю, хорошо зашло хотя мне уже за (вставьте возраст). В целом скажу, за первую половину книги, годная молодая фантастика, ………
Belomor.canal про Анонимус: Выжига, или Золотое руно судьбы [litres] (Исторический детектив)
22 04 В отличии от всех предыдущих книг серии, необыкновенно динамичный триллер, почти без длиннот! Похоже, произошла смена команды Анонимуса и нас ждут захватывающее, профессионально сделанные книги! Оценка: отлично!
zhunter про Группа крови на плече
22 04 С удовольствием читал незатейливый боевичок, но ахинея про радиоактивные вещества просто убила и в землю закопала. Аутор, ты блин в школе то учился?
Isais про Пелевин: Орден желтого флага [OCR] (Социальная фантастика)
21 04 Я честно прочел 48% файла. Я честно высоко оценил блестящую стилизацию под литературу XVIII века. Имею право прийти к заключению: эту книгу следует читать в самом-самом, САМОМ последнем случае. Только когда в доме ………
Isais про Поганец: Дикий 2 [СИ] (Боевая фантастика, Космическая фантастика, Самиздат, сетевая литература)
21 04 Когда ни разу в жизни не видел ни книги, ни печатного текста вообще, но все равно зудит сочинить рОман ("что я, хуже других?"), получается вот такое... Оценка: нечитаемо |
Отв: Знатокам (и любителям) 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 - новая фича!
Такого соответсвия пока нет.
К концу года постараюсь доделать.