The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr theme help, side scrolling page-how to make it infinite scroll please...
Genshuku
post Mar 16 2012, 01:05 AM
Post #1





Group: Members
Posts: 1
Joined: 16-March 12
Member No.: 16,720



mkay, so I put alot of hard-work and what-not into a max davis theme and what-not tongue.gif however, regardless how hard I try, infinite scroll doesn't want to work(properly I should say...)

there is already a infinite scroll code in the layout, so there is that check box that you can check for infinite scroll, however all that does is takes away the "1 2 3 4 5 next" option, and trap people on my first page(since it refused to continue forward)

so I took it into my own hand, and add the custom code in the appropriate place.

worked? Yes, but not the right way. Instead of going horizontal, every time I click "Scroll forward" it merely goes diagonal(skipping a few pages might I mention) which, as you can imagine is really freakin useless.

here's my layout code thing, if ANYONE can help me out, ya know tell me how to get it to infinitely scroll horizontally, I would be VERY appreciative, because I cannnot find a code to save my life for such things. Any other method you guys could use to keep it the same but make it infinitely scroll to the side would be appreciated.

(heres a link to my page if you need help imaging what the $%&# I'm talking about: [url=http://itsallforyou-everythingido.tumblr.com)[/url]

here's the layout code thing:

<!doctype html>

<!-- ----------------------------------
Theme Nice Slide, Preview 1

Theme is made by Max Davis.
More free tumblr themes at:
http://themes.themaxdavis.com
---------------------------------- -->


<script type="text/javascript" src="http://o.aolcdn.com/os_merge/?file=/streampad/sp-player.js&file=/streampad/sp-player-tumblr.js&expsec=86400&ver=11&bgcolor=transparent&trackcolor=transparent&clickimg=true&autoplay=true&showpop=false&showplaylistbutton=false&drawersize=0&showvolumebutton=false&btncolor=black-white"></script>
<script type="text/javascript" src="http://static.tumblr.com/8oupd2j/FGqm0hmhz/streampad_id3.js"></script>


<html lang="en">
<head>
<meta name="color:Background" content="#EFEFEF" />
<meta name="color:Center" content="#FFF" />
<meta name="color:Text" content="#555" />
<meta name="color:Link" content="#222" />
<meta name="color:Hover" content="#555" />

<meta name="image:Portrait" content="" />
<meta name="image:Background" content="" />

<meta name="if:infinite scrolling" content="1"/>
<meta name="if:Header or Sidebar" content="1"/>
<meta name="if:Sidebar Fixed" content="1"/>
<meta name="if:Hide Permalinks" content="0"/>
<meta name="if:Custom Links In Bottom" content="0"/>
<meta name="if:shadow" content="1"/>
<meta name="if:shadow 2" content="0"/>
<meta name="if:shadow 3" content="0"/>
<meta name="if:Open Sans Font" content="1"/>
<meta name="if:Helvetica Font" content="0"/>
<meta name="if:Show Submit" content="0" />
<meta name="if:Show RSS" content="0" />
<meta name="if:Show Archive" content="0" />
<meta name="if:Show Random" content="0" />

<meta name="text:Ask Title" content="Ask" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />

<title>{title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
{block:IfOpenSansFont}<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,800' rel='stylesheet' type='text/css'>{/block:IfOpenSansFont}
<link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}"><script type="text/javascript" src="http://static.tumblr.com/8jq17g7/Uk0lznz97/jquery-v1.7.1.js"></script>

<style type="text/css">
Body{Background-color:{color:background};
background-image:url({image:Background});background-attachment: fixed;
background-position:top center;background-repeat: repeat;
font-family:{block:IfOpenSansFont} 'Open Sans',{/block:IfOpenSansFont}{block:IfHelveticaFont} 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue',{/block:IfHelveticaFont} 'arial', sans-serif;font-size:11px;
border:0;margin:0;{block:IndexPage}overflow-y:hidden;{/block:IndexPage}color:{color:text};}

a {color:{color:Link};text-decoration:none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
a:hover{color:{color:Hover};text-decoration:none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}#get_theme{z-index:11;opacity:0.75;position:fixed; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}#get_theme:hover, iframe#tumblr_controls:hover{opacity:1;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}

#container{margin-top:70px;{block:ifNotHeaderorSidebar}margin-top:150px;{/block:ifNotHeaderorSidebar}{block:IndexPage}vertical-align:middle;{/block:IndexPage}{block:PermalinkPage}width:100%;margin-left:auto;margin-right:auto;{/block:PermalinkPage}height:100%;}
#posts{{block:IndexPage}height:400px;{/block:IndexPage}{block:PermalinkPage}height:auto;margin:20px auto;width:500px;{/block:PermalinkPage}
{block:IndexPage}{block:ifHeaderorSidebar}{block:ifPortraitImage}margin-left:345px;{/block:ifPortraitImage}
{block:ifNotPortraitImage}margin-left:210px;{/block:ifNotPortraitImage}
{block:ifsidebarfixed}{block:ifPortraitImage}margin-left:315px;{/block:ifPortraitImage}
{block:ifNotPortraitImage}margin-left:195px;{/block:ifNotPortraitImage}{/block:ifsidebarfixed}
{/block:ifHeaderorSidebar}
{block:ifNotHeaderorSidebar}margin-left:5px;{/block:ifNotHeaderorSidebar}margin-right:20px;{/block:IndexPage}}

{block:ifHeaderorSidebar}
#sidebar{background-color:{color:Center};
{block:ifPortraitImage}width:150px;{/block:ifPortraitImage}
{block:ifNotPortraitImage}width:128px;{/block:ifNotPortraitImage}overflow:hidden;
{block:ifsidebarfixed}
padding:0 30px;position:fixed;height:100%;margin-top:-70px;z-index:3;
{block:ifshadow}-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 7px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 7px 0px 0px rgba(0,0,0,0.1);
box-shadow: 7px 0px 0px rgba(0,0,0,0.1);{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 5px 0px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 0px 7px rgba(0,0,0,0.2);
box-shadow: 5px 0px 7px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}
{/block:ifsidebarfixed}
{block:ifNotsidebarfixed}padding:40px;max-height:400px;margin-left:15px;{block:IndexPage}position:absolute;{/block:IndexPage}{block:PermalinkPage}position:fixed;{/block:PermalinkPage}
{block:ifshadow}-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 7px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 7px 7px 0px rgba(0,0,0,0.1);
box-shadow: 7px 7px 0px rgba(0,0,0,0.1);{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}
{/block:ifNotsidebarfixed}}
#sidebar:hover{{block:ifshadow3}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
#sidebar img{max-width:250px;}
#sidebar .title2{font-size:11px;text-transform:capitalize;line-height:14px;display:block;}
{/block:ifHeaderorSidebar}

