hansjisung

[hansjisung]

tldr by @erika-writes

↳ a page made for displaying multiple muses in one place. inspired by @rachelblairy​ who wanted a completely simplistic and clean way to showcase as many muses as possible. (thanks for the idea!) on click, a pop up box appears to show more information on each muse.

preview

code

tldr (the sequel)

↳ this features a second box to differentiate classes of muses such as open and closed, canon and original, etc. each box has tab to call out which section is which.

preview

code

please give this a like or reblog if you enjoy this theme or plan on using it! if you like my work, consider buying me a coffee. ♥︎

– information to note is under the cut!

Keep reading

[hansjisung]

page six: poppy — media page with isotope filtering and a slide-in description for each item.

preview / code: pastebin, github

features and options:

isotope filtering with space for multiple filter groups and the ability for users to select multiple filters from the same group.

space for a one to five rating for each media item.

slide-in description with space for links.

responsive for small screen sizes and mobile devices.

notes:

this page uses CSS variables for easier customization and includes instructions on how to edit within the HTML, but you will need basic HTML knowledge to use this page.

images for each media item are 250px x 375px, but will resize automatically without stretching.

credits:

tippy.js tooltips by atomiks

feathericons by Cole Bemis

isotope combination filtering by metafizzy / tutorial by magnusthemes

[hansjisung]

seashell navi | tags page by sage

preview & code / a navigation page made to go with my seashell theme

features:

unlimited links

customizable: colors, body & title fonts, font size, border radius (corners)

header with blog icon, title, url and day/night, tumblr controls, & scroll to top buttons

footer with search bar & home/ask/archive links

responsive design, optional glow effect, this page uses tabler icons

instructions for how to edit are in the code!

terms:

reblog if using

do not touch the credit

view all terms

credits listed in the code / credits page

please consider supporting me ♡

[hansjisung]

Temperance: About Page #03 by @pneuma-themes

Be still, the dawn is breaking.

Live Preview / Get the code: [Pastebin] [Github]

A simple contained about page. An attempt was made to get out of my slump and back into the groove again before I got busy with real life again.

Features:

A social media links section with icons included

A custom links section. Depending on the width of your screen, you can add more than six links (as seen in the preview).

A short information section above the about body

A sidebar image. The size of the image (w x h) should be 30% of 80% of your screen width and the height should be 300px.

An unlimited space to write your biodata. Can be as long or as short as possible.

Javascript free, so it should be possible to use this page without asking for whitelist from the staff.

This is a page theme, so blog posts will not be displayed. Please install this through the Add new page link instead.

Customizable colors. Colors can be customized from :root section of the CSS.

Credits:

Sidebar image: @xathrid

Font: Rubik @ bunny.net

Icons: Boxicons

The code has been annotated for instructions on changing the icons and adding or removing the sections on the sidebar. Feel free to contact me if you find any difficulties!

Please like and reblog if you like or are using this!

[hansjisung]

Theme — Water Lily by tanaka-drew Preview/Download

Features:

230x230px sidebar image

custom blog title

custom blog subtitle

three custom links

option for 450/500*/540px blog posts

option for multiple font families for heading and body

option for 1/0.9*/0.8rem body font size

option for 0.9/0.8*rem uppercase font size

option for hide tags*

option for show tags

back to top* (except for contained version)

Notes:

* denotes default features.

This theme is NPF posts friendly. :D

Sidebar image by @avatraang.

Neither ask or submit links would show if you don’t allow people to ask you questions or allow people to submit things to you.

I don’t claim any of the fonts, scripts and/or tutorials I used unless stated otherwise. See full credits here.

Support me on Ko-Fi.

[hansjisung]

GLOWEST ACTION EFFECT by @loviestudio

​This action was made in Photoshop CC, and it will work better on it!

CONTENT

1 Photoshop action file (ATN) with four options of the effect: black and white + coloured - horizontal and vertical.

TERMS

Before/after preview here!

Like and/or reblog to help a creator.

Don’t repost, re-upload or put it on packs and/or google drive. Don’t claim my resources as your own.

Don’t use my resources as a base or copy them.

Credits are not mandatory, although I’d love to see your edits!

My resources are free for personal/non-commercial use only. For commercial use, you must pay for the download. If you paid for the download, you are authorized to use it commercially. Reach out to me for more info or if you have questions about my resources license.

Follow me for more resources! ♡

This is a free resource, but you can buy it with points on DeviantArt to help out a creator or download it for free on Ko-Fi. Thank you!