an option to choose if updates tab is on the left or right;
if you make updates tab appear on the right the cloud image should be flipped
horizontally. if your browser doesn’t do that save this cloud image, click on “updates tab big img” and upload it.
cloud & raindrops are transparent. it looks the best if updates tab’s background matches your blog’s background;
if your blog’s background is dark save this raindrop image, click on “updates tab small img” and upload it.
you can change the pictures, but you might need to adjust their positioning so you need basic coding knowledge (or you can message me your idea and i will try to code it for you);
copy the meta code and place it above <style type=“text/css”>
copy the css code and place it under <style type=“text/css”>
this is the updates tab i’m currently using on my main blog, released after many a request. it’s very simple - five expanding boxes - and instructions for changing colors etc. are in the code.
how to install :
paste this under <style type=“text/css”> (this will be where you change colors etc.)
paste this under <body> (this is where you edit your content)
i haven’t put a credit link in, but if you have a credits section on your blog it would be lovely if you put credit in there. if not, then i just ask that you direct anyone who asks where you got the tabs over to my blog.
updates tab tutorial - preview this is the tab currently being used on my theme blog, released upon the requests of a few anons. it’s a very simple sliding tab.
how to install - 1 - paste this under <style type=“text/css”> 2 - paste this under <body>
That’s it - you’ll edit your text in the code for step 2, and any colors etc. can be changed in the css. Enjoy using and let me know if you have any issues x
paste code number 1 in the meta section of your theme (right at the top where you can see for example: <meta name=“color:Background” content=“#ffffff”/>). This is so that you can change the colours of the boxes without going into the code.
paste code number 2 right above {CustomCSS}</style></head><body>
paste code number 3 right under {CustomCSS}</style></head><body>
PLEASE LIKE / REBLOG IF YOU ARE USING IT!
PLEASE LEAVE THE CREDIT IN IT!
ABOUT THIS TAB IN GENERAL
The original version has 5 crosses with text boxes
If you want to add more or delete a few then you can do that easily in the code
All the colours are customizable without having to go into the code, just do it in your tumblr customizing menu
For inserting the text you need to go into the code though, just like with every other updates tab
You have the option of turning it off in your customizing menu if you don´t want to use it anymore, you don´t have to delete it from the code
the box sizes are height:200px and width:130px, if you need more you can change it easily
IF YOU WANT TO CHANGE THINGS IN THE TAB:
Check my other updates tabs for reference, on all those posts there are explanations for most questions.
If you don´t find the answer to your question there, check the tutorials on my theme blog.
If you still have questions, request a tutorial here.
ADDITIONAL GADGETS
You want to have a colour spectrum to choose from?
I spent a lot of time making it so I would really appreciate it if you:
1. left the credit where it belongs
2. directed others who ask for a tutorial for this updates tab to this post
3. didn´t claim it as your own, no matter how many changes you have done
4. didn´t steal the code or redistribute this updates tab in any way.
I will find out and I can assure you, it´ll not be pleasant for you.
I am always there for your questions, so check on my HTML and Themes blog if you want to know something or just ask your question there and I will make a tutorial for you.
You’ll need to edit the text manually in the <body> section of the code, so some basic html knowledge is helpful but not required by any means. There’s a small credit link in the fifth tab - you can remove it if you really want to.
Have fun with the code and message me if you encounter any issues!
somebody asked me long ago to make an updates tab to go with my theme #1 and here it is! It comes with a drag and close button for all the people that are tired of the huge updates tabs blocking the blog’s content. Anyways, both buttons can be deactivated as indicated in the code.
Notes: Hi! This is my first updates tab tutorial pack! It’s really easy to install and customize to your liking. Tutorial below the cut + Notes in code for customization help. Hope you enjoy! :)
