Theme blog of lostmemento
|
04.27 new theme!
gravity (hiatus theme)
new page! all in one page
03.14 new theme! etgs - spy
03.13 new theme! fight club - tyler
02.24 new theme! k.i.l.l. v2
02.07 new layout! lmthemes 2.2
01.19 new page! film table (gifs)
|
1 2 3

There’s a new trend in town and it’s contained themes! I’m not sure if there’s a term/label for them yet but that’s what I call them. I had a few people ask me about it since I made one (Id)/used it for my tutorial pages/it’s not included in the theme making tutorial. If you know how to make themes but just don’t know how to achieve this layout, trust me it’s simpler than you think!

This short tutorial is easy to use if you know the simple workings of theme making, HTML, and CSS. (Or theme making tutorial.)

Read More

Search Boxes - apparently a hot commodity. I get asked this a lot, especially as far as theme-hunter’s theme was concerned. I now present you a tutorial on how to make one and how to style it. Enjoy!
up next: actual themes
» continue to the tutorial

Search Boxes - apparently a hot commodity. I get asked this a lot, especially as far as theme-hunter’s theme was concerned. I now present you a tutorial on how to make one and how to style it. Enjoy!

up next: actual themes

» continue to the tutorial

Need to find a new way to make links not so monotonous? When you use even, odd, and nth child selectors you can break up the color pattern. Under the read more explains how to utilize this neat CSS feature.

Up Next: How to Make a Search Bar!

Read More

» VOL I - Basic Structure» VOL II - Sidebars» VOL III - Posts» VOL IV - Post Info» VOL V - Customizations & Variables
Tutorial Series Notes & FAQ
Please like/reblog this post if you found the tutorial helpful!  ♥
[[MORE]]
To make things easier to access here is the index to the complete How to Make a Theme tutorial series. Remember this is not a how to make one type of theme tutorial, so there is no base code. With all (the lengthy) but informative volumes I try and teach you how to make different types of themes for you to mix and match and create your own style. I have provided instructions with coding and visual examples and hope that this series will help those who want to get into theme making (or just make a theme for themselves) just that much easier. Though I can understand if it’s still a bit repetitive/convoluted since I wrote the individual volumes over months in different sittings.
Please be aware that my way isn’t the only way to code themes, it’s just how I do it.
[ HOW TO MAKE A TUMBLR THEME SERIES: VOL IV - Post Info ]
The conclusion volume to the tutorial series! (Written hastily so please feel free to message me if I have mistakes.)

Includes:
Custom Colors
Custom Text Sizes & Fonts
Custom Text Fields
Uploadable Images
If Variables
Please like/reblog this post if you found the tutorial helpful!  ♥ 

HOW TO MAKE A TUMBLR THEME SERIES: VOL IV - Post Info ]

The conclusion volume to the tutorial series! (Written hastily so please feel free to message me if I have mistakes.)

Includes:

  • Custom Colors
  • Custom Text Sizes & Fonts
  • Custom Text Fields
  • Uploadable Images
  • If Variables

Please like/reblog this post if you found the tutorial helpful!  ♥ 

[ HOW TO MAKE A TUMBLR THEME SERIES: VOL IV - Post Info ]

Includes:
Post Info Elements / Types of Posts
Over / Under (Normal Post Info layout)
Side layout
Hover Over layout
» VOL IV-  POST INFO TUTORIAL» VOL III -  POSTS TUTORIAL» VOL II - SIDEBARS TUTORIAL» VOL I - BASIC STRUCTURE TUTORIAL
» TUTORIAL SERIES NOTES & FAQ
Please like/reblog this post if you found the tutorial helpful!  ♥ 

Notes: This isn’t probably as detailed as the former three volumes just because I hope you would have read the other previous tutorials if you don’t know coding what so ever. If you notice the tutorials can get repetitive simply by referring to tumblr documentation and then explaining how to contextualize that with CSS and HTML. As always however, I provide examples and then you can see the coding via the view source link at the top.
Again, I apologize for how staggered apart the volumes are. I meant to get this done sooner than later but work has been eating up most of my time. I hope to get the final volume up sooner than this, only because I feel as I don’t have to explain as much because each volume should build upon each other.
Next time,  VOL V - Customization & Variables, which will explore:
- Customizing theme options to share with others- Variable tricks and tips to change sidebar info/images easier

