Can somebody be bomb af and make me a nice & simple updates tab?! :-( I have been trying to figure out how to get one up on my blog but can’t and would really like one
Answer
Hi! Thank you so much :) my updates tab is from this blog (i think) http://htmlqueens.tumblr.com/post/90313180703/updatestab-masterpost ,and i believe i use #6 (?) not sure, haha
Text
I need a updated tab!
I really need an updated tab but am having trouble finding them so if anyone has any they want to suggest that would be greatly appreciated!
Text
Flicking Tabs
My codes customized for tumblr html use
Any questions/problems, mssg me here
[[MORE]]
- Paste THIS code in the <head> tag
- Paste THIS code before </style>
- Paste THIS code right after <body> or wherever you want it in the <body> tag
Customize:
- To get rid of the tabs, find the code below and delete how many of the tabs you want gone (theres 4)
<div id=“country4” class=“tabcontent”>
Updates here<br>
Updates here
</div>
- To move the tabs, find “margin-top: -35px;” in .shadetabs (should be in the 2nd code). THIS WILL ONLY MOVE THE TABS
- To move the box, find margin-top:-19px; in <div style> in the body tag (should be in the 3rd code) THIS WILL ONLY MOVE THE BOX
Text
Tutorial: Update Tab #1
Answer
i hope you don’t mind me making this public so everyone can use this as a resource! xx.
updates tab:
- doctor who update tab images: here here {<— that link is hit or miss, it’s dw transparent images}
- misc.update tab images: here here here here {<— that one has some sidebar images}here here {<— that one is dividers} here here {<— this one is b&w} here
- christmassy update tab images: here here
- update tab masterpost: here here {<— usually has some good advice/help for update tabs!}
navigation pages:
- here {<— you can usually find some good ones in the tag!}
- here
- here
- here {<— this tag has a lot of individual themes!}
i hope this was helpful!
Text
Tell me what you think about my updates tab for a blog rate!
Be honest:P
Theme: /10
URL: /10
Posts: /10
Icon: /10
What I like/dislike:
Text
does anyone know of a tutorial for an updates tab that goes at the bottom of your theme? that can also have an image
message me please,
Photo
Answer
HAROO ^^ Well, it’s pretty easy and it’s not a stupid question mkay ~
Well, there’s other tutorials here on tumblr but I’ll just make a simplified version for you ;3 That butterfly thingy is supposedly an ‘update’ tab or like anything you want to put there, either announcements, notice, or etc. ^^ It get’s people attention so ;3
pls like if you’re using ^^
[[MORE]]
( put this code under your </style> tag
#updates {
text-align: center; ( you can choose left, right or center)
font-size: 11px; (this is adjustable, based on what size you like)
position:fixed;
left:30px;
top:-111px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#updates:hover {top:0px;}
#update {
border-color:#aaa;
font-size:9px;
padding: 5px 0 5px 0;
background: #fff;
width:200px; ( you can fix this too, based on how much you want to put in the tab)
height:100px; (this too, just to get it proportioned to your words and etc)
z-index: 9999;
}
#updatestab {
border-top-style:none;
border-color:#aaa;
text-align: center; (again, the text alignment can be fixed)
height:10px;
padding: 6px 0 8px 0;
background:#fff;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 100px;
}
and then before the </body> ,
<div id=”updates”>
<div id=”update”>
This is where you put in the things you want to say
you can use like <b> this </b> or <i> these </i>
or even <s> this </s> kind of styles
and use < br > to make a new space,
use <a href =” (link) ” > link title </a> for links
</div>
<div id=”updatestab”><img src=”(URL FOR YOUR IMAGE GOES HERE) http://media.tumblr.com/b83cbb9e3f6a9c5088b4ef541290aed4/tumblr_inline_msgw0tlIrZ1qz4rgp.gif“ width="200” height=“100”/></div>
I hope this is easy enough to follow and if you have any further questions, just hit me up ^^
Text
so the text in my updates tab is like runing on the same line and i dont know how to put them on different lines. ive tried everything.