Updates Tab #01 by glenthemes
A bongo cat updates tab that changes paws (images) and reveals the updates text on click. Sits at the bottom of your screen.
𝟐𝟎𝟐𝟓 𝐉𝐮𝐧𝐞 𝐮𝐩𝐝𝐚𝐭𝐞: no longer requires JavaScript/jQuery 🎷
▶ Preview + Codes + Customization

seen from United States
seen from Morocco
seen from Germany
seen from China

seen from Russia

seen from Morocco
seen from Indonesia

seen from United Kingdom
seen from United States
seen from Ukraine

seen from Italy
seen from Saudi Arabia
seen from Latvia
seen from South Africa

seen from Portugal
seen from Venezuela

seen from Libya
seen from United States

seen from Sweden
seen from United States
Updates Tab #01 by glenthemes
A bongo cat updates tab that changes paws (images) and reveals the updates text on click. Sits at the bottom of your screen.
𝟐𝟎𝟐𝟓 𝐉𝐮𝐧𝐞 𝐮𝐩𝐝𝐚𝐭𝐞: no longer requires JavaScript/jQuery 🎷
▶ Preview + Codes + Customization
last night I updated my theme. :) now I’m completely happy with it aah. find it here: x and the updates tab here: x
3 lines hover updates tab (#11) by iamthemelocked / thewomvn STATIC / LIFE PREVIEW if the gif isn´t enough :)
the codes (left version, displayed above) : 1 | 2 | 3
the codes (right version) : 1 | 2 | 3
HOW TO INSTALL
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 3 lines with text boxes that appear upon hovering
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
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?
Check this link.
You want to add colorful headers?
The tutorial is here.
You want to add a music player?
Find the detailed tutorial here.
You want to have a clock in your updates tab?
Check out this link.
FINAL WORDS
This updates tab is mine and mine alone.(thewomvn/iamthemelocked)
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.
PLEASE LIKE / REBLOG IF YOU ARE USING IT!
How did you get those cool birds on your blog?
I got the updates tab from here and then I just followed those instructions and added a few other things to my updates tab :) You can look up transparent images on Google and find similar bird images.
5 boxes click updates tab (#8) by iamthemelocked / thewomvn STATIC / LIFE PREVIEW if the gif isn´t enough :)
the codes: 1 | 2 | 3
HOW TO INSTALL
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 square with text boxes who appear upon clicking on the squares (clicking not hovering)
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
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?
Check this link.
You want to add colorful headers?
The tutorial is here.
You want to add a music player?
Find the detailed tutorial here.
You want to have a clock in your updates tab?
Check out this link.
FINAL WORDS
This updates tab is mine and mine alone.(thewomvn/iamthemelocked)
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.
PLEASE LIKE / REBLOG IF YOU ARE USING IT!
5 crosses box hover updates tab (#7) by iamthemelocked / thewomvn STATIC / LIFE PREVIEW if the gif isn´t enough :)
the codes (version on the left) : 1 | 2 | 3
the codes (version on the right): 1 | 2 | 3
HOW TO INSTALL
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?
Check this link.
You want to add colorful headers?
The tutorial is here.
You want to add a music player?
Find the detailed tutorial here.
You want to have a clock in your updates tab?
Check out this link.
FINAL WORDS
This updates tab is mine and mine alone.(thewomvn/iamthemelocked)
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.
PLEASE LIKE / REBLOG IF YOU ARE USING IT!
simple updates tab
as requested by an anon, this is how to install an updates tab which is really similar to the one i have! (EDIT: i no longer use this tab so don’t go looking on my blog for an example haha, see below for a preview)
copy and paste this code after <style type="text/css"> but before </style> in your html
copy and paste this code after <body> but before </body>
and that's it! type what u want in the boxes to replace the text i've put in. it's pretty self-explanatory but don't be afraid to ask if u need help
the preview of the basic tab is here. credit for this updates tab somewhere on your blog would be lovely but definitely isn't necessary because it's so basic a monkey could've made it. but please do like/reblog this if you are using it!!
EDIT: i’ve had a ton of people asking how to move it from left to right, to do this just change ‘margin-left:35px’ to ‘right:35px’ (NOT ‘margin-right’ just ‘right’!!!!!!)
The squares and retangles 5 boxes hover updates tab by iamthemelocked / thewomvn
the codes: 1 | 2 | 3
HOW TO INSTALL
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 boxes
If you want to add more or delete a few then you should ask me first, this tab is a little more difficult to alter
All the colours are customizable without having to go into the code, just do it in your tumblr customizing menu
For the text you need to go into the code though, just like with every other updates tab
IF YOU WANT TO CHANGE THINGS IN THE TAB:
Check my first 9 boxes / 16 boxes updates tab, you can find it here. A big tutorial is on this post already, so you should take a look at that first
Check out my other two 5 boxes colourful updates tabs, you can find the 1st one here and the 2nd one here
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?
Check this link.
You want to add colorful headers?
The tutorial is here.
You want to add a music player?
Find the detailed tutorial here.
You want to have a clock in your updates tab?
Check out this link.
FINAL WORDS
This updates tab is mine and mine alone.(thewomvn/iamthemelocked)
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.
PLEASE LIKE / REBLOG IF YOU ARE USING IT!