false i-frame tutorial, I will teach later :)
- Claire
false i-frame tutorial, I will teach later :)
- Claire
In your sidebar’s css code, which is located in the style tag. For example your sidebar code is like:
#sidebar{
etcetcblablabla
}
add background: #fff url(‘BACKGROUNDIMAGEURL’); between the curly brackets. Like:
#sidebar{
etcetcblablabla
background: #fff url('BACKGROUNDIMAGEURL’);
}
You can also change the color of the background color if you’re not using an image. If you’re not using the background image, delete the backgroundimageurl thingy, the quotation marks aren’t necessary so it’s okay if you wanna delete or not, tumblr isn’t case sensitive.
To change the background color, it’s using html color codes, you can go to colorpicker.com and use the colorpicker and get the code and paste it USING THE HASHTAG, dat hashtag is important and so #colorcode okay? okay. ._.
// Claire
Tumblr is a blog :) for cool kids bc sweg hahahaha well Tumblr is for awesome people ;)
// Claire
How to put a seperate scrollbar for your posts it’s in the tutorials, if it doens’t work, just make your <div id=“posts”> or anything before the {block:POsts}, go to that div, and type:
overflow: scroll;
height: 600px;
And make sure don’t make it 2 columns or more it doesn’t look good okay
// Claire
How to use meta tags,
Meta tags means you use to customize them
They look like this:

Let’s see the id of the meta tags
- image
This tag will let the user upload an image whether it be a background image or a sidebar image.
- color
This will let the user change the colour of something, whether it be the colour of the text, or the background.
- text
This will let the user add text, this is particularly useful when you want the user to be able to add custom links.
- font
This will let the user change the font of a particular area, whether it be the header or main text.
- if
This tag allows users to decide whether they want certain things on their theme, whether they want endless scrolling or not? Like a checkbox
You’ll need to decide which meta tags to use:

This is the code, so you can change the id, and the name and the default content:
<meta name="color:header" content="#888888"/>
Since the tag doesn’t need to be closed, add a / before the closing angle bracket.
The above alone does not make the tags work, you need to incorporate them in to the actual theme, like below…

or..

Update and save, and click back and click save again and reload the page, the tags should come out after that :)
You’ll notice the layout as {id:name}, the name needs to correspond with the meta tag name you first use.
Voila, your users can now easily customize your themes!
THIS TUTORIAL CREDIT IS TO HOWTOMAKEASIMPLETHEME.TUMBLR.COM I ONLY EDITED A LITTLE KAY?
// Claire
Maybe you have to wait for a while :$
You can paste the graphic code anywhere thats the magic of html, but yeah, you need to style it: #graphic{ right: 3px; Bottom: 3px; position: fixed; /* change dis to absolute if u dont want it floating */ } And put it under
Either look for the contents of the sidebar in the custom html so you can see the sidebar and just go on the very top and before it says sidebar, go on the bottom and (before all the text kay?) and paste an image there :3
//Claire
It’s a favicon, put this under <head>
<link rel="shortcut icon" href="{Favicon}">And now change the {Favicon} include the curly brackets okay? Replace them with the favicon image url, you can see favicons here
// Claire
Okay, first, make a div of anything you want. Like <div id=“scrollbar”>, or any div name you want to put, let’s just put this after <div class=“popup_block”>
<div id="scroller">
And also put this before the closing of the popup thingy like after the faqs and the ask, and after going to close it, you have a </div>, so before that, put this:
</div>
And now, go to your css (I mean the style part), and paste this code between <style type=“text/css”> and </style>:
#scroller{overflow: scroll;
height: 300px; /** You can change this into how tall it would be then you must scroll down after that **/
width: 400px; /** Same as above, but how wide you want it to be **/
}
// Claire
Kisses *_*
okay so we know like none of you guys read these things, but were just assuring you keep the credit and don't steal anything from the theme. i mean like just preview the code and rip things off there. the themes here are
theme: claire
cute transitions: justin aguilar animations
creative link effects: tympanus
sidebar icon: @notesmokeciggys