xuethms

[xuethms]

💾 “Web Zero” theme: process doc

It's here! I finally finished documenting my thought process, design direction, and development tidbits for my Web Zero theme after an entire month of procrastination 🫦

I've included references & links throughout if you're interested in web design or web development!

◍ ggl.link/web-zero-process

[xuethms]

eed1aa - 8497a1 - ed9e6c - d0505b

[xuethms]

☁ 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)

[xuethms]

🪷 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:

🎨 Graphics: @jellykobi (banner, icon), @stah-l (platypus 3d model)

🌟 Icon fonts: line icons, cappuccicons, feather icons

💻 Coding: @glenthemes (npf fixes, griddery), @eggdesign & @annasthms (photosets.css), @magnusthemes (isotope filters)

[xuethms]

◦˚~ SET OF BLUE DIVIDERS ~˚◦

Requested by: @rosaeh Info: these were all made by me. please follow my rules & reblog/like if use!

[xuethms]

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.

[xuethms]

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

[xuethms]

PIXEL FONTS  

Please, like or reblog if you download it 

Apple (x) 04b  (x)  Bangalore  (x)  Volter (goldfish)  (x)  Baby Blocks  (x)  Hydrating Lip  (x)  Handy  (x)  Applybeef  (x)  LittleLego  (x)  M04 Fatal Fury  (x)

[xuethms]

Vintage fonts

Please, like or reblog if you download it

Queen - Cherio - Arastin pro

Karimun - Bodbug - Acherone

Shrikhand - Mogan - Alchevrola

Brittanian - Carnival - Rosmatika

Black Quality - Blue Angel - Oliver

[xuethms]

Random fonts 

Please like or reblog if you download it 

Hellowin - Banyu - Boiling

Buryland - Amstagram - Break dust

Fresh guava - Argo old - Lucky girl

Giaza - Notera underline - Little birds

Ultimate victory - Pretty Lily - Haglos

Troye - Amertha - Sunset Boulevard

Thundergood - Chapaza - Thank you

Magazine - Filsalfat - Mefirah

[xuethms]

boombox

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.

[xuethms]

       💌  ⊹ 𓂃 ｡ ‧ ₊   KNOCK KNOCK ! in the source link , you will find a download link for an instagram-inspired moodboard ! please do not redistribute , or claim as your own ! usage guidelines is inside the psd. please like / reblog if you found this useful ! <3

[xuethms]

PictoChat Widget

preview: start doodling (desktop only)

In honor of the april fools projects I've done in the past, I made a little replica of PictoChat. It's a very simplified version, but you can download your doodle after you're done!

[xuethms]

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 ).

credits here

this is where you'll change all of the colors and the header image. everything else is done in the code. I have commented things, but you still might need some html knowledge to be able to change some things. But you're also welcome to ask me any questions you might have.

these are all of the accent colors including the footer accent color. a3 and a5 look very similar, but they're different, I promise lol I'm giving you this guide so that you know what color changes what in the root styles.

[xuethms]

dash by wordbite

a responsive, single column, dash theme! features blogroll, custom fonts, icons, colours & post sizing / spacing. fully npf supported!

preview / code

[xuethms]

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.

[xuethms]

/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!