Click here for more themes!
Nov 10 , 2012 • 23:04 • 5 notesCommentsviaShare
like
similar posts: #theme tut
Sep 01 , 2012 • 9:39 • 13 notesCommentsviaShare
like
Twitter box tutorial
similar posts: #tutorial #photos #theme tut
Aug 14 , 2012 • 20:21 • 32 notesCommentsviaShare
like
How to use themes with the default color scheme (copy and paste method)

When you paste html codes the color scheme of the old theme remains. I’ve posted a technique but it doesn’t always work. This is another method on how to use themes which are not from the garden without losing the default colors.

Read More

similar posts: #theme tut
Aug 13 , 2012 • 12:12 • 44 notesCommentsviaShare
like
How to reset default theme customization

athenabilitythemes:

Since tumblr removed the classic customize, it has always been impossible to get the default colors of a theme. What remains is the color scheme of the old theme, which is so frustrating. I’m going to share to you how I do it.

Read More

similar posts: #theme tut #text
Apr 02 , 2012 • 0:57 • 5 notesCommentsShare
like
Customization Sets

If you are planning to use this theme. Here are some images that can be useful. ;)

Warning: Too Girly 

similar posts: #freebies #photos #theme tut
Mar 31 , 2012 • 12:29 • 94 notesCommentsviaShare
like
How to customize/hide reblog & source credits

athenabilitythemes:

I don’t know if it’s legal to hide it but if you plan to do so, the responsibility is yours ;)

1. Copy the following codes and paste it  before {/block:Posts}

Note: You can edit Source: and Via: the way you want it. You can put and icon or you can totally remove them.

<div class="sources">
{block:ContentSource}
 Source: <a href="{SourceURL}">{SourceTitle} </a> 
{/block:ContentSource}
{block:RebloggedFrom}
Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
{/block:RebloggedFrom}</div>

2. Copy the following codes and paste it anywhere on the CSS area to HIDE the credits. 

.sources
{
 filter:alpha(opacity=0);
 opacity:0;
}

3. To customize it, use css.

.sources
{
 font-family: _________ ;
font-size: ___px;
text-align: center / right / middle;
color: HEXCODE;
background: url() HEXCODE ;
margin-top: __px;
margin-bottom: __px;
}
similar posts: #theme tut #text
Aug 13 , 2011 • 10:53 • 134 notesCommentsShare
like
FAQs / Tutorial
  • How do you make your themes?

I start off with these tags:

<html>
    <head>
        <title>{Title}</title>
<style type="text/css" media="screen, print, projection"> 
CSS CODES GO HERE
</style>
JS CODES GO HERE
    </head>
    <body>
BLOG CONTENTS GO HERE     
    </body>
</html>

Click here for CSS Guide.

Click here for Blog Contents Guide.

  • Can you explain better?

You can read this for  more info about blog content. What you need to do is to group the contents the way you want so you can apply specific css layout / design..

Let’s say for example you want to make a 2 column theme..

first inside the <body> and </body> tags, put the “wrapper div”  tags (the size of the whole theme)

Note: I put spaces on the div id names, so they can be shown..

so we’ll have: 

 <body>   
    <div id = " wrapper ">     
    </div> 
 </body> 

Inside the wrapper div, let’s put our sidebar div tags..

 

 <body>   
    <div id = " wrapper "> 
          <div id = " sidebar  ">    
            </div>
   </div> 
 </body> 

Below the sidebar div tags, lets put our main div tags. Why below? So it will be separated from the sidebar, and it will be inside the wrapper div.

Note: Be sure to always out the close </div> tags!

 <body>   
    <div id = " wrapper "> 
          <div id = " sidebar  ">    
          </div>
          <div id = " main ">
          </div>
   </div> 
 </body> 

Inside the sidebar div tags, Put everything you want like chatbox, music players, visitor trackers etc.

Inside the main div tags, Put all the blog contents which can be found here. Make sure they are inside the {block:Posts} {/block:Posts} tags

 <body>   
    <div id = " wrapper "> 
          <div id = " sidebar  ">    
          </div>
          <div id = " main ">
            {block:Posts}

            ALL BLOG CONTENTS HERE SURROUNDED BY BLOCK TAGS 

            {/block:Posts}
          </div>
   </div> 
 </body> 

Here’s an example of what we SHOULD have now:

Note: I just kind of copied the blog contents from the guide and i put div instead of li

<html>
    <head>
        <title>{Title}</title>
<style type="text/css" media="screen, print, projection"> 
CSS CODES GO HERE
</style>
JS CODES GO HERE
    </head>
    <body>


    <div id = " wrapper "> 
          <div id = " sidebar  ">    
          </div>
          <div id = " main ">
            {block:Posts}





             {block:Text}
                    <div class= " post text ">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </div>
{/block:Text} {block:Photo} <div class= " post photo ">
<img src=" {PhotoURL-500} " alt=" {PhotoAlt} "/> {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div>
{/block:Photo} {block:Photoset} <div class= " post photoset ">
{Photoset-500} {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div>
{/block:Photoset} {block:Quote} <div class= " post quote " >
"{Quote}" {block:Source} <div class="source">{Source}</div> {/block:Source} </div>
{/block:Quote} {block:Link} <div class= " post link ">
<a href="{URL}" class= " link " {Target}>{Name}</a> {block:Description} <div class=" description " >{Description}</div> {/block:Description} </div>
{/block:Link} {block:Chat} <div class= " post chat ">
{block:Title} <h3><a href= " {Permalink} ">{Title}</a></h3> {/block:Title} <ul class=" chat " > {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> </div> {/block:Chat} {block:Video} <div class= " post video ">
{Video-500} {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div>
{/block:Video} {block:Audio} <div class= " post audio ">
{AudioPlayerBlack} {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div> {/block:Audio} {/block:Posts} </div> </div>  </body> </html>

You can add other things like the date, tags.. refer to the guide..

Let’s move on to the CSS part. The hard part. >_< First let’s define the style of the blog itself (font, body background)

body
{
background: INSERT HEX CODE OF THE COLOR url(IMAGE_URL) POSITION REPEAT/NO-REPEAT;
font: INSERT FONT FAMILY & FONT COLOR;
text-align: CENTER/JUSTIFY;
color: INSERT FONT COLOR;
}

Now let’s define he size of our first divs (wrapper, sidebar and main). We’ll put the codes on the CSS area. To render style on the wrapper div, we should write #wrapper

Note: # for div id and . for div class

#wrapper {
width: 900PX; (should be the rough sum of the main width and the sidebar width)
}

#sidebar {
width: 300PX;
float: right; SIDEBAR ON THE RIGHT PART
background: INSERT COLOR url(INSERT IMG URL) ;
OTHER STYLING CODES HERE REFER TO THE CSS GUIDE


}

 #main{
float: left; MAIN ON THE LEFT
width: 500px;
background:;
OTHER STYLING CODES HERE REFER TO THE CSS GUIDE


}

To put a specific css style on the blog posts, just check the div class names. Example for the quote:

.post quote{
font: FONT SIZE FONT FAMILY;
color: FONT COLOR;
OTHER STYLING CODES HERE REFER TO THE CSS GUIDE

}

You may put the pagination on the side bar. Refer to the guide for other elements you may and you need to put.

This ends my tutorial for now.. I will add other things in the future.

similar posts: #faq #theme tut
May 15 , 2010 • 15:15 • 69 notesCommentsShare
like
Tutorial: Infinite Scrolling

This tutorial is for yourdeafeningsilence. Thanks for following and for all the reblogs. :)

This is a tutorial on how to apply infinite/endless scrolling on your blogs.

1. Go to Customize » Theme

2. Paste the following code before </head>

<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>

3. Save.

similar posts: #text #theme tut
May 04 , 2010 • 12:01 • 12 notesCommentsShare
like
How to hide music player
  1. Basically, you need to choose a song from a music site (e.g.: mp3-codes, singingbox, etc.). :P Make sure you have ticked autoplay.
  2. Copy the embed code.
  3. Paste at the desired part.
  4. Change the width and the height to zero (0). Click Save.

Note: It’s not always nice to hide your music player. It’s actually annoying. Why? First, because we have our own taste of music. Second, it restarts everytime the page is reloaded. Third, it intervenes when you play a video or music post and there’s no way you could stop the music. BOW.

similar posts: #text #how to #theme tut
0 COMMENTS • SHARE

recent themes




Lust [Download]



Sloth [Download]



Parisian Dream [Download]



Shades of Blue [Download]



Theme 30 [Download]



♥ More Themes ♥

instagram

ads

Fly
Ventisette Theme
Design by Athenability
Powered by Tumblr