vine

cloudy page transition @ http://www.dogstudio.be/

2

 WOODLEY THEME

· 250px or 400px posts
· 5 custom links
· Pop up ask box
· Pagination
· Customisation on all colours
· Brighter image on hover option
· Show/hide permas option
· Custom header/background image 
· Round corners option
· Sidebar when scrolling option

PREVIEW // CODE

important: you will have to edit a blurry version of your background so that special effect thing works or else you’ll have to just have normal background colours on the post, read below to learn how to do this if you don’t already know.


1. Go to picmonkey.com
2. Click edit and upload your background
3. Click the magic wand thingy
4. Scroll down until you see ‘Focal soften’
5. Put the settings like this

6. Pull the circle (the focused area) out of the image.
7. Click apply
8. Save!
9. Upload to your theme under ‘IMPORTANT blurred header’

And you’re done xx

So I have a lot of awesome bookmarks saved on my broser about how to make tumblr themes and learn html and css. I thought that sharing them may be useful for people who are getting into coding and for people who might want to learn even more about web design. Enjoy!

STEP BY STEP: Detailed tutorials and explanations [tumblr blogs]

  1. tumblr.com:custom_themes
  2. howtomakeasimpletheme
  3. themesbyeris
  4. buildthemes
  5. ettudis
  6. lmthemeslp-htt
  7. athenabilitythemes
  8. farahmir
  9. ladystigmata

OTHER USEFUL WEBSITES

  1. dash.generalassemb.ly/tumblr
  2. w3schools 
  3. codecademy
  4. learn.shayhowe
  5. html.net
  6. htmldog

VIDEOS

  1. webdesign 
  2. youtube: theme making playlist 
  3. learnhtmlin12minutes 

TUTORIALS

  1. takeable
  2. html-tutorials
  3. lmthemes
  4. thehandyblog
  5. academyoftumblr
  6. thetutorialsblog
  7. theme-hunter

I will be updating this list so feel free to send me any other links. 

2

Theme 05; By doctorstwelfth

Preview / code

Features: 

  • all colors customizable 
  • loads of options such as. Add background and chose for it to cover or repeat, hide tags and captions on indexpage, tags and postinfo fade in on hover or show directly + more
  • 300px posts
  • inverted tumblr controls
  • 5 custom links

Rules: 

  • do not remove credit!
  • like/reblog if using
  • feel free to edit but do not claim as yours because you changed it a bit!
How to add a pop up archive!

So I asked some of you what tutorials you wanted since i’ll be making them from now on and one thing you wanted was a pop up archive tutorial! Don’t freak out, it’s not as hard as it sounds, and this will include customisation options so you can make it fit your theme perfectly! Click ‘read more’ to read the tutorial x

Keep reading

2

LA TIFFANY THEME

· Update tab option
· Show/hide notes and when posted
· Show/hide description
· Infinite scroll
· Show/hide top bar (the quote at the top) 
· Faded images option
· Faded images on hover option
· Option to customise every color
· 3 custom links
· Option to change side of sidebar
· Customisable border type, scroll bar ++ 

PREVIEW // PREVIEW 2 // CODE

2

Theme 03: REPOSTED (used to be theme 12)

By doctorstwelfth / themesdoctorstwelfth

Preview1 / code1 / preview2 / code2

Theme: 

  • 400px posts
  • pop up updates/about
  • pop up ask
  • captions appear on hover over photo and photoset
  • tags appear on hover 
  • 4 custom links 

Rules: 

  • reblog / like if using
  • don’t remove credit!

Important!: When install search up YOURURL in the code and replace with your url. This will make the asks get directed to you in the pop up ask!

STARTER THEME

· Show/hide captions
· Show/hide tags
· 2/3 columns
· Optional faq (up to 6 questions)
· Optional updates boxes (they an be part of the sidebar or in a complete own box under the sidebar, you can choose)
· Custom colours on everything
· Custom background and sidebar image
· Popup ask box (and faq if chosen)
· Visitor can select several columns or one column
· Back to top button

PREVIEW // CODE