Apr 2, 2015
Diamond tab (By Rosettaful) | Preview | Code (It is instructed how and where you put the codes.) Please give me credit for this in your links or faq! Like this if using or thinking of using! Thank you xx
seen from China
seen from France
seen from China
seen from South Korea
seen from Yemen
seen from Belgium
seen from United States
seen from Singapore
seen from United States
seen from United Kingdom
seen from United States
seen from China
seen from Singapore
seen from United States
seen from United States
seen from Australia
seen from United States
seen from Türkiye
seen from China
seen from Germany
Diamond tab (By Rosettaful) | Preview | Code (It is instructed how and where you put the codes.) Please give me credit for this in your links or faq! Like this if using or thinking of using! Thank you xx
Flower Petal Tab (By Rosettaful) | Preview | Code If you use this tab please give me credit for it in your faq or links! And do NOT remove my credit (In the middle)! Like if using or thinking of using Thank you xx
Please guys i need your help !
I'm looking for a bubble tab, do you know a great model of tab or someone who could make a good one for me ?
Bubble Tab
paste this code above </style>
#tab1 { background-color:#ffffff; /* background colour */ border-bottom:2px solid #ffbaf8; /* top border width and colour */ border-top:2px solid#ffbaf8; /* top border width and colour */ border-left:2px solid #ffbaf8; /* left border width and colour */ border-right:2px solid #ffbaf8; /* right border width and colour */ width:25px; /* width before hovering */ height:25px; /* height before hovering */ font-size:14px; /* font size */ font-family: 'Patrick Hand', cursive; /* font */ color: #808080; border-radius:60px 60px 60px 60px; -moz-border-radius:0px 0px 0px 14px; position:fixed; overflow:hidden; top:14px; left:14px; z-index:999999999; padding:2px;
-webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
#tab1icon{ font-size:17px; /* size of text icon */ color:#808080; /* colour of text icon */ margin-top:0px; margin-right:0px; text-align:center; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
#tab1:hover{ width:300px; /* width after hovering */ height: 425px; /* height after hovering */ border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; opacity:0.95}
paste this code after <body>
<div id="tab1"><center> <div id="tab1icon"><img src="https://64.media.tumblr.com/tumblr_mdnsivG5zy1qdlkyg.gif" /></div><br>
<div style=" width:150px; border:3px solid #ffbaf8; padding:8px; font-size:25px;">Welcome!</div><p>
<br>
content goes here
</div>
if you want multiple bubble tabs, just repeat the steps above but change "tab1" to "tab2" for the second, "tab3" for the third, and so on. and be sure to change the positioning if you do that so the tabs don't lie on top of one another!
-kate
whose good with html stuff?
can someone please help me with my bubble tab? it's like there's not even a picture before the hover and i know i did something wrong, but i don't know what, please help me :( send me message if you know what i did wrong and how to fix it
GUYS I DID A COOL THING! I PUT A BUBBLE TAB ON MY BLOG ALL BY MYSELF!!!
What do you think of my new bubble tab?
It took me ages, but now I'm finally done with it. I'd love to hear your guys opinion's ! :) xx