Page 1 of 1 |
|
Posted: Mon, 4th Jul 2011 14:43 Post subject: Web page - text slider? |
|
 |
So I have a personal web page, and on it there are lots of posts (it's kinda like a blog, but I put stuff for uni there). And currently that looks awful: there is a 500 px wide div that goes forever towards the footer.
So I've been thinking, can I make it so that I have like 10 posts (or fixed hight div size) and then down in the lower left there would be like numbers of pages like here for ex:
So you can go to pg x for older posts.
I'm making it in basic html+css, nothing too fancy.
Can that be done? I've looked at jquery but I've only found sliders and stuff like that...
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson chiv wrote: | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 14:48 Post subject: |
|
 |
I can help you with that when I'm back home 
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 14:52 Post subject: |
|
 |
But I need an answer nao
Can you point me in the right direction, where to look?
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson chiv wrote: | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
Back to top |
|
 |
garus
VIP Member
Posts: 34200
|
Posted: Mon, 4th Jul 2011 14:53 Post subject: |
|
 |
snip
Last edited by garus on Tue, 27th Aug 2024 21:55; edited 1 time in total
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 15:04 Post subject: |
|
 |
Hmm I found something that looks nice, but how to implement that to my page :\
http://www.thebrightlines.com/onopager/website/
List 5
EDIT:
And if it was transparent...
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson chiv wrote: | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 15:30 Post subject: |
|
 |
Why does this has to be so hard?! 
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson chiv wrote: | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
Back to top |
|
 |
Werelds
Special Little Man
Posts: 15098
Location: 0100111001001100
|
Posted: Mon, 4th Jul 2011 15:32 Post subject: |
|
 |
Have you got full control over the layout dingo? Like, can you alter the templates in how stuff gets rendered? 
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 16:09 Post subject: |
|
 |
Werelds wrote: | Have you got full control over the layout dingo? Like, can you alter the templates in how stuff gets rendered?  |
Well... yeah. Why?
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson chiv wrote: | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
Back to top |
|
 |
garus
VIP Member
Posts: 34200
|
Posted: Mon, 4th Jul 2011 16:16 Post subject: |
|
 |
snip
Last edited by garus on Tue, 27th Aug 2024 21:55; edited 1 time in total
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 16:31 Post subject: |
|
 |
oh shit and I sat down and made something for you it's ugly but it works and you can alter the css until it fits your needs 
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 16:36 Post subject: |
|
 |
Oh and the link
http://webwerkz.de/dingo/1
*the layout is just an ugly hack... as I said, I'm at work *
http://webwerkz.de/dingo/2
*a little bit more basic *
edit:updated links
btw. just for the sake of it I assumed that you use
and unsorted list <ul>
with list items <li>
instead of div... shouldn't make a difference though.
usage is very easy ->
$('#myCommentList').skimmable(10);
*10 = scroll 10 posts
|
|
Back to top |
|
 |
garus
VIP Member
Posts: 34200
|
Posted: Mon, 4th Jul 2011 16:46 Post subject: |
|
 |
snip
Last edited by garus on Tue, 27th Aug 2024 21:55; edited 1 time in total
|
|
Back to top |
|
 |
|
Posted: Mon, 4th Jul 2011 16:47 Post subject: |
|
 |
If you like it, I could simplify the code, so that you just import the scrollto and my skimmable plugin
it could look like this then
Code: | <link rel="stylesheet" type="text/css" href="skimmable.css" />
<script src="jquery.js"></script>
<script src="jquery-scrollTo.js"></script>
<script src="jquery-skimmable.js"></script>
<script>
$('#commentList').skimmable(5);
</script> |
|
|
Back to top |
|
 |
Page 1 of 1 |
All times are GMT + 1 Hour |