{block:ifNotHeaderorSidebar}
#sidebar{width:100%;padding:30px;background-color:{color:center};position:fixed;height:64px;margin-top:-150px;overflow:hidden;z-index:10;
{block:ifshadow}-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 0px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 7px 0px rgba(0,0,0,0.1);
box-shadow: 0px 7px 0px rgba(0,0,0,0.1);{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 0px 5px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 7px rgba(0,0,0,0.2);
box-shadow: 0px 5px 7px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
#sidebar:hover{{block:ifshadow3}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
#sidebar .description{margin-left:100px;max-height:64px;overflow:hidden;}
#sidebar img{max-height:64px;}
#sidebar .title2{font-size:11px;text-transform:capitalize;line-height:14px;display:inline;padding-right:10px;}
#sidebar .header_links{left:130px;position:fixed;top:99px;z-index:12;}
{/block:ifNotHeaderorSidebar}

{block:IndexPage}
#posts table td {vertical-align:middle;}
#posts table td .entry {max-height:400px;{block:ifNotHeaderorSidebar}max-height:300px;{/block:ifNotHeaderorSidebar}}{/block:IndexPage}
#posts .entry {overflow:hidden;
{block:PermalinkPage}width:500px;margin:auto;{/block:PermalinkPage}{block:IndexPage}width:auto;margin:0 15px;{/block:IndexPage}padding:15px;background-color:{color:Center};
{block:ifshadow}-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 7px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 7px 7px 0px rgba(0,0,0,0.1);
box-shadow: 7px 7px 0px rgba(0,0,0,0.1);margin-right:22px;{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
box-shadow: 0px 7px 7px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
#posts .entry:hover{{block:ifshadow3}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
#posts .entry img {float:left;margin:0;{block:ifHeaderorSidebar}max-height:400px;{/block:ifHeaderorSidebar}{block:ifNotHeaderorSidebar}max-height:300px;{/block:ifNotHeaderorSidebar}}

#posts .text {width:300px;text-align:justify;max-height:350px;{block:ifNotHeaderorSidebar}max-height:250px;{/block:ifNotHeaderorSidebar}overflow:hidden;}
#posts .text .body{width:300px;text-align:justify;max-height:300px;{block:ifNotHeaderorSidebar}max-height:200px;{/block:ifNotHeaderorSidebar}overflow:hidden;}
#posts .text:hover .body{overflow:scroll;overflow-x:hidden;}
#posts .quote {width:350px;text-align:center;max-height:400px;}
#posts .link {width:300px;max-height:400px;} #posts .link a{color:{color:text}}
#posts .chat {width:250px;max-height:400px;}
#posts .answer_ {width:350px;overflow:hidden;max-height:400px;} #posts .answer_ img{max-width:350px;}

#posts .text .title {font-size:25px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
#posts .quote .title {font-size:25px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
#posts .link .title {font-size:25px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}

#posts ul.chat {margin-left:-40px;margin-top:0px;}
#posts .chat li {padding:5px;list-style-type:none;width:240px;}
#posts .chat li:nth-child(even) {background-color:rgba(0,0,0,0.1);color:{color:Text};}

#posts .question_img {width:64px;height:64px;position:absolute;}
#posts .question_img img{width:64px;height:64px;}
#posts .answer_img {width:64px;height:64px;position:absolute;}
#posts .answer_img img{width:64px;height:64px;}
#posts .question {width:350px;min-height:69px;}
#posts .answer {width:350px;min-height:69px;}
#posts .question_text {margin-left:74px;}
#posts .answer_text {border-top:1px solid rgba(0,0,0,0.1);padding-top:5px;margin-top:10px;margin-left:74px;}

#posts .audio{opacity:1;padding:5px;width:250px;position:absolute;background-color:white;padding:5px;
{block:ifshadow}-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 0px rgba(0,0,0,0.2);{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
box-shadow: 0px 7px 7px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
#posts .audio:hover{{block:ifshadow3}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}

{block:ifHidePermalinks}
#posts .permalink{opacity:0;height:0px;text-align:left;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#posts .entry:hover .permalink{opacity:1;height:0px;padding:10px 0 ;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifHidePermalinks}

{block:ifNotHidePermalinks}
#posts .permalink{height:auto;text-align:left;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;padding:10px 0 0 0;}
{/block:ifNotHidePermalinks}

#posts .permalink_photo{opacity:0;height:auto;text-align:left;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position:absolute;padding: 10px;
{block:ifshadow}-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 5px 5px 0px rgba(0,0,0,0.2);{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
box-shadow: 0px 7px 7px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}margin:10px;width:200px;}
#posts .entry:hover .permalink_photo{opacity:0.9;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background-color:{color:center};}

.slides {position:fixed;bottom:20px;z-index:4;}
.slides a{background:{color:center};padding:5px 10px; margin-right:10px;
{block:ifshadow}-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
box-shadow: 3px 3px 0px rgba(0,0,0,0.1);{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
box-shadow: 0px 7px 7px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
.slides a:hover{{block:ifshadow3}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}

.slides_2 {background:{color:center};padding:5px 10px;position:fixed;bottom:15px;z-index:4;
{block:ifshadow}-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifshadow}
{block:ifshadow2}-webkit-box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
box-shadow: 3px 3px 0px rgba(0,0,0,0.1);{/block:ifshadow2}
{block:ifshadow3}-webkit-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 7px rgba(0,0,0,0.2);
box-shadow: 0px 7px 7px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}
.slides_2:hover{{block:ifshadow3}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifshadow3}}

.title3{font-size:17px;font-weight:800;letter-spacing:1px;}
ol.notes {list-style-type: none !important;margin-left:-40px;}
ol.notes img{width:16px;display:none;}
ol.notes li{margin:2;}
ol.notes li blockquote {padding: 6px 0px 4px 30px; margin: 0px 0px 5px 7px; font-style: italic;}
ol.notes li .answer_content {font-weight:normal;font-style:italic;padding:6px 10px;border:0;}
blockquote {margin:10px 5px 0px;padding-left:15px;border-left:2px solid rgba(0,0,0,0.1);}

{CustomCSS}
</style>
</head>
<body>
<div id="container">
<div id="sidebar">
{block:ifHeaderorSidebar}{block:ifsidebarfixed}<div style="margin-top:35px;">{/block:ifsidebarfixed}{/block:ifHeaderorSidebar}
{block:ifPortraitImage}
{block:ifHeaderorSidebar}<center>{/block:ifHeaderorSidebar}<a href="/"><img src="{image:Portrait}" {block:ifHeaderorSidebar}width="150px"{/block:ifHeaderorSidebar} {block:ifNotHeaderorSidebar}style="position:absolute;"{/block:ifNotHeaderorSidebar}></a>{block:ifHeaderorSidebar}</center><br>{/block:ifHeaderorSidebar}
{/block:ifPortraitImage}
{block:ifNotPortraitImage}
{block:ifHeaderorSidebar}<center>{/block:ifHeaderorSidebar}
{block:ifNotHeaderorSidebar}<a href="/"><img src="{PortraitURL-64}" style="position:absolute;"></a>{/block:ifNotHeaderorSidebar}
{block:ifHeaderorSidebar}<a href="/"><img src="{PortraitURL-128}"></a>{/block:ifHeaderorSidebar}
{block:ifHeaderorSidebar}</center><br>{/block:ifHeaderorSidebar}
{/block:ifNotPortraitImage}
<div class="description">{block:ifHeaderorSidebar}<center>{/block:ifHeaderorSidebar}<a href="/" class="title3">{title}</a>{block:ifHeaderorSidebar}</center>{/block:ifHeaderorSidebar}{block:ifNotHeaderorSidebar}<br>{/block:ifNotHeaderorSidebar}{Description}</div><br>
{block:ifNotCustomLinksInBottom}{block:ifNotHeaderorSidebar}<div class="header_links">{/block:ifNotHeaderorSidebar}
{block:AskEnabled}<a href="/ask" class="title6">
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>
{/block:AskEnabled}
{block:HasPages}{block:Pages}
<a href="{URL}" class="title2">{Label}</a>
{/block:Pages}{/block:HasPages}
{block:ifLink1Title}
<a href="{text:Link 1}" class="title2">{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}" class="title2">{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}" class="title2">{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}" class="title2">{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}" class="title2">{text:Link 5 Title}</a>
{/block:ifLink5Title}{block:ifHeaderorSidebar}<br><center>{/block:ifHeaderorSidebar}
{block:ifShowSubmit}<a href="/submit" class="title2" style="display:inline;margin:3px;">Submit</a> {/block:ifShowSubmit}
{block:ifShowArchive}<a href="/archive" class="title2" style="display:inline;margin:3px;">Archive</a> {/block:ifShowArchive}
{block:ifShowRandom}<a href="/random" class="title2" style="display:inline;margin:3px;">Random</a>{/block:ifShowRandom}
{block:ifShowRSS}<a href="{RSS}" class="title2" style="display:inline;margin:3px;">RSS</a>{/block:ifShowRSS}
{block:ifNotHeaderorSidebar}</div>{/block:ifNotHeaderorSidebar}{/block:ifNotCustomLinksInBottom}
{block:ifHeaderorSidebar}{block:ifsidebarfixed}</div>{/block:ifsidebarfixed}{/block:ifHeaderorSidebar}
</div>
<div id="posts">
{block:IndexPage}<table cellspacing="0" cellpadding="0" border="0"><tbody><tr>{/block:IndexPage}
{block:Posts}
{block:IndexPage}<td>{/block:IndexPage}<div class="entry">

{block:Quote}<div class="quote">
<span class="title" style="z-index:2;">&ldquo;{Quote}&rdquo;</span><br><br>{block:Source}{Source}{/block:Source}
<div>
{block:IndexPage} {block:Date}<div class="permalink">
{block:ifNotHidePermalinks}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div>{/block:ifNotHidePermalinks}
<a href="{Permalink}" style="display:inline;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
</div>{/block:Date}{/block:IndexPage}
{/block:Quote}

{block:Link}<div class="link">
<center><a href="{URL}" {Target} class="title">{Name}</a></center><br>
{block:Description}{Description}{/block:Description}
</div>
{block:IndexPage} {block:Date}<div class="permalink">
{block:ifNotHidePermalinks}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div>{/block:ifNotHidePermalinks}
<a href="{Permalink}" style="display:inline;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
</div>{/block:Date}{/block:IndexPage}
{/block:Link}

{block:Text}
<div class="text">
{block:Title}<span class="title">{Title}</span>{/block:Title}<br>
<div class="body"> {Body}</div>
</div>
{block:IndexPage} {block:Date}<div class="permalink">
{block:ifNotHidePermalinks}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div>{/block:ifNotHidePermalinks}
<a href="{Permalink}" style="display:inline;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
</div>{/block:Date}{/block:IndexPage}
{/block:Text}

{block:Chat}<div class="chat">
{block:Title}<span class="title">{Title}</span><br>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
{/block:Lines}</ul></div>
{block:IndexPage} {block:Date}<div class="permalink">
{block:ifNotHidePermalinks}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div>{/block:ifNotHidePermalinks}
<a href="{Permalink}" style="display:inline;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
</div>{/block:Date}{/block:IndexPage}
{/block:Chat}

{block:Audio}
<div class="audio">{AudioPlayerWhite}</div>
{block:AlbumArt}<center><img src="{AlbumArtURL}" style="width:260px;display:block;padding-bottom:5px;z-index:2;"></center>{/block:AlbumArt}<br>
{block:IndexPage}{block:Date}<div class="permalink">
<a href="{Permalink}" style="display:inline;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{block:Audio}<a href="{Permalink}" style="float:right;">{PlayCountWithLabel}</a>{/block:Audio}
</div>{/block:Date}{/block:IndexPage}
{/block:Audio}

{block:Video}
{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:IndexPage} {block:Date}<div class="permalink">
<a href="{Permalink}" style="display:inline;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
</div>{/block:Date}{/block:IndexPage}
{/block:Video}

{block:Answer}
<div class="answer_"><div class="question">
<div class="question_img"><img src="{AskerPortraitURL-64}"/></div>
<div class="question_text">{Asker} asked: {Question}</div></div>
<div class="answer"><div class="answer_img"><img src="{PortraitURL-64}"/></div>
<div class="answer_text"><a href="http://www.{Name}.tumblr.com/">{Name}</a> replied:{Answer}</div></div></div>
{block:IndexPage} {block:Date}<div class="permalink">
{block:ifNotHidePermalinks}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div>{/block:ifNotHidePermalinks}
<a href="{Permalink}" style="display:inline;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
</div>{/block:Date}{/block:IndexPage}
{/block:Answer}

{block:Photoset}
{block:IndexPage} {block:Date}<div class="permalink_photo">
<a href="{Permalink}" style="display:block;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
<a href="{Permalink}" style="display:block;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a><br>
<a href="{ReblogURL}" target="_blank" title="Reblog This Picture" style="display:block;">Reblog this picture</a>
</div>{/block:Date}{/block:IndexPage}
{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{/block:Photoset}

{block:Photo}
{block:IndexPage} {block:Date}<div class="permalink_photo">
<a href="{Permalink}" style="display:block;">Posted on {DayOfWeek}, {DayOfMonth} {Month}</a>
{block:RebloggedFrom}<a href="{ReblogParentURL}" style="display:block;">From {ReblogParentName}</a>{/block:RebloggedFrom}
<a href="{Permalink}" style="display:block;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a><br>
<a href="{ReblogURL}" target="_blank" title="Reblog This Picture" style="display:block;">Reblog this picture</a>
</div>{/block:Date}{/block:IndexPage}
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" style="{block:ifHeaderorSidebar}max-height:400px;{/block:ifHeaderorSidebar}{block:ifNotHeaderorSidebar}max-height:300px;{/block:ifNotHeaderorSidebar}display:block;"/><br>{/block:Photo}
</div>{block:IndexPage}</td>{/block:IndexPage}

{block:PermalinkPage}
{block:Date}<div class="entry" style="margin-top:30px;margin-bottom:15px;">
{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
{block:NoteCount}<font color="{color:link}">{NoteCountWithLabel}</font><br>{/block:NoteCount}
Posted on <font color="{color:link}">{DayOfWeek}, {DayOfMonth} {Month}</font><br>
{block:HasTags} Tagged as: {block:Tags}<a href="{TagURL}" style="text-decoration:underline;">{Tag}</a>&nbsp;&nbsp; {/block:Tags}<br>{/block:HasTags}
{block:RebloggedFrom}
Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
Posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
{block:Source}Source: {Source}<br>{/block:Source}</div>
{/block:Date}
{/block:PermalinkPage}

{block:PostNotes}
<div class="entry" style="margin-top:30px;margin-bottom:30px;">{PostNotes}</div>
{/block:PostNotes}

{/block:Posts}
{block:IndexPage}</tr></tbody></table>{/block:IndexPage}
</div>
{block:IndexPage}

<div class="slides" style=& quot;{block:ifHeaderorSidebar}left:15px;{block:ifsidebarfixed}{block:ifNotPortra
itImage}left:210px;{/block:ifNotPortraitImage}{block:ifPortraitImage}left:280px;{/block:ifPortraitImage}{/block:ifsidebarfixed}{/block:ifHeaderorSidebar}{block:ifNotHeaderorSidebar}left:20px;{/block:ifNotHeaderorSidebar}">


<span class="prev"><a href="#">Slide Back</a></span>
<span class="next"><a href="#">Slide Forward</a></span>
<a id="back_slide" href="#">Home</a>

{block:ifCustomLinksInBottom}
{block:AskEnabled}<a href="/ask">
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>
{/block:AskEnabled}
{block:ifShowSubmit}<a href="/submit">Submit</a>{/block:ifShowSubmit}
{block:HasPages}{block:Pages}
<a href="{URL}">{Label}</a>
{/block:Pages}{/block:HasPages}
{block:ifLink1Title}
<a href="{text:Link 1}">{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}">{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}">{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}">{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}">{text:Link 5 Title}</a>
{/block:ifLink5Title}
{block:ifShowRSS}<a href="{RSS}">RSS</a>{/block:ifShowRSS}
{block:ifShowArchive}<a href="/archive">Archive</a>{/block:ifShowArchive}
{block:ifShowRandom}<a href="/random">Random</a>{/block:ifShowRandom}
</div>{/block:ifCustomLinksInBottom}

{block:IndexPage}{block:IfNotinfinitescrolling}
<div class="slides_2" style="right:104px;">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}

{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page" style="padding:0 2.5px;">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}" style="padding:0 2.5px;">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotinfinitescrolling}{/block:IndexPage}

</div>
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
<script src="http://static.tumblr.com/8jq17g7/YKtlqamnq/jquery.scrollto-min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://static.tumblr.com/1s4z8hu/mYolo412c/jquery.infinitescroll.min.js"></script>
{block:IndexPage}<script>
$(document).ready(function() {
$(".next").click(function(e) {
$.scrollTo( '+=800px', 600 );
e.preventDefault();
});
$(".prev").click(function(e) {
$.scrollTo( '-=800px', 600 );
e.preventDefault();
});
$('#back_begin').click(function(){
$paneTarget.stop().scrollTo( {scrollLeft:0}, 1000 );
});
});{block:Ifinfinitescrolling}
jQuery(window).load(function(){
var $wall = $('#posts table tbody tr ');
$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '#posts table tbody tr td',
loadingImg : '',
loadingText : '',
donetext : 'No more posts to load.'
},

function( newElements ){
$(newElements).hide();
setTimeout(function(){
$wall.masonry({ appendedContent: $(newElements) });
},2000);
setTimeout(function(){
$(newElements).fadeIn('slow');
},2100);
},1000);
});{/block:Ifinfinitescrolling}
</script>{/block:IndexPage}
</body>
</html>

This post has been edited by Genshuku: Mar 16 2012, 01:07 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 22nd October 2014 - 07:38 PM