…because good design helps sell your ideas.

BLOG DESIGN JOURNAL


.

Your Questions About Tumblr Codes Scroll

Posted on June 18, 2011 by Blog Design Journal

Paul asks…

scrolling follower tumblr coding?

on my tumblr theme, i wanted to make it so my “following” box (the section that shows who i’m following) scrolls at 300 px high… i’ve seen this done and i was wondering if anyone had the code for it :) http://clevercontradictions.tumblr.com/ that is my tumblr btw
i know how to make a box using CSS — i want something tumblr has already provided on their site, to scroll. uhg.

Blog Design Journal answers:

Set the scroll box’s CSS with:

height: 300px;
overflow: scroll;

I “assume” you have the width set already. You will have to edit this CSS:

class=”box”

.box {
width: whatever it is now;
height: 300px;
overflow: scroll;

whatever else is here
}

This is current CSS for the “box”:

.box{background-color:#FFFFFF; padding:5px; margin-bottom:5px; text-align:justify;min-height:px;}
img{border:none;}
.box img{padding-left:3px; padding-top:3px;}

Ron

Lizzie asks…

On Tumblr, as you scroll down in a blog, how do you keep the description section scrolling with you?

Maybe a code please?
Thanks! :)

Blog Design Journal answers:

Look at the CSS for the container for the “description section”. Try adding:

position: fixed;

May need to also use a pair of these:

top | left

bottom | left

top | right

bottom | right

Then tweak the container into its fixed position.

Position: fixed;
top: YYpx;
left: XXpx;

Ron

Carol asks…

Tumblr scroll/back to top button?

what is the code for this and where would i put it? ive been looking everywhere and cant find one. please help :/

Blog Design Journal answers:

Http://kylemonk.tumblr.com/post/524226104/infinite-scroll-back-to-top-auto-pager-tumblr-script-das

Charles asks…

How to fix the left sidebar from scrolling? Tumblr?

this is my tumblr

http://blo0dflow3rs/

I’d like to make it so the sidebar with my information is fixed and won’t move as you scroll among my posts. I’m proficient in html and css, just tell me what to do / give me a code! Thank youu

Blog Design Journal answers:

In your #about css selector, change “position: absolute” to “position: fixed” and change “left: -400px” to “left: 0″. The correct css properties for the #about selector are shown below:

#about {
position: fixed;
left: 0;
top: 100px;
text-align: right;
color: #000;
width: 180px;
margin: 0px;
}

Powered by Yahoo! Answers

Leave a Reply

You must be logged in to post a comment.


  • Advertise Here

  • Business Directory for Houston, Texas
  • Blogarama - The Blog Directory


↑ Top