roxxiedawn(: Posted June 17, 2010 Share Posted June 17, 2010 Hi, I've seen this design used but I can't quite figure out how its done. It looks like its done in PHP or CSS, or some kind of HTML? I can't exactly describe it, so I attached a picture so you can understand what I mean. How is this done? Where the arrows you click can scroll you to the next page, and it slides. I'm sorry I can't describe this better >_< . If anybody knows how or has a script/code they can share with me I'd be very thankful. xD I'm dying to know how to do it because I could design such pretty sites. ;P edit* oh, they might also be div things that scroll, I think I've heard of that before, but I have no idea how to start using it. xP Quote Link to comment Share on other sites More sharing options...
Wizard Posted June 17, 2010 Share Posted June 17, 2010 Learn javascript, and then get jquery. Look up jquery. Quote Link to comment Share on other sites More sharing options...
avattz Posted June 22, 2010 Share Posted June 22, 2010 If the content is static (not changing) this can easily be done using HTML by replacing the next page link with an image file of an arrow. each page will point to the previous and next page. Quote Link to comment Share on other sites More sharing options...
laiam Posted June 23, 2010 Share Posted June 23, 2010 Well.. I don't have anything for sliding but here is something... http://laiam.co.cc/pages.htm edit: found this... http://www.switchonthecode.com/tutorials/u...to-scroll-a-div if you want i could try to make a more understandable tutorial or something... Quote Link to comment Share on other sites More sharing options...
Guest Geoff Posted June 25, 2010 Share Posted June 25, 2010 I investigated the home page of heliohost.org, with the scrolling arrows, just like you described and found that they use the MooContentScroller from http://mootools.net/. I am sure that djbob can confirm this, although I might not be correct. Quote Link to comment Share on other sites More sharing options...
tobi Posted July 6, 2010 Share Posted July 6, 2010 My reply is probably too late, as I don't check the forums that often. - if you're looking for tabs, with or without a scrolling effect, then check out jquery tools download the tabs one, and/or with scrolling. You'll need jquery, which can be easily included using google's CDN. - an alternative to the tabbed scrolling effect would be coda slider or jflow, which you can find a tutorial on here. both require jquery. - if you want to scroll an entire page, as found on my site or here, get scrollTo - There are of course other implementations using other libraries, such as moocontentscroller as mentioned above, which uses mootools - here's another jquery scrolling effect - you can also just google "content slider" for more stuff like this good luck with whatever you're doing. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.