2012-04-27 3 views
0

Может быть, этот вопрос будет звучать глупо, но я ищу, много читаю и не нашел ответа.Как сделать изображение в качестве фона в ENML?

Я знаю, как поставить изображение:

<en-media hash="0410523c69dcc74bc103fd5cc638b410" 

style="cursor: default;" type="image/jpeg" />

но можно установить изображение в качестве фона, который может быть повторен? и как?

Я хочу настроить заметки Evernote.

ответ

1

Evernote для Windows использует WebKit для отображения заметок. Хотя некоторые функции HTML намеренно отрезаны Evernote, они не все потеряли. В частности, встроенный CSS полностью оставлен им неповрежденным.

Так что тот, кто знает, что тег en-note сопоставляется с body HTML-тег может использовать встроенный CSS для управления фоном заметок. Например вот как установить Backgound цвета для заметки:

  1. экспорт это
  2. добавить фон цвета CSS свойство ан ноты инлайн CSS: <en-note style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; background-color:#6495ed;">

  3. импорт это

Более стойкий парень может перейти на background-image имущество: <en-note style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; background-image:url('http://<an url to an image on a webserver somewere>');">

У вас должно быть обратное изображение где-то в Интернете. Невозможно использовать изображение в самой записке; CSS ничего не знает о en-media, и разработчики Evernote ничего не знали об этом.

Но угадайте, что? Пользователи Evernote уже имеют бесплатный надежный веб-сервер - веб-интерфейс Everenote!

Создать заметку в общественность записная книжка. Вставьте фоновые изображения в примечание. Откройте заметку в веб-интерфейсе Evernote, перейдите к заметке, скопируйте URL-адрес изображения и используйте его в background-image. У вас должно получиться что-то вроде этого: <en-note style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; background-image:url('https://www.evernote.com/shard/s41/res/f53f9eac-59de-4255-9ef0-4cab9f7f0c77/image_1334313119_841920.png')">.

Протестировано на Windows и iPad - оно работает!