GoldenDict (часть 2) (2157) / freeware-оболочка для электронных словарей

yozhic:
Nikolai2004
Я не специалист )) Знаю только как добавить текст-изображение. Себе сделал так:

Код:

html { width: 100%; height: 100%; background-image: url('file:./styles/logo.png'), url('file:./styles/logo_string.png'), url('file:./styles/pat_groovepaper.png'); background-position-x: center, center; background-position-y: center, 95%; background-size: auto 35%, 18em, 20em; background-repeat: no-repeat, no-repeat, repeat; background-attachment: fixed; }

Здесь используются: logo.png – полупрозрачный логотип на прозрачном фоне, logo_string.png – полупрозрачная надпись на прозрачном фоне, pat_groovepaper.png – текстура (сами картинки лежат в папке styles). Логотип по центру, надпись под ним внизу, всё это на фоне текстуры. При изменении окна масштабируется логотип, надпись и текстура нет. При работе со словарём блоки с карточками отображаются поверх этих картинок, так что не мешает ничего.

Вообще в css есть возможность вставлять текст при помощи свойства content и псевдо-элементов :after и :before. Но надо к чему то привязываться. На начальной странице GD не к чему привязаться, только контейнеры заголовка h3 и параграфов p, но мы их скрываем. Вот если бы в коде изначально была пустышка с уникальным идентификатором для пользовательского текста, например:

Код:

<div id="initial_custom_text"></div>

то тогда можно было бы встроиться:

Код:

#initial_custom_text:after {content: 'Здесь мой гениальный текст';}

Этот свой текст отображался бы только на начальной странице.
Может ещё можно как-то при помощи js сделать инжект, но я не умею.