Opulent Themes

Theme and resource blog made by jaebium.

[solarre]

rose | static preview & code

features:

4 post sizes: 280px/300px/320px/350px/370px/400px

5 links

customizable colors

hover post info

small tumblr controls

options:

responsive multicolumn

infinite scroll

scroll to top button

show/hide captions

small cursor

white lightbox

like/reblog buttons AND/OR normal text details

credits: soundcloud player+video resizing, infr scroll (by paul irish)+masonry (by david desandro)+ pxu photosets (by pixel union) script from shythemes, svg icons by antonps, unnested captions by magnusthemes and neothm, small tumblr controls by cyantists

Please do not steal any of this code & do not edit the credit. Like/reblog if using // thank you!

[alexandragrwy]

Theme 01 - Passion by cosimaniewhaus

Features:

Dash header (automatic and optional)

Dash icon (automatic and opcional)

Description (optional)

Six free links (optional)

+:

Don’t copy, repost or remove the credits;

Like or reblog if you liked or are using please;

I really hope you like it! If you have any doubts send me a ask.

preview / code

[shythemes]

portfolio theme

preview / download (alt)

automatic scrolling

photoset slideshows

show/hide description, captions, and tags

[aaronellas]

06: glasgow: preview & code

a sidebar version of sydney

features

four custom links

three columns of unlimited tag sections and boxes

50px icon

notes

sidebar inspired by @odeysseus

ask me if you have any problems 

please like/reblog this if using :)

[opulenthemes]

hiya! just wanted to say your themes are so beautiful and clean i hope ure having a great day xo

this is so kind thank you so much <3

[opulenthemes]

hello! have u ever thought of posting a fansite theme? your work is gorgeous :)))

I have thought about it but I’m on a very long coding hiatus lol but thank you!

[opulenthemes]

hi~ i'm using your rain theme and i really like its layout. i'm just wondering if you could tell me how to change the info for photo posts just like the way the info for text posts look like? it's just that, in my preference, the theme looks better that way. thank you xx

Switch off the “hover info” option and that should be it 

[sorrism]

el mañana – preview / code

a really plain theme that I once used on my main blog

features: 

header with optional icon and 2 custom links

various post sizes from 275px to 540px

optional full photosets, optional tags, caption display options

regular pagination, infinite scroll, or manual load

notes:

as usual, for manual load to work, also select ‘infinite scroll’

last new theme for a bit… this was just sitting in my drafts

[acuite]

MANIA

Live Preview Code: Pastebin · Pasted

Single column theme with customisable post sizes. Inspired by the blogging website, Svbtle. This theme features large font sizes and is optimised for text-heavy blogs.

Options include colours, images, links, pagination, captions, tags, round edges, post style and sidebar appearance.

[odysseyi-archive]

all in one page: orchid / preview | code

about, ask, links, blogroll

includes instructions for customisation in code

to use this, go to customize, add a new page, select custom layout and enter the coding there.

please like/reblog if using.

[ninpen]

Things that have helped me (coding related)

jsfiddle - Helps you test out your code instead of using tumbr’s shitty customization page

cssportal - offers a variety of services,including: testing out your css code (gives you a live demo), generators (box-shadow etc) and others

dirtymarkup - Cleans up your code. Basically makes it legible

patternify - creates small patterns (it’s what I use to create my icons). This is honestly my favorite tool.

w3schools, codeacademy, learn-shayhowe, learnlayout - all of these websites help you learn the fundamentals of html/css and more

google - it is literally your best friend. It’ll answer any question you have no matter how vague

stackoverflow- very helpful website. Helps you answer any questions you may have (code related). BUT PLEASE, MAKE SURE YOU HAVE SEARCHED YOUR QUESTIONS BEFORE ASKING. These are actual people who are taking their time to answer your questions, and they will take your “question asking” privilege away from you if you abuse it

tutorialzine  codrops- tutorials to help you with coding. It can go from very simple, to “that’s way too much time investment for me”

css-tricks - it’s like a combination of helping you code, to asking questions, to tutorials (this is my favorite website)

behance, dribbble, awwwards - great place to find inspiration

 validator - checks the validity of your code

iconfinder - holy grail of icons. Some are free some aren’t

fount - it can identify any font that a webpage is using

colourcode - just check it out. 

colorlovers- color palette galore 

caniuse- says in the name

Now if you’re trying to see how your code/theme etc looks on different screen resolutions this is how you do.

Google chrome

right click on page then click on inspect or (Ctrl + Shift + I) look for this (it’s the two ipad looking icons)

All you have to do now is input in whatever specs you want If you don’t want it anymore, just click it again and it’s gone.

Firefox

click on the menu icon (the 3 lines in the right hand corner)

click developer then responsive design view or (Ctrl + Shift + M)

I hope you found this helpful. Enjoy your day

[opulenthemes]

hey, do all your themes automatically have your credit on there? i don't want to accidentally not credit you, and i can't code in the slightest so i wouldn't be able to add credit. your link to answered questions doesn't work so i'm not sure if you've answered this before, sorry!

yup all of them do..

[senliin]

100+ aesthetic icons here // please like/reblog if using/saving   ♡

[wonderfullythemes]

Theme #60 - Jaded by wonderfullythemes

Static Preview | Code | Rules

Bit too tired to think up a nice intro sentence sorry! 100px by 100px header image; 3 default links with the ‘navigation’ link being a popup that includes your description and 4 custom links; custom tumblr ‘follow/message’ links; scroll to top button; 400px posts; tags on hover; fun lil post info hover effect :)

Options include: Show Caption, Infinite Scroll & Manual Load (only works if ‘Infinite Scroll’ is selected). Fonts: Calibri, Playfair Display & Dosis.

Let me know if there are any issues and please like/reblog if using c:

+Coding Co, Lunar Themers, Theme Village

[solarre]

white noise | static preview & code

inspired by exo’s white noise

features:

4 post sizes: 250px/280px/300px/320px

6 font options

5 links

live 24 hour clock

hover post info

inverted tumblr controls

optional:

infinite scroll

popup on the third link

searchbar in popup

captions

faded posts

small cursor

white lightbox

credits: soundcloud player+video resizing by @shythemes, infr scroll (by paul irish), pxu photosets (by pixel union)

Notes: Some html knowledge is needed to edit the popup. Please do not steal any of this code & do not edit the credit. Like/reblog if using // thank you!

[neothm]

THEME #11 GOLDEN by neothm └   preview & features: original, contained   |   pastebin   |   freetexthost

·  76 customisation options: contained/full-page, multi/single-columned layout, update and music tabs, popup archives/askbox, etcetera. The complete list of features is available on both of the previews! ·   Please like or reblog if you consider using this theme.

[opulenthemes]

So I'm using a base code to make a theme. Can you give me places where I can get coding help?

Hi! I recommend using w3schools and the tumblr document that has everything that can be used in a theme. If you encounter any specific problems you should be able to look it up on google. If you want to learn more about coding theres codeacademy which is an actual course and is very helpful if you’re just starting out as well as http://buildthemes.tumblr.com which focuses more on tumblr themes. 

Hope this helps and good luck!