Teraz jest 28 mar 2024 14:50:34




Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 3 ] 
Exlibris w pliku jacket 
Autor Wiadomość
Użytkownik

Dołączył(a): 26 sty 2015 19:15:40
Posty: 39
eCzytnik: PocketBook 622
Post Exlibris w pliku jacket
Dzięki temu wątkowi stworzyłem sobie własną metryczkę (jacket), jednak chciałbym pójść dalej i dołączyć do niej swój exlibris w postaci małego obrazka (pod szarym banerem a komentarzem). I tu zaczęły się schody :(

1. gdzie umieścić obrazek ? ( czy np. w katalogu C:\Users\silatiw\AppData\Roaming\calibre\resources\images ? )
2. jakie wpisy ummieścić w plikach: stylesheet.css i template.xhtml ?

O ile potrafię w pliku epub umieścić obrazek, to na tym pomyśle (po wielu godzinach) poległem.
HTML-a nie znam, działam na zasadzie porównywania, prób i błędów i przeglądania tutoriali w necie. Tak, że proszę o wyrozumiałość ;)


21 sty 2021 21:55:35
Zobacz profil
Użytkownik
Avatar użytkownika

Dołączył(a): 21 lip 2011 9:46:47
Posty: 283
eCzytnik: KoboT,NST,NGP,K3G, KPW2,KPW3,TolV2
Post Re: Exlibris w pliku jacket
Rzadko tu zaglądam, ale akurat zauważyłam to pytanie, więc odpiszę, może komuś się przyda.

Sprawa jest prosta.

1. Plik z grafiką możesz dodać gdziekolwiek na dysku, bo i tak musisz do niego podać bezpośredni link. Osobiście pewnie wybrałabym folder jacket, aby wszystkie trzy pliki (obrazek, szablon i arkusz stylów) były w jednym miejscu.
Czyli przygotowujesz sobie plik silatiw.jpg i wrzuciasz go tutaj:
Kod:
C:\Users\silatiw\AppData\Roaming\calibre\resources\jacket\silatiw.jpg


2. Dodajesz w template.xhtml img z odnośnikiem do pliku na dysku (w miejscu, gdzie ta grafika ma się pojawiać):
Kod:
<img class="exlibris" src="file:///C:\Users\silatiw\AppData\Roaming\calibre\resources\jacket\silatiw.jpg" alt="Exlibris" />


Klasa oczywiście jest opcjonalna, ale pozwoli na eleganckie ostylowanie w CSS.

Calibre sobie weźmie ten link i przerobi w taki sposób, aby grafika została do dodana do pliku EPUB, a link wskazywał na prawidłową grafikę wewnątrz książki.
Grafika w pliku epub zawsze ma nazwę jacket_image.jpg

3. Dodajemy ostylowanie do naszego obrazka w pliku stylesheet.css:
Kod:
.exlibris {margin: 0 auto; display: block;}


To tylko przykład, bo możesz sobie ostylować według swoich preferencji.

Czy wspominałam, że to nic trudnego?

Becky


06 lut 2021 13:25:47
Zobacz profil
Użytkownik

Dołączył(a): 26 sty 2015 19:15:40
Posty: 39
eCzytnik: PocketBook 622
Post Re: Exlibris w pliku jacket
Jasne... nic trudnego ;)
A byłem tak blisko... wykończył mnie format ścieżki dostępu do pliku jpg, a konkretnie te trzy, następujące po sobie ukośniki :(

@Becky, bardzo, bardzo dziękuję. Nie pierwszy raz mi pomogłaś :)


06 lut 2021 21:47:25
Zobacz profil
Wyświetl posty nie starsze niż:  Sortuj wg  
Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 3 ] 


Kto przegląda forum

Użytkownicy przeglądający to forum: Brak zalogowanych użytkowników i 2 gości


Nie możesz rozpoczynać nowych wątków
Nie możesz odpowiadać w wątkach
Nie możesz edytować swoich postów
Nie możesz usuwać swoich postów

Skocz do: