āā¹*DONāT LOOK THROUGH ME - A (FLIP)BOOK PAGE BY RECSBYLOTTE *ā¹ā
Highly customizable ( colours, fonts, pictures etc. )
Navigation by keyboard + buttons + dragging page corner + clicking page side
Page numbering by adding classĀ āpage-numberāĀ (Ā see first preview )
Table of contentsĀ by adding classĀ ātable-contentsāĀ (Ā see first preview )
Every first letter of a <p> can be made a capital by adding classĀ ācapitalā (Ā see first preview )
Own sized pages option so you can see hard cover
Display both content by uploading images (Ā see flipbook )Ā or styleĀ full HTML ( see book )
Displays both normal images, transparent images ( PNG ), animated images ( GIF ) and videos.Ā
You can decide your own size of your book !Ā Iāve marked all the places where you need to add the same values byĀ āsidexxā so if you click Ctrl + F, you can search it easily.
Feel free to play around with font-sizes; button-sizes etc.
Fonts used in previews: Brother Deluxe, Garamond Latin RomanĀ and Geo Sans Light
Are there any other features with this plug-inĀ ?Ā Yes, feel free to check out the turn.js page for all the info. Theyāve got incredible features such as a slider bar and zoom functionĀ !Ā
How do you lay-out your pagesĀ ? I found the easiest thing to do is create your page elsewhere, such as Photoshop, Word, PicMonkey etc. ( just any place really ). You make sure that your page has the right size, or at least proportion, and save it as a png ( to keep transparency if you have any )Ā Then you upload it somewhere on a host site such as Imgur OR you can use already uploaded pictures on a webpage. As long as you right click the image, chooseĀ āopen image in new tabā and make sure the URL ends with .jpg; .png or .gif. Then copy that URL and put it in your HTML code with e.g. the image tag <img src=āURLā>
Can I embed videosĀ ? Yep ! All you need is a link to a video ( which ends in .mp4, .mov etc. )
Where can I find navigation buttons ?Ā You can Google it but I used a pack from flaticonĀ or made them myself with Photoshop.
This is my first time using javascript plug-ins ! I hope I did it somewhat right and made itĀ more accessible to those of you who also haveĀ no clueĀ how to start on thisĀ !Ā I couldnāt find a theme quite like this already out there, if you know of one however, feel free to message me !
I hope you enjoy this theme, you may use it for any purposes, just donāt steal it or delete the credit, thank you !
You may always contact me about any changes youād like to see or tweaks/improvements you had in mind etc. My inbox is open, lovelies!
// PREVIEW 1 (BOOK) //Ā PREVIEW 2 (FLIPBOOK) // CODE 1 (BOOK) // CODE 2 (FLIPBOOK) // INBOX //