madthms
themes & resources

if you would like a custom theme click here

about

my name is maddie and i am new to coding so there is probably gonna be a lot of flaws with my themes.

if you have trouble with a page or theme please try re-entering all ur info a second time. if that doesn't work please message me off anon

welcome

this blog is meant to help people looking for themes, resources, and tutorials for tumblr

many of the things posted here are not mine but please feel free to ask me any questions about any tutorials etc. if ur having trouble (though i might end up sending you to the theme maker)

&
hello






versources:

// noctrne //

This was a custom theme I made for noctrne with her assistance and now that she’s no longer using it, she was kind enough to ask me to release it. So here you go.

Theme rules: be awesome, never send hate to anyone and remember that you’re wrong too if you retaliate.

theme features:

• home, askbox and 1 customizable link;
• 3 updates tabs (must be edited inside the code);
• also feel free to change the colors inside the code because I didn’t make them customizable, sorry.

anything you need feel free to contact me.

preview code

(via neonbikethemes)







mrsmilicevic:


THEME 08. MONUMENTS by mrsmilicevic

  • live preview - code
  • 4 custom links
  • 400px posts option
  • endless scrolling option
  • lazy load option
  • second title option

like or reblog if you’re using, thanks and enjoy!
edit however you want but don’t remove credit.

If you’re having troubles getting the colors right: go to the HTML, copy all color meta tags (the ones who look like this: <meta name=”color:background” content=”#fafafa”/>), remove all of them, update preview. paste the tags back, update preview and save. 

(via neonbikethemes)







madthms:

TRUST - by madthms aka luminecents

this theme can be one OR two columns and has 4 custom fonts for the titles

  • tell me what you want from my next theme!
  • i used this base code for this theme so it’d be cool if u checked out that theme maker!
  • and please please please don’t steal any parts of this theme!

preview AND code (preview is for 1 column)

please like or reblog if u use it!

hey so there were some glitches with this theme and now that i’m a little more experienced, i fixed them i think.

so yeah, my second revamp - all links in the post are updated







itsphotoshop:

Somebody asked once if we could make a list of tiny HTML codes. I thought it was a great idea, and I almost forgot! So this is a small guide, or well, a set of codes you can use in your themes and also in your description and your pages. Most of the times all you have to do is copy and paste, so it’s not very complicated, I promise.

Read More

(via icrarus)







ABOUT THEME #2 - by madthms aka luminecents

lol i was gonna make myself an about theme but then i decided to release it instead so here we are

preview AND code

like or reblog if u use it!







Simple and cute about page I posted months ago. 

White Bubble {Codes + Preview}

Black Bubble {Codes + Preview}

Like and/or reblog if using! It would make me really happy :’)







thehandyblog:

↓ about page 03 by stratfor-d

live preview | code

  • customized scrollbar
  • customized tooltip
  • four extra links
  • two images (110x110)
  • "cool" effects ^-^

tip: to change the accent color easily; [1] press ctrl+h [2] paste #e8c6d5 on the first box [3] paste the color that you want on the second box (ex: #cc9ad6)

please like or reblog first before you use it & keep the credits intact.







lcumo:

粉红色✕白

(Source: lcumo, via trashfriend)







CSS goodies to use in your theme now

buildthemes:

Here are some CSS goodies I’ve been using a couple of my themes and are perfect to add to your themes for a polished look.

Change up the selection color

Example of highlighted text with new color

Don’t stick with the drab defaults that show in your browser when you highlight stuff. A simple CSS snippet below (thanks HTML5 Boilerplate) can be used to change the color:

::-moz-selection { background: #f2f2f2; color: #fff; }
::selection { background: #f2f2f2; color: #fff; }

Replace #f2f2f2 with your color of choice.

Get fancy blockquotes

Homepage of CSS Arrow Please!

So you’ve tried all the possible CSS styles to add to quotes?

Make your own pure CSS arrows with CSS Arrow Please which automatically generates CSS based on your inputs. Just change .arrow_box to whatever the class you’re using for your blockquotes to add this interesting effect.

Sweet transparency

If you aren’t aware you can use RGBA colors to add transparency.

The RGB part you might be familiar with, it’s the red, green and blue mix for the color. The cool stuff happens with the A (alpha), use this to set a transparency to the color.

Here’s an example. In the CSS I’ve set the background color of the object like this:

#promo_box {
background-color: rgba(0, 0, 0, 0.9);
}

image

Notice how instead of just making the background pitch black, it’s made it a bit transparent, just what we wanted.

Shadows: back in black

image

CSS3 introduces box shadows, you’ve probably already seen it in a couple of themes already.

The properties that ‘box-shadow’ takes, shown below, are horizontal offset, vertical offset, blur radius, spread distance and color.

article {
box-shadow: 0 0 5px -3px #000000;
}

(via thewisepotato)







yungbadgal:

they match

(Source: hiroshimas, via folkfestival)







Complementary colours: #f0fdff  #f0fff3 #fff2f0

(Source: 6ium, via trustes)







STUDIO GHIBLI

princess-pixel:

imageimageimageimageimageimageimageimageimageimageimageimageimageimageimageimageimageimageimageimage







Drop-Down Box

fushimii:

stick this code at the bottom of your description:

<select style="width: 150px; border: 0px solid; padding: 3px; color: #000; background-color: #f1f1f1;  font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">NAVIGATION</option>
<option value="URL GOES HERE">NAME GOES HERE</option>
<option value="URL GOES HERE">NAME GOES HERE</option>
</select>

You can adjust anything to fit your needs. Width will change the width of the box, border will add a border of your choice thickness (and you have to put a color hex code after solid), color is for text, background color is for the background, everything is editable and self-explanatory.

To add more links, just copy and paste one of the option values underneath another option value.

You may need to retype quotation marks.

(Source: manatopia.org)







madthms:

LIMONATA - by madthms aka luminecents

officially introducing my first blog theme!

I dedicate this one to my old url, li-monata + my love of lemonade

  • tell me what you want from my next theme!
  • i used this base code for this theme so it’d be cool if u checked out that theme maker!
  • and please please please don’t steal any parts of this theme!

preview and code

please like or reblog if u use it!

i’ve officially revamped this theme! there were a lot of flaws with it that i’m pretty sure have been fixed. plus i added a few more features. all the links have been updated :}







(Source: vfilthy, via 38px)