tutorials






If you find my tutorial blog useful, please place a link back to me on your blog somewhere. I will love you forever:
tutorials

I do not own anything on this blog unless stated otherwise. If you feel something has been poorly credited please message me so that I can rectify this. Thank you.


Click here for useful links

'I've moved' theme
You've been here __ times
Cute heart stats
Cute pagination
Post hover over links
Tumblr tag cloud
Formspring box in your ask
Drawer description
Drop down mp3 plyayer
Endless scrolling
News & updates marquee
Music Player (2)
Creating a second blog
Password protect your blog
Moving title
Moving follow and dashboard buttons
Adding a banner
Number of posts per page
Removing the sidebar image
Pop up ask box
Pop up ask extras
Sidebar ask box
Adding a Scroll Box
Enabling your ask
Back to top button
Back to top button version 2.0
How to change your background
Adding custom fonts to your page
How to get the mini cursor
Adding Another Sidebar
Changing The Size Of Posts
Speech bubble questions version 2

How to make gifs
Image mapping
Blends

Image Mapping
Blending Images
Making A Text Gif
Clear White Stripe On a Banner
Making A Photoshopped Description
Writing with imaged background

Cursors
Favicons
Fonts
Brushes
Buttons
Backgrounds
Scalloped borders
Bows
Dolls
Cosmetics
Flowers
vases
Pixels
Banners
Shapes
click to view navigation
transparent navigation
adding like button
Highlighting text
Blog roll
Sliding buttons
Slide Down Menu (Image)
Changing the selected text color
Drop down menu
Fade in images
Box shadows
Text area (to display codes)
Adding Tags
Coloured scroll bar
Disable right click
Fairy dust cursor
Bubble Cursor
Basic text codes
Users online
Hits counter
Shaking photo's
Shrinking photo's
Disable drag/select
Add A Tumblr Tumbleroll To Your Sidebar
Fading links
Scrolling marquee
Rainbow Text/Link
Falling snow flakes

Unfollower hater
XPreview
TumblrLife
Dashboard Theme
Missing E Extension
xKit Extension

Some themes have the option to change your background already installed. To change it you can go to customize > appearance > upload background image. I have several background images you can use here.

Some themes you just can’t change the background! This is because the background is part of the theme graphics.

To change a background using html…

In your code you’ll be able to find your body code that will look a little like below.

body{

font-family:tahoma;

color:#000;

font-size:12px;

background-color:XXXXXX;

background-image:url(IMAGEURL)

background-repeat:repeat;

background-attachment:absolute;

}

Okay so what does everything mean?

background-color:XXXXXX;

to change the COLOR of your background you need to change where I have XXXXXX to a color code. You can find many color codes on google & it must start with #. If you only want a color as your background and no image, you can delete background-image:url(IMAGEURL);

background-image:url(IMAGEURL);

this is where you can change/add an image as your background. to do this replace IMAGEURL with the url of your chosen background image.

background-repeat:repeat;

this part depends on your chosen background… if it’s a small background designed to be repeat you need to have repeat between : and ; IF you don’t want your background to repeat itself (as maybe you’ve used a graphics software to create your theme) you need to replace :repeat; with :no-repeat;

background-attachment:absolute;

this part of the code depends on your chosen background again. do you want your background to move when you scroll (like my tutorial blog)? or stay in the same place (like my main blog)?

If you want it to move, the attachment is absolute

If you want it to stay in the same place, the attachment is fixed

xo

  1. yummy13guys reblogged this from theamazingtutorials
  2. theamazingtutorials posted this