Avatar

xuethms.

@xuethms / xuethms.tumblr.com

koi, she/they. I make tumblr themes & pages, notion templates, and other resources.

Pinned

☁ beryl (collection page).

Links: preview | install

Beryl is a grid-based page that neatly displays your collection — of fics, books, movies, muses, portfolio works, or anything you'd like to show the world. Sticky section titles and graphics remain in view so you never lose track of your progress.

Features: no javascript, neat sections, sticky section titles, sticky navigation, header, item quote blocks, item ratings with custom symbols

Credits: preview header image by yamasa-n (unsplash)

🪷 new xuethms blog theme: lilypads

Finally made a new blog theme with matching ask/ portfolio/ recs pages after thinking about it for 6+ months -- come check it out! Of course, I'll be working on adapting the previous layout into a public release next too.

Full layout credits listed here, with special mention to:

Avatar
Reblogged

BAILEY: PERSONAL THEME BY ETHEREALTHEMES

View on payhip ($6), check out the preview or support me on patreon for more themes + pages, header templates, coloring psds and more every month!

Personal Theme with 300-540px posts

  • Navigation: Home, Contact, About popup + 3 additional links (with selectable icons)
  • Dark or light custom tumblr tools control
  • Un-nested captions + NPF support ; All post previews are made using the new post editor, but this theme also supports old posts. New + old post styles look the same

Color options for: background, scrollbar, text, links, borders, accent, accent text, content + more

Images:

  • 80X80 Avatar Image
  • 130x150 Sidebar Image
  • Three 150x150 Icons
  • Eleven PNG decos (optional and editable)

Other Options:

  • Font options (Serif and Sans-Serif Styles)
  • Title font sizes
  • Body font sizes
  • Post Spacing (space between posts)
  • Container shadow

Everything you see can be edited including colors, texts and much more. This theme was made with roleplay (resource, fansite, ect) blogs in mind.

Basic HTML to edit, everything is on the main editor. Please reblog or like if using. And let me know if you come across any issues.

Avatar
Reblogged yukoki

the lazy coders guide...

okay, so from my various trolls through mammoth google searches to learn bits about coding, i’ve discovered a few wonderful resources out there which actually do some of ( and in some cases, a lot of ) the hard work for you… 

these are otherwise known as code generators… here are a few of my faves;;

( NB/ all of the generators are pure CSS - no javascript is needed… )

CSS3 generator - includes generators for; border radius, box shadow, text shadow, rgba, font face, multiple columns, box resize, box sizing, outline, transition, transform, flexbox and gradient
EnjoyCSS - is another multi option generator and will give great live previews with a ton of options - includes; blocks, buttons, text, gradients, backgrounds, shadows, border radius, transition, transformation
CSS3maker - is again, another multi option generator - includes; border radius, gradient, transform, animation, transition, rgba, text shadow, box shadow, text rotation, fontface
Layerstyles - for those of you who use photoshop, this is the editor for you!  it will generate CSS code from a PS like editor that should be very familiar - includes; drop shadow, inner shadow, background, border, border radius
Westciv - includes options to generate; gradients, text properties, box properties, transformations

here are some individual generators which give a little more detail and flexibility with the options;

scrollbar generator border radius generator gradient generator  gradient generator box shadow button generator button generator menu generator menu generator ( includes bootstrap option ) menu generator tooltip generator tooltip generator ribbon generator table generator table generator typeset generator ease animations full box styling full box styling pattern generator

enjoy :3 love from, octomoosey <3

Avatar
Reblogged yukoki

by Robin (nouvae)

Play every audio post uploaded on a Tumblr account with this minimal audio player.

It can play, pause, automatically play, go to next song, go to previous song, shuffle, and repeat. It also has clickable tracks, a clickable progress bar, and a light and dark mode (which is saved on desktop even if you close the tab and return to it later). You can jump back to the current song by clicking “The current song is…” or the note on the top right corner on smaller devices. It is responsive and mobile friendly.

JPD - Portfolio [ Preview ] + [ Code ]

here is a free portfolio page! It does have javascript in the code though, however, so it's better suited on a sideblog as the main theme, unless you contact tumblr support and get approval for the javascript on a page attached to your main blog. [ here is how to do it from @glenthemes ]

Header Image: 1200 x 600 About Image: 200 x 200 Portfolio Images: 160 x 90 ( if it's bigger or smaller it'll cover to fit the set size of 160x90 ).

Avatar
Reblogged yukoki

A simple guide to picking a great color palette. No matter what the colors are, using colors that are certain distances from each other on the color wheel result in a great contrast of colors. The simple color schemes shown above are used in the most popular logos, posters, websites, paintings, and even movies and television.

Avatar
Reblogged
Anonymous asked:

/post/771323118372421632/kdramaspace-2024-year-in-review-masterclass-in hi this gifset is so pretty! can i ask you what fonts you used there? ty ❤️

thank you so much! <3 sure--happy to share the font names!

(click for larger images)

here are the font names and where to find them:

adobe - bookman jf pro

befonts.com - marvin visions - perfectly vintages

dafont.com - steelfish - jmh psychedelic caps

dafontfree.co - plinc italiano

dafontfree.io - eurostile

indieground.net - soulway

i hope this is helpful! happy creating!

Avatar
You are using an unsupported browser and things might not work as intended. Please make sure you're using the latest version of Chrome, Firefox, Safari, or Edge.