#bebe codes

wip page 09 - a very minimal wip page

preview / code

features a moodboard on one side and synopsis text on the other. there are two custom links in the navigation. the images are 200px squares, and there is an adjustable "image fade" option to make them look cohesive together like a moodboard. you can also set this to zero if you'd like to use your images as is!

edit colors and add image urls in the root section near the top of the code, then scroll down to the html section to add your wip title and synopsis text.

all images in the preview are from unsplash and dupe, where i highly recommend you find images! (instead of pinterest.)

wip page 08 - an all-inclusive wip page

preview / code

several people have asked for this one, so sorry it took me so long to release it!

featured image and sections for synopsis, themes/tags, links, project details, major characters, minor characters, and general sections like 'locations' and 'terms to know' which can be use for anything

footer section for additional info, but you can delete it if you don't want it

slide out menu with a second image, can be used for additional information or to feature an excerpt

pls like/reblog if you use, let me know if you run into any bugs, and pls don’t remove credit. thanks! ♥

additional info under the cut :)

wip page 07 - a simple wip page

preview / code

revamped one of my very first wip page codes! it was originally posted on my old themes blog, which i deleted recently, so i figured i’d update and re-release it here. 

features: any google fonts. feather icons (which you can find more of here). includes a featured image and sections for details, a synopsis, relevant links, characters, and additional info.

wip page 06 - a wikipedia inspired wip page

preview / code

features: synopsis, characters, and however many additional sections you want. sidebar with featured image, details section, and links. hopefully it’s pretty easy to navigate, but definitely feel free to send me an ask if you have any questions! and pls don’t remove the credit (:

wip page 05 - a big project page by @bebewrites

preview / code

features: a parallax featured image, sections for stats, progress, progress bar, themes, synopsis, links, worldbuilding/additional info, quote, and characters. character icons are 50x50 (images used in preview via alydae). for the featured image, i suggest grabbing an image url from an image on unsplash.com. check out font awesome for more icons. 

you can remove certain sections if you don’t want to use them (although i’d definitely make sure to save your code in case you delete something and it ends up looking wonky.) the preview might look funny, but everything should look correct on the actual page!

wip page 04 - a project page by @bebewrites

preview / code

features: large featured image (i suggest using an image url from a site like unsplash). image is 500 x 375px if you want to use a url to your own image. sections include stats, progress bar, synopsis, links, characters, and extra info. you can remove sections you don’t want to use! two fonts, you can use whichever google fonts you want. all colors and text customizations are in the root section at the top of the code.

wip page 03 - a project page by @bebewrites​ to celebrate 1.5k followers!! 🥳

preview / code

features: add as many projects as you want! each project includes a thumbnail image and dropdown section with a synopsis area and 4 links. two accent colors will create a gradient over the featured image, which is 450px by 200px. all colors and fonts should be changed in the root section near the top of the code. icon font by @suiomi. feel free to change the google font. pls don’t remove credit!

wip page 02 - by @bebewrites​ a tabbed wip page code to celebrate 500 600 followers! ♥

preview / code

this code has five tab pages. one for details, characters, additional information/q&a section, links + tags, and a short excerpt. all colors and the font should be changed in the root section near the top of the code.