HOW TO MAKE A TUMBLR THEME SERIES: VOL IV - Post Info ]

Includes:

  • Post Info Elements / Types of Posts
  • Over / Under (Normal Post Info layout)
  • Side layout
  • Hover Over layout

» VOL IV-  POST INFO TUTORIAL
» VOL III -  POSTS TUTORIAL
» VOL II - SIDEBARS TUTORIAL
» VOL I - BASIC STRUCTURE TUTORIAL

» TUTORIAL SERIES NOTES & FAQ

Please like/reblog this post if you found the tutorial helpful!  ♥ 

Notes: This isn’t probably as detailed as the former three volumes just because I hope you would have read the other previous tutorials if you don’t know coding what so ever. If you notice the tutorials can get repetitive simply by referring to tumblr documentation and then explaining how to contextualize that with CSS and HTML. As always however, I provide examples and then you can see the coding via the view source link at the top.

Again, I apologize for how staggered apart the volumes are. I meant to get this done sooner than later but work has been eating up most of my time. I hope to get the final volume up sooner than this, only because I feel as I don’t have to explain as much because each volume should build upon each other.

Next time,  VOL V - Customization & Variables, which will explore:

- Customizing theme options to share with others
- Variable tricks and tips to change sidebar info/images easier

Static Previews

It was a surprise to me how often I get questions about static previews from how to what. Hopefully this will help confused theme users and makers out there. I not only explain what they are and why theme makers need to use theme more but how to create them.

[[MORE]]
What are they?
Since tumblr tends to crack down on ‘URL hoarding’ and not theme stealing theme makers who have a lot of themes have recently used static previews as an alternative.Static previews are previews that are on pages instead of actual blogs - hence why URL hoarding could be an issue if it was actually legit and bothersome for theme makers. The more themes you have the more sideblogs you have to make for live previews. This can be problematic in upkeep not to mention imagine if you have over 20+ themes and you click to show the sideblog dropdown. Messy.The only draw back of the static preview vs. live preview is that live previews allow you to see what the permalink pages are like. Because static previews are on pages it can’t ‘call’ a post via the permalink. You can kind of do this if you wish (which I’ll explain later) but that will mean more pages as well.
How do I make them?
Making static previews are kind of like just creating new pages. Simply copy and paste.STEP 1: Create a test side blog.STEP 2: Install the theme you made on the test blog. Make it up pretty like a live preview - so make sure there are posts on there. I would also recommend having more than one page so the page navigation will appear as well.STEP 3: Once you’ve made sure everything is proper on the test blog (because it’s annoying to have to fix it on static previews) right click > view source. STEP 4: When the view source tab appears in your browser you need to make sure to select ALL the contents in that window. I mean ALL. You can easily do that by clicking in the window and doing CTRL + A. STEP 5: Preferably you’d have your static preview blog set up already. If not go ahead and create yet another side blog for where all your static previews will be (or if you are ok with dealing with a lot of pages on your main blog you don’t have to).STEP 6: Create a page! You can do that by going to customize theme and below appearance there is the page section. Click it to expand it and click Add a page.STEP 7: When the page window pops up you want to make sure you select ‘CUSTOM LAYOUT’ from the drop down instead of standard layout. If you don’t have this option you need to follow some people on the blog/create some dummy posts. Don’t worry these posts won’t appear on your static previews.STEP 8: In the HTML window you will paste the view source code from your actual live preview. Click save. And there you have it!
Hopefully that clears most of it up and will be helpful to those who need to do this so your blog doesn’t get suspended if someone is mean and reports you.

Static Previews

It was a surprise to me how often I get questions about static previews from how to what. Hopefully this will help confused theme users and makers out there. I not only explain what they are and why theme makers need to use theme more but how to create them.

Read More

[ Finally HOW TO MAKE A TUMBLR THEME SERIES: VOL III - Posts ]

