This is from html-and-etc / fuckyeaprettytumblr, I like to use this in themes and realized that html-and-etc was taken down! So here are the codes, they aren't mine!
Put THIS before </style>
Put THIS where you want the stuff to show up!
If you want to change anything, just replace the image url and the {Description}!
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
hey, i heard that you had a tutorial on how to add a second updates tab but i can't find it anywhere. could you link me please? :)
hello! it is located here.
for future reference, i have a tutorials menu that can be found from my main page. all of my tutorials are organized in that menu if you have difficulty finding something! i also tag all of those posts with “tutorials” as well :-)
where did you get the drop down tab codes? thank you xx
hey babe! so the “tutorial” for the bottom left-hand corner one is located here - It’s an exact copy/paste code of mine so it shouldn’t be a problem unless you want to move it somewhere else on your blog.
and the tutorial for the slide-down top left corner is here but i changed the formatting a lot from the original, so here is a second tutorial that i made to compare the code to my own for reference. it might be a bit confusing so just let me know if you need help <3
heyy! i was wondering if you could help me? i made the drop recent thingie thanks to you :) but i dont know how i would put an image url if the image is in my computer? thanks :)
You have to correct the dimensions of the image to be small enough for the hover, for one. Then you upload it to a photosharing website (I used tinypic).
I love these tags, my theme isn't the best to have one, though. I'll put this out there for future reference, and to share with everyone. This is simplest if you have at least a basic, beginner knowledge of CSS & HTML, if not, go to w3schools.com and browse through.
Go into your blog's HTML. You should know how to do this. Honestly.
Locate the </style> tag. Paste this code above it, in with the CSS.
#updates {
text-align: center;
font-size: 11px;
position:fixed;
left:30px;
top:-183px;
-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-right-style:double;
border-bottom-style:double;
border-left-style:double;
border-width:3px;
border-color:#aaa;
font-size:9px;
padding: 5px 0 5px 0;
background: #fff;
width:200px;
height:170px;
z-index: 9999;
}
#updatestab {
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
border-color:#aaa;
text-align: center;
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: 200px;
}
Now, find the <body> tag (it should be somewhere below the </style>). Paste the following right after the <body> tag. You edit this yourself to display what you want to be visible on your blog.
<div id="updates">
<div id="update"> <center>
<p> [THIS IS WHERE YOU ADD THE PHOTOS AND INFORMATION TO DISPLAY INSIDE THE TAB]
</center></div>
<div id="updatestab">
[THIS IS WHERE YOU ADD THE PHOTO AND/OR TEXT THAT YOU ROLL OVER TO DISPLAY THE TAB. BELOW IS AN EXAMPLE OF A GOOD SIZED IMAGE, I PICKED A TEENY TINY TARDIS, BUT IT CAN BE ANYTHING]
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
Click the "customize" tab in the upper righthand corner
Click "edit html"
Paste thiscode after the tag
Paste this code after the tag
To add links paste titleTo bold your words paste your textTo italicize your words paste your textTo create spaces/breaks in your words paste To use an image instead of text in the "hover" place paste
If you have any other questions about it, please message me again. :)