Avatar

WONDERFULLYTHEMES

@wonderfullythemes / wonderfullythemes.tumblr.com

A blog dedicated to the creation of original, customizable and functional themes and pages; est. Feb. 2014.
Avatar
Avatar
syua

literally most things that people write off as just ‘textures’ to use in graphics are stolen & unsourced material created by artists or photographers NOT meant to be used as elements in projects without royalty payments. you can say ‘it’s just random tumblr posts they don’t care’ but you wouldn’t want someone to take your work and edit into their work so they can be praised for their beautiful style and creativity even if they just post it on social media w/o profit, would you?? so maybe if you browse pinterest or google images for pictures without finding the original source, you’re using images that you’re not allowed to use without realizing it.

you see it on here a lot especially in (i won’t link anything but i’m sure you know what i mean) those album track ‘aesthetics’ posts, au ‘aesthetic’ posts (you see these less in kpop, but where people use non-royalty free images to kinda craft a visual au), and even just rather typical graphics that have a lot of ‘texture’ elements. and texture packs too!! that’s often where the problem starts; people just collect images (often literal art), compile them in a folder w/o sources, then insist no one can repost those images w/o crediting the person who compiled them. what???

SO may i suggest some of my fave places you can get FREE, ROYALTY-FREE elements that are totally legal to use

Avatar
Anonymous asked:

Hello, do you still take theme request?

Hiya, at this current time [September, 2020] I am not. If I open up commissions I will make an update post & update my blog. Thanks!

Avatar
Avatar
spielglocken

Character page: Djakarta

This is a character bible kind of page. Displays page title and blurb and list of characters on initial load. Character details are visible on click. Features:

  • A post-it-style summary
  • Quote/catchphrase
  • Basic info
  • Modular/extended character info
  • Press ESC button to hide currently viewed character
  • Space for character tags or traits (or both)
  • Space for character biography or otherwise wall of text with formatted heading tags and blockquotes
  • Space for related characters (image + name + optional label)
  • Space for character moodboard and color scheme (5 colors)
  • Responsive! (for the most part)

The preview images are kinda lazy, but I swear it looks a lot better live. I spent a lot of time on this and hopefully I didn’t miss anything, but if there are any problems let me know! Some notes:

  • Knowledge in HTML and CSS are necessary for easier editing
  • All sections are optional and you can switch the elements around as you please
  • All notes necessary for editing are included in the code, please read through them
Avatar
Avatar
glenthemes
About Page [15]: Sunlit Memories by glenthemes

An about page based on Stardew Valley; went for a nostalgic and autumny vibe. All buttons and boxes made from CSS; sizes and colors can be modified. 🍁🍂☕

Features:

  • default nav links: home, ask, archive
  • title box: small image, title
  • biography box: custom bullet icon, divider, adjustable height
  • sidebar image: square (can customize size)
  • music box: ✓ autoplay support, 1 song only, short title, long title on hover
  • custom links: as many as you want, icon images
  • energy bar: adjustable fill color & fill percentage
  • status tab: icon image + text

Be sure to follow the terms of use and like/reblog if you’re using this page! Please contact me if you have any questions/problems with the coding and I’ll try to help you as much as I can! ♥

Avatar
Avatar
magnusthemes

Page - Kairos; [preview] [code] [magnusthemes]

A modular grid-based navigation page made to match Aeolus

As this navigation page is built on a modular basis, you can arrange as many boxes as you want, in whatever way you want, and have them in whatever size you want. Also uses Tumblr’s API to auto-generate the posts filling some of the boxes!

  • I highly recommend that you have some basic HTML knowledge before using this page.
  • The auto-filled boxes will not work on the preview page.
  • I highly recommend installing and customizing this page on a sideblog before transferring it to a page on your main blog.
  • Please read the instructions in the code for more information

