The slide out tab looks like this
And if you move your cursor it looks like this but its actually moving.
First put this code directy BEOFER </style>
Then put this code directly BEFORE <body>
So everyone of you notice its not moving well its because there's missing ill tell you.it looks like this which you cant edit this one.
1st step which is the first code
<!-- made by sppice, tutorial at megscoding.tumblr.com-->
<div id="oneout"><span class="onetitle">
TITLE HERE
</span><div id="oneout_inner"><center>
SLIDE TEXT GOES IN HERE - Updates, networks, etc
<br></center></div></div>
2nd step
<!-- made by sppice, tutorial at megscoding.tumblr.com-->
<div id="oneout"><span class="onetitle">
What will you name in the slid out tab
</span><div id="oneout_inner"><center>
SLIDE TEXT GOES IN HERE - Updates, networks, etc
<br></center></div></div>
3rd step
<!-- made by sppice, tutorial at megscoding.tumblr.com-->
<div id="oneout"><span class="onetitle">
What will you name in the slid out tab
</span><div id="oneout_inner"><center>
<h2>supported and etc</h2>
<MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center>
<a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/>
</a>
<a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/>
</a>
<--!you can upload in tinypic.com its still thesame with the example there^-->
</center></MARQUEE>
<h2>your title here</h2>
<MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center>
<a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/>
</a>
<a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/>
</a>
</center></MARQUEE>
<br></center></div></div>
there!here's the explenation.
the <MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center> makes the images move and try erasing the <MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center> makes the images move
the </center></MARQUEE> it makes the images in the hover tab isnt in the upper corner that has lots of space but you cant scroll down in your posted pics try erasing the </center></MARQUEE> but paste it again so it will still be steady.
the <br></center></div></div> it makes your blog not messy.
there will be another one but diffrent for thos blogs that the sidebar cant move if you scroll down.
maybe this will help you i've been working 30 minutes doing this tutorial
---------------------------------------learned from html-tutorials.tumblr.com--------------------------------------
No comments:
Post a Comment