All the information you actually need is on the codysherman site. But I’ll quickly rephrase it for you…
1. Copy and paste the following right before </head>
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
2. Copy and paste the following right before {Block:Posts}
<div class = "autopagerize_page_element" >
3. Copy and paste the following right AFTER {/block:Posts}
</div>
Um, well, I have a 1366x768 resolution which I think is a fairly medium-sized screen. For centering the posts, yes, I usually use margin:0 auto; since it’s easier than dealing with tables. However, it can be a problem if you’re planning to also have a sidebar (like you said, varying screen resolutions can be a problem). In that case, I usually just don’t center the posts.
But you CAN achieve the look with just CSS and div layers. You need to make a div layer (that’s wide, if not wider, as both the width of your sidebar and post layer) that’s centered that contains your other two div layers (for sidebar and posts). You make one div layer float to the left, and the other, float to the right. And that should work. If you still don’t understand, I can make a tutorial.
I honestly don’t remember whether I posted one or not. I don’t think I did… but if you wanted one, you need to put your image url inside a div layer (which you insert before </body>)…
<div id = "image"><img src="URLHERE"></div>
And then in the CSS, specify the width, height and position of your div layer. Insert following before </style>…
#image {
position:fixed;
width:600px;
height:200px;
left:0px;
bottom:0px;
}
The above CSS stylizes for the div layer to be fix positioned (when you scroll, the image stays in position), but you can also absolute position it (when you scroll, the image scrolls with the page).
Change the width and height to the same dimensions as your image. And you can specify the distance between the left, right, top, bottom edge of the page where the div layer will be placed. So in this case, my div layer will be positioned 0 spaces between the left and bottom.
ummm, I don’t know why the text becomes so tiny. The text is supposed to be pretty small and if it’s even smaller, maybe you pressed the zoom-out buttons by accident? Honestly, I can’t help you fix it unless you come off anon so I can live preview it (no screenshots because that doesn’t really help me figure out the problem).
Did you copy the CSS as well? You need to. You need both the HTML and CSS. And yes, the codes work for all my themes (or any themes actually, though credits would be required since I stylized it and all). So you need to copy (you must take out the asterisks *)
<div id=*"quote">
<!-- START QUOTE -->
<h3>and what the</h3>
<a href="/">hell have I done?</a>
<!-- END QUOTE -->
</div>
and
/*** QUOTE ***/
#quote {
position:fixed;
right:0px;
bottom:5px;
font:italic 50px/20px georgia, times new roman, serif;
z-index:10;
width:500px;
text-align:right;
}
h3 {
font:40px/20px coustard, rockwell, georgia, times new roman, serif;
margin:0px;
}
#quote a{
color:#000!important;
}
#quote a:hover {
color:#d6b4c2!important;
}
moving the sidebar is ok. Though adding things… well, it depends on what you add. I’m fine with extra images, links and media. Ultimately, I would prefer that if you ever do change the look of the design (2~3 things), that you message me about it, just to give me a heads-up. So if I do have a problem with it, we can discuss and go about the resolution with good sentiments.
The problem with me discovering it by myself is that sometimes, I’m caught by surprise and because I think it’s disrespectful, in some ways, of the original design, it gives me a bad feeling since I wasn’t notified first so then I can be a bit… snappy and things just don’t turn out well.
So if you notify me first, I’ll be all like, “man, this person respects me and knows that my themes are mine and want my decision and acknowledgement. Cool! He/she’s appreciative and awesome” and I’ll be ok about it and if you do a good job, I may even promo or redesign and credit you or something like that, idek. But yeah, it’s cool if people tell me that they’re doing some minor-ish reconstruction of my themes.
absolutely not! That’s more than partial altering which is not allowed as stated in my terms of use. Let me define what I mean by partial altering…
- font size changes
- font changes
- adding cursors
- colour and background changes
- changing sizes of posts and columns
- adding extra personal features (such as music players, custom scrollbars, extra images, extra menu links, disqus etc)
If ANYONE decides to alter the theme and is unsure of whether or not it agrees to the terms of use, just message me and we can discuss it. I will more likely give you an “ok” if you message me first than if I come across it by myself.
I also do not approve of any redistribution of my themes that have been re-edited.
I hope I said that clear enough! This is a very serious matter for me.
You need to wrap the image in a div layer (so it will be on top of the background) and then position the div layer.
I assume you’re using a test blog, make sure you actually type something into your description box (I’ve made this mistake many times) and just make sure you have all your div layers wrapped, tumblr variables spelt right and everything. You can use class, but they basically function the same. If you’re still having problems, let me know.
oh ok, lol, the sidebar is 200px in width. As for the height, it’s 100% of the height of the window so it can range from 600px ~ 1080px depending on your visitor’s screen resolution.
Way to appeal to my soft spot right now ;) a mention of GOT and I’m all in. Nevertheless, I’m not very good with fandom-related themes, I tried making one (kings & queens) but even that one isn’t that suitable for fandom blogs. I guess it’s not my style but I’ll consider it :) Thanks.
uh, did you “enable ask” in your blog settings?
Usually about 3~5 hours. Split into 1~2 hours of just experimenting with different looks and 2~3 hours of actual coding.
I start with the description column / menu links / additional images first so that is my focal point (and is most unique) and takes the longest time. The rest is fairly simple and just falls into place.
So, it really depends on my mood. Sometimes, I get an idea really quickly, but other times, it takes me a long before I’m satisfied with my design idea.
Sorry, I don’t understand what you mean. The height and width of what? The theme, in overall, should fit any window size.
ok, but theme 29 already has infinite scrolling? Or are you talking about theme 39?