Includes:
Post Elements / Types of Posts
Hiding Photo/Photoset Captions
Grid (Multiple Post Columns) Layout
Horizontal Layout
» VOL III -  POSTS TUTORIAL» VOL II - SIDEBARS TUTORIAL» VOL I - BASIC STRUCTURE TUTORIAL» TUTORIAL SERIES NOTES & FAQ
Please like/reblog this post if you found the tutorial helpful!  ♥ Because it took me 8 hrs to write it up. 

Next week time whenever I get to it,  VOL IV - Post Info, which will explore:
- Post info elements- Post info on the sides of posts- Post info showing on hover

[ Finally HOW TO MAKE A TUMBLR THEME SERIES: VOL III - Posts ]

Includes:

  • Post Elements / Types of Posts
  • Hiding Photo/Photoset Captions
  • Grid (Multiple Post Columns) Layout
  • Horizontal Layout

» VOL III -  POSTS TUTORIAL
» VOL II - SIDEBARS TUTORIAL
» VOL I - BASIC STRUCTURE TUTORIAL
» TUTORIAL SERIES NOTES & FAQ

Please like/reblog this post if you found the tutorial helpful!  ♥ 
Because it took me 8 hrs to write it up. 

Next week time whenever I get to it,  VOL IV - Post Info, which will explore:

- Post info elements
- Post info on the sides of posts
- Post info showing on hover

How to Make a Tumblr Theme Series: VOL I - Basic Structure

In this part of the tutorial series you will learn basic structure terms and the planning process. This tutorial is meant more for those who may not know CSS, HTML, or Tumblr elements at all. If you find you are more familiar with those things feel free to skip to VOL II: Sidebars.
» VOL I - Basic Structure Tutorial» Tutorial Series Notes & FAQ
Please like/reblog this post if you found the tutorial helpful! ♥

How to Make a Tumblr Theme Series: VOL I - Basic Structure

In this part of the tutorial series you will learn basic structure terms and the planning process. This tutorial is meant more for those who may not know CSS, HTML, or Tumblr elements at all. If you find you are more familiar with those things feel free to skip to VOL II: Sidebars.

» VOL I - Basic Structure Tutorial
» Tutorial Series Notes & FAQ

Please like/reblog this post if you found the tutorial helpful! ♥

How to Make a Tumblr Theme Series: VOL II - Sidebars

Let’s faced it the most unique part about themes are the sidebars. In this volume of the How to Make a Tumblr Theme tutorial series you will learn how to code FOUR different types of sidebars:
The floating sidebar - most common
The tall sidebar - the one that stretches the whole screen sometimes with or without a background image
Two sidebars 
Top/Bottom bars
This volume also includes:
Basic sidebar elements - what typically goes into a sidebar and the tumblr elements for that
Basic link style transitions - font color, background color, border
Hover over descriptions
Link blocks - the 3 basic ways to arrange links
Jump Pagination - coding and styling page navigation that is like 1 2 3 Next Page.
» VOL II - Sidebars Tutorial» VOL I - Basic Structure Tutorial» Tutorial Series Notes & FAQ
Please like/reblog this post if you found the tutorial helpful! ♥

NEXT WEEK: VOL III - Posts
Which will explore:
- Basic post elements- Multi column post layout aka grid layout- Horizontal layouts

How to Make a Tumblr Theme Series: VOL II - Sidebars

Let’s faced it the most unique part about themes are the sidebars. In this volume of the How to Make a Tumblr Theme tutorial series you will learn how to code FOUR different types of sidebars:

  • The floating sidebar - most common
  • The tall sidebar - the one that stretches the whole screen sometimes with or without a background image
  • Two sidebars 
  • Top/Bottom bars

This volume also includes:

  • Basic sidebar elements - what typically goes into a sidebar and the tumblr elements for that
  • Basic link style transitions - font color, background color, border
  • Hover over descriptions
  • Link blocks - the 3 basic ways to arrange links
  • Jump Pagination - coding and styling page navigation that is like 1 2 3 Next Page.

» VOL II - Sidebars Tutorial
» VOL I - Basic Structure Tutorial
» Tutorial Series Notes & FAQ

Please like/reblog this post if you found the tutorial helpful! ♥

NEXT WEEK: VOL III - Posts

Which will explore:

- Basic post elements
- Multi column post layout aka grid layout
- Horizontal layouts