This page was made for the Coding Cabin Awards Gridmania Challenge. Please like and/or reblog this post if you use or plan or using this page, or just if you like it (: Thank you for your support!

Avatar
Avatar
magnusthemes

LaTeX theme - [preview] [code] [magnusthemes]

Make your blog look like an average engineering school homework report with this LaTeX theme. Happy April Fools’!

Features:

  • Fully functional and minimal no-frills theme
  • 540px posts only, responsive on smaller screens
  • No infinite scroll, like/reblog buttons, tags, search bar, images……
  • Nothing is customizable because you should put the focus on your content and not the design  ¯\_(ツ)_/¯

Notes:

  • To add links, make a new page and check “show a link to this page”. Links will appear automagically
  • Computer Modern font by dreampulse
  • Credit for the photoset CSS goes to the amazing @annasthms and @espoirthemes
  • I will not provide support with this theme. Take it as it is

Please like and/or reblog this post if you use or plan or using this theme, or just if you like it (: Thank you for your support!

Avatar
Avatar
sorrism

tessellate : preview one / preview two / code 

a grid theme with post popups and featured tags generated by tumblr’s API. this is my entry for @codingcabin’s coding awards.

features:

  • post popups on click
  • 3 custom links
  • optional footer text
  • pagination / infinite scroll (note: manual load only)
  • optional featured tags
  • 22 fonts, different styling for accents

notes:

  • to have the grid work correctly, go to customize panel > advanced settings > posts per page. change this to 10.
  • not optimized for new post types. turn this option off.
  • please report bugs / give feedback
  • and please don’t steal my scripts
Avatar
Avatar
suiomi

As many of you know, I’ve been hosting my CSS files externally for quite a long time and some people have asked me why I do it. On top of that, I received a request asking for a tutorial on how it’s done.

So, I’ll be talking about the following:

  • Why I have my CSS files hosted externally
  • Why it’s a good idea to host them externally
  • How I do it + short tutorial on it

This post is mostly directed at theme-makers and other people sharing code work but it is also useful for anyone wondering how to host their CSS externally.

Avatar
Avatar
codingcabin

Coding Awards: Guidebook & Rules

We’ve put together a Guidebook & Rules PDF file for our Coding Awards competition.

This file has detailed information about the competition and about the award categories, including what is assessed in each of them and what isn’t. The scoring process is also explained.

Download it here: Dropbox

We advise those participating or interested in participating to download this file and read it carefully.

Should anyone have any questions, please feel free to contact @suiomi or @annasthms or leave us a message on Coding Cabin’s blog.

Avatar
Avatar
codingcabin

Gridmania Challenge

Coding Awards’ second challenge focuses on grid layouts!

Guidelines: Elements of the page must be laid out as a grid!

  • JS: Masonry by David DeSandro, Isotope by Metafizzy
  • CSS: CSS grid, flexbox
  • These are not your only options, but rather some techniques that you may consider.

How to participate:

Duration: March 1st to April 30th

For questions contact @suiomi or @annasthms, or leave a message

For more information check out the Coding Awards page

Avatar
Avatar
whimsythemes

Living in Coral

A Tumblr Theme

HEX: #FF6F61 -  RGB: 255, 111, 97

previewcode

Includes :

  • Minimalistic layout.
  • Pagination or infinite scroll.
  • Accented with Pantone’s colour of the year; Living in Coral.
  • Or you can use your own custom colours.
  • 180px posts in four columns - 450px posts in one column.
  • Can handle a longer description.
  • Index, inquiries, archive links + 3 custom links.
  • Easy to read and navigate permalink page. 
  • Optional grayscale or sepia post images.

Feel free to message if you have any questions or concerns.

Enjoy!

Have a request or idea for a theme? Send me an ask!

Source: whimsythemes
Avatar
Avatar
yeoli-thm

Theme 36 (revamped)

Live preview | Codes

Features:

  • 400px / 500px post sizes
  • auto link pages with 8 additional custom links + 2 header links
  • custom fonts and fonts sizes (compatible with google fonts)
  • sidebar avatar icon (40px x 40px)
  • like / reblog buttons
  • dashboard style captions

Optional:

  • fixed header
  • left / right sidebar positioning
  • tags / captions
  • infinite scroll / load more button
  • rounded corners

Note:

  • theme does not support background images

Check out @kconet for more quality k-pop themes!

Avatar
Avatar
engelthm

clio theme by sylphthm preview i, iicode a minimalistic sidebar theme with an optional updates tab.

  • optional links, captions, dark/light controls, fixed or relative header/sidebar
  • eight color choices, single column, eight icon options for the tab and post info.
  • nine font options, five font size options, semi-responsive. 

credits can be found here. terms of use can be found here.

Avatar
Avatar
shudesigns

Theme 61: What a Time by ShuDesigns

[ FEATURES ]

  • Full width banner
  • Visibility: on / off
  • Banner shape: curve / normal
  • Banner attachment: fixed / scroll
  • Banner blending mode: normal / multiply / overlay / screen
  • Custom banner text (optional, default values are blog title and blog url)
  • Custom banner image (suggested size: 1920px * 500px)
  • Custom banner image opacity
  • Sticky Navbar
  • Custom navbar title (default value is blog title)
  • Custom navbar links (maximum 5, will only appear if links exist)
  • Sticky Sidebar
  • Sidebar position: left / right
  • Sidebar width: 175px / 200px / 225px / 250px
  • Custom sidebar image
  • Custom sidebar title (optional, default value is blog title)
  • Custom sidebar links (maximum 4, will only appear if links exist)
  • Search bar
  • Blog posts
  • Post width: 540px / 500px / 400px
  • Custom font size
  • Unnest caption
  • Reblog / like buttons
  • Others
  • Custom Tumblr controls style (light / dark, custom opacity)
  • Scroll to top button
  • Custom tooltip style

[ TERMS OF USE ]

  • Please like or reblog if using.
  • Do not use as a base.
  • Do not republish / claim as your own.
  • DO NOT REMOVE MY CREDIT.

[ IMPORTANT NOTES ]

  • Optimistic for Google Chrome.
  • Check the Font Awesome icon list to change the sidebar icons. (e.g. “facebook”, “twitter”)
  • The on / off switches may appear opposite results when you first install the theme. Try turning on / off multiple times until it works normally.
  • Sticky navbar / sidebar, unnest caption and some other features may NOT work on the customize page.
  • If something looks wrong on your customize page, please go to your blog and check if it’s working.
  • I do not help customizing / personalizing this theme.
  • You can edit the theme all you want but please DO NOT remove the credit or even republish it.

[ CREDITS ]

[ CHECK ALSO ]

If you have any problem please message me.

Avatar
Avatar
verteau

coral palms

- a theme inspired in pantone living coral, color of the year, as an entry for @codingcabin‘s 2019 challenge

features

  • fully responsive layout
  • optional about slider
  • pagination, infinite scroll and manual load options
  • like and reblog buttons on index
  • option to hide tags and/or captions
  • up to 4 custom links
  • up to 6 custom quick tags links

notes

  • to use this layout as your mobile theme go to your customization page, scroll all the way down, go to ‘advanced options’ and uncheck the option ‘use default mobile theme’
  • the manual load option only works when ‘infinite scroll’ is selected too.
  • for pagination uncheck both ‘manual load’ and ‘infinite scroll’
  • to hide the about slider uncheck the ‘about slider’ option
  • all the info in the about slider is optional. delete it to hide it.
  • to change the nav icons select them from font awesome’s web
  • feedback is encouraged!

- if using please reblog and follow these rules: credit must remain intact, don’t steal parts of code, don’t claim as your own or repost this code anywhere else.

- special thanks to everyone at @codingcabin, you’re the best people around

- please check out the credits for this theme

more themes at verteau

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.