Paste this where you want the title to be:
<div style=”background: #E3E4FA;padding: 5px;font-size: 12px;”><b>UPDATES</b></div>
And then change the color (#E3E4FA, using this) and retype the ” ” marks if it doesn’t work right away.
I’m not 100% sure this will work but maybe try adding this code where you want it in the tab.
Double Bubble Tab, From top!
Preview: (Live Preview)
1. Start off by finding </style> and copy and paste this code directly before it. (You can also past it directly after <style type=”text/ccs”> if you cant find </style>)
2. Then find <body> in your theme, and paste this code right after it. You can also paste it right before </body>
3. Customize to your hearts desire! Everything is labeled in the html. You can change the color, add all your announcements and networks, you can change the width and height of the tabs. Almost anything is possible!!! If you have any questions feel free to ask!
Code written by me (dazieh)
Please look here before asking questions about this tutorial!
*Like this tutorial if you found this helpful or are using this code!*
Double Bubble Tab!
Preview: (Live Preview)
1. Start off by finding </style> and copy and paste this code directly before it. (You can also past it directly after <style type=”text/ccs”> if you cant find </style>)
2. Then find <body> in your theme, and paste this code right after it. You can also paste it right before </body>
3. Customize to your hearts desire! Everything is labeled in the html. You can change the color, add all your announcements and networks, you can change the width and height of the tabs. Almost anything is possible!!! If you have any questions feel free to ask!
Code written by me (dazieh)
Please look here before asking questions about this tutorial!
*Like this tutorial if you found this helpful or are using this code!*
florically asked: for the bubble tab with borders, how do you change the icon? it originally gives me a + sign and in the tutorial it says to remove the plus and use this code <img src="URL"> but i can't even find the plus to remove
it’s in
<b><div style=”font-size: 32px;”>+</div></b><br><p>
I have bolded the plus
Glitter Borders for Bubble Tab
Paste this code under #tabs:hover{ in your bubble tab code. If you don’t have a bubble tab yet, check out this tutorial or this tutorial!
OPTIONAL:
- Change border:4px; to a bigger or smaller number to change the size of the borders.
- Change All of the URLS in the code (highlighted in the image below) to a different url from THIS website!
- Make sure you change all of the URLS or it will not work!!
Please *LIKE* this tutorial if you found it helpful!
Bubble tab with dotted borders
PREVIEW: 
Paste this code under
<style type="text/css">
or before
</style>
- If you do not want dotted borders, find “border:dotted;” and change it to solid, or, if you don’t want a border, remove the line of the code.
- To change your box color, find the code under
.ttitle {and change it to any color that you would like - To change height of box that the icon is in, find
#tabs{and change the width/height - To change height of hover box, find
#tabs.hover{and change height/width
Now paste this code under <body>
- To make the icon a different one, remove the plus and use
<img src="URL">
(retype quotation marks) - To make the dividers another color find background and change the HTML color.
- Marquee is already installed for networks
Please look here before asking questions about this tutorial!
Credit goes to html-tutorials
