Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Infinite Scroll + Masonry append help

  • This topic is empty.
Viewing 2 posts - 16 through 17 (of 17 total)
  • Author
    Posts
  • #143568
    zenzone
    Member

    This has been an immensely helpful resource for me – having the same problem – and have had it for years. I am finally trying to knuckle down and fix the overlap problem with masonry and infinite scroll with my theme. Have followed the same instructions here and am either getting A) overlap for my first page and no infinite scroll or B) overlap for all pages. I’ve gone ahead and commented out the the infinite scroll abilities because it looks “real bad” with the overlap. Any help would be tremendous… http://thezenzone.org/

    #144970
    littlelake
    Participant

    Hello everybody! I’m a Participant in the forum -logged in today- so probably I cannot post my very own threads but I’m desperately -no dramatization but literal meaning- looking for a way to fix a problem I’m experiencing with Masonry in my Tumblr. Hope you won’t mind I post my question in this thread where another member was experiencing some problems with Masonry too. In case it is not permitted -couldn’t find a place where it said so- please forgive me.

    I do run a blog called Mads·O·rama based on Ceramic Tumblr theme.

    Mads O Rama

    I purchased this theme because I loved the way the elements seemed to fit, as if it were a Tetris. In mind it was perfect for my purposes. It looked nice and neat until I uploaded a video. In the code, the size of videos is 700 px BUT videos of this size won’t be properly shown in the Dashboard (the guts of Tumblr) unless you play with the scrolls, which is annoying.

    I played around with the size of the video, giving a maximum of 500 pixels so it would appear nicely in the front and also in the dashboard BUT that was in theory. This new size lets people play the video in the dashboard without showing the scroll bars but it leaves some HUGE BLANK spaces that look awful. I contacted the company who I purchased the template from and couldn’t offer a solution, just told me to play around with sizes and to add the little code behind style type (pasted below)

    .video-frame iframe {
    

    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #ddd;
    }

    I was wondering if any of you guys could please take a look at the Tumblr to see the blank spaces I’m talking about hoping you guys can please offer a solution.

    Here’s the code in case you guys feel like checking.

    **Thanks so much in advance for your time!
    **
    LittleLake

    <!DOCTYPE html>

    <html lang=”en”>
    <head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <title>{Title}{block:SearchPage} / {lang:Search results for SearchQuery}{/block:SearchPage}{block:TagPage} / {Tag}{/block:TagPage}{block:PostSummary} / {PostSummary}{/block:PostSummary}</title>
    <meta name="description" content="{MetaDescription}" />
    
    <!-- Favicon -->
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
    
    <!--
    ***************************************************
    
    Ceramic Theme v1.2.1
    by 45royale
    
    Mon Jul 08 2013 12:57 -0400
    http://ceramictheme.tumblr.com/
    [email protected]
    
    ***************************************************
    -->
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="tumblr-theme" content="37094" />
    
    <!-- Theme Colors -->
    <meta name="color:Accent" content="#30d19b" />
    <meta name="color:Page Background" content="#e8e8e8" />
    <meta name="color:Text" content="#7b7878" />
    <meta name="color:Headings" content="#343232" />
    <meta name="color:Header Background" content="" />
    <meta name="color:Header" content="#ffffff" />
    
    <!-- Theme Images -->
    <meta name="image:Page BG" content="" />
    <meta name="image:Header BG" content="" />
    <meta name="image:Logo" content="" />
    
    <!-- Theme Options -->
    <meta name="if:Use Header Background Image" content="1" />
    <meta name="if:Show Description" content="1" />
    <meta name="if:Use Dark Menu Icon" content="1" />
    <meta name="if:Enable Social Icons" content="1" />
    <meta name="if:Enable Pages Navigation" content="1" />
    <meta name="if:Use Default Tumblr Photoset" content="" />
    <meta name="text:Footer Copyright" content=""/>
    
    <!-- Custom Text -->
    <meta name="text:More About Text" content="Learn more about me" />
    
    <!-- Custom Options -->
    <meta name="if:Use Masonry Layout" content="1" />
    <meta name="if:Use Infinite Scroll" content="1" />
    <meta name="text:Infinite Scroll" content="Loading More Posts..." />
    <meta name="text:Typekit Kit ID" content="" />
    <meta name="text:Google Analytics ID" content="" />
    <meta name="text:Tweet Count" content="3" />
    <meta name="text:Twitter Title" content="Twitter" />
    <meta name="if:Use Facebook Comments" content="" />
    <meta name="text:Facebook App ID" content="266212856740722" />
    <meta name="if:Use Disqus Comments" content="" />
    <meta name="text:Disqus Shortname" content="" />
    
    <!-- Instagram -->
    <!--
    <meta name="if:Show Instagram Photos" content="" />
    <meta name="text:Instagram Title" content="Instagram" />
    <meta name="text:Instagram Token" content="" />
    <meta name="text:Instagram Photo Count" content="" />
    -->
    
    <!-- Social Links -->
    <meta name="text:Behance Username" content="" />
    <meta name="text:Dribbble Username" content="" />
    <meta name="text:Facebook Username" content="" />
    <meta name="text:Flickr Username" content="" />
    <meta name="text:Foursquare Username" content="" />
    <meta name="text:Github Profile URL" content="" />
    <meta name="text:Google Plus Profile URL" content="" />
    <meta name="text:Instagram Username" content="" />
    <meta name="text:Lastfm Username" content="" />
    <meta name="text:Linkedin Profile URL" content="" />
    <meta name="text:Pinterest Username" content="" />
    <meta name="text:Rdio Username" content="" />
    <meta name="text:Skype Username" content="" />
    <meta name="text:Soundcloud Profile URL" content="" />
    <meta name="text:Spotify Profile URL" content="" />
    <meta name="text:Twitter Username" content="" />
    <meta name="text:Vimeo Username" content="" />
    <meta name="text:Youtube Username" content="" />
    
    <!-- CSS -->
    <link href="http://fonts.googleapis.com/css?family=Varela+Round|Exo:400,400italic,700,700italic|Volkhov:400,400italic,700,700italic" rel="stylesheet" type="text/css">
    <link href="http://static.tumblr.com/wassjkj/zUkmpmqg8/styles.css" rel="stylesheet" />
    
    {block:IfTypekitKitID}
    <script type="text/javascript" src="http//use.typekit.net/{text:Typekit Kit ID}.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    {/block:IfTypekitKitID}
    
    <style type="text/css" media="screen">
    

    ** .video-frame iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    }**

    article.video, .video-frame iframe {
    width: 500px !important;
    }

        /* Typography ------------------------------ ***/
        body {
            font-size: 13px;
            font-family: 'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            line-height: 1.5em;
        }
    
        h1, h2, h3, h4, h5, h6,
        #flyout-menu,
        #flyout-menu input,
        #infscr-loading div { font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
    
        .share-links input { font-family: 'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
    
        article.quote .inner blockquote { font-family: 'Volkhov', Georgia, serif; }
    
        /* Body Background ------------------------- ***/
        body {
            background-color: {color:Page Background};
        {block:IfPageBGImage}
            background-image: url({image:Page BG});
            background-repeat: repeat;
        {/block:IfPageBGImage}
        }
    
        /* Header Background ----------------------- ***/
        .sidebar header {
        {block:IfNotUseHeaderBackgroundImage}
            background-color: {color:Header Background};
        {/block:IfNotUseHeaderBackgroundImage}
    
        {block:IfUseHeaderBackgroundImage}
            {block:IfNotHeaderBGImage}
            /*Default Image*/
            background-image: url(http://i1317.photobucket.com/albums/t626/madsorama33/madsOrama_zps21320095.gif);
            {/block:IfNotHeaderBGImage}
            {block:IfHeaderBGImage}
            /* User-defined image */
            background-image: url({image:Header BG});
            {/block:IfHeaderBGImage}
            /* Background Position */
            background-position: 20% top;
            /* Background Repeat */
            background-repeat: no-repeat;
            /* Scaling */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            {block:IfNotHeaderBGImage}
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://i1317.photobucket.com/albums/t626/madsorama33/madsOrama_zps21320095.gif', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//i1317.photobucket.com/albums/t626/madsorama33/madsOrama_zps21320095.gif', sizingMethod='scale')";
            {/block:IfNotHeaderBGImage}
            {block:IfHeaderBGImage}
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.{image:Header Background}', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{image:Header Background}', sizingMethod='scale')";
            {/block:IfHeaderBGImage}
        {/block:IfUseHeaderBackgroundImage}
        }
    
    
    
        /* Accent Colors --------------------------- ***/
        a,
        header .inner a:hover,
        #flyout-menu a:hover,
        .twitter time a:hover,
        .twitter .title a:hover,
        .instagram .title a:hover,
        article .title a:hover,
        article time a:hover,
        article.link .title a,
        article.chat .title a,
        .results h3 span { color: {color:Accent}; }
    
        article.text .inner ul li:before { background-color: {color:Accent}; }
        article.text .inner blockquote { border-left: 6px solid {color:Accent}; }
    
        article .meta-controls .icon:hover,
        article .meta-controls .icon.active { background-color: {color:Accent}; }
    
        /* Element Styles -------------------------- ***/
        body { color: {color:Text}; }4c4f51
        h1, h2, h3, h4, h5, h6 { color: {color:Headings}; }
    
        .page,
        .single { background: #fff url(http://static.tumblr.com/wassjkj/yPVmjvz20/bg-filler.png) repeat; }
    
        .sidebar,
        article { background-color: #fff; }
    
        header,
        header h1, header h2, header h3, header h4,
        header .inner a { color: {color:Header}; }
    
        .brick {
            -webkit-box-shadow: 1px -1px 0 0 #e8e8e8, inset 1px -1px 0 0 #e8e8e8;
            -moz-box-shadow: 1px -1px 0 0 #e8e8e8, inset 1px -1px 0 0 #e8e8e8;
            box-shadow: 1px -1px 0 0 #e8e8e8, inset 1px -1px 0 0 #e8e8e8;
        }
    
        /* Twitter */
        .twitter .title a,
        .twitter a:hover { color: {color:Headings}; }
        .twitter time a { color: #bab9b9; }
    
        /* Instagram */
        .instagram { border-top: 1px solid #e8e8e8; }
        .instagram .title a { color: {color:Headings}; }
    
        /* Flyout Menu */
        .icon-menu.is-open,
        #flyout-menu { background-color: #343232; }
    
        #flyout-menu a,
        #flyout-menu .nav-primary input { color: #fff; }
    
        #flyout-menu .nav-primary li { border-right: 1px solid #4f4d4d; }
    
        #flyout-menu ::-webkit-input-placeholder { color: #fff; }
        #flyout-menu :-moz-placeholder { color: #fff; }
        #flyout-menu ::-moz-placeholder { color: #fff; }
        #flyout-menu :-ms-input-placeholder { color: #fff; }
    
        #flyout-menu .nav-primary,
        #flyout-menu .nav-pages li { border-top: 1px solid #4f4d4d; }
    
        /* Post Elements */
        article p a:hover,
        article .title a,
        article.link .title a:hover,
        article.chat .title a:hover { color: {color:Headings}; }
    
        /* Date */
        article time a { color: #bab9b9; }
    
        /* Photo Styles */
        article.photo .frame,
        article.photo .caption,
        article.photoset.default .caption { background-color: #e8e8df; }
    
        article.photoset.default .caption { border-bottom: 1px solid #e8e8e8; }
    
        .photo-slideshow { background-color: #333; }
    
        article.photoset .slides {
            border-bottom: 1px solid #e8e8e8;
            background-color: #f9f9f9;
        }
    
        article.photoset .slides .slide .caption {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.60);
        }
    
        /* Link Styles */
        article.link h3 { color: #dadada; }
    
        /* Chat Styles */
        article.chat .title,
        article.chat .chat-stream li { border-bottom: 1px solid #e8e8e8; }
        article.chat .chat-stream li.even { background-color: #fff; }
        article.chat .chat-stream li.odd { background-color: #f9f9f9; }
        article.chat .chat-stream .label { color: {color:Headings}; }
    
        /* Audio Styles */
        article.audio .audio-embed,
        article.audio .audio-player { background-color: #f9f9f9; }
    
        article.audio .audio-embed { border-bottom: 1px solid #e8e8e8; }
    
        article.audio .audio-player {
            -webkit-box-shadow: 1px -1px 0 0 #e8e8e8, inset 1px -1px 0 0 #e8e8e8;
            -moz-box-shadow: 1px -1px 0 0 #e8e8e8, inset 1px -1px 0 0 #e8e8e8;
            box-shadow: 1px -1px 0 0 #e8e8e8, inset 1px -1px 0 0 #e8e8e8;
        }
    
        /* Answer Styles */
        article.answer .askedby {
            border-bottom: 1px solid #e8e8e8;
            background-color: #f9f9f9;
        }
    
        /* Misc */
        article .meta-controls .icon { background-color: #dadada; }
    
        #notes li { border-top: 1px solid #e8e8e8; }
        #comments .fb-comments { background-color: #f8f8f8; }
    
        .results { background-color: #fff; }
    
        #infscr-loading div {
            color: #343232;
            background-color: #fff;
        }
    
        footer {
            color: #343232;
            border-top: 1px solid #e8e8e8;
            background-color: #fff;
        }
    
        /* Custom CSS ------------------------------ ***/
        {CustomCSS}
    </style>
    
    <!-- Javascript -->
    <script type="text/javascript">
        var Ceramic = window.Ceramic || {};
        {block:Twitter}
        Ceramic.twitterUsername = '{TwitterUsername}';
        Ceramic.tweetCount = {block:IfTweetCount}{text:Tweet Count}{/block:IfTweetCount}{block:IfNotTweetCount}3{/block:IfNotTweetCount};
        {/block:Twitter}
        Ceramic.photoSet = {block:IfNotUseDefaultTumblrPhotoset}true{/block:IfNotUseDefaultTumblrPhotoset}{block:IfUseDefaultTumblrPhotoset}false{/block:IfUseDefaultTumblrPhotoset};
        Ceramic.layOut = {block:IfUseMasonryLayout}true{/block:IfUseMasonryLayout}{block:IfNotUseMasonryLayout}false{/block:IfNotUseMasonryLayout};
        Ceramic.infiniteScroll = {block:IfUseInfiniteScroll}true{/block:IfUseInfiniteScroll}{block:IfNotUseInfiniteScroll}false{/block:IfNotUseInfiniteScroll};
        Ceramic.infiniteScrollmsg = '{text:Infinite Scroll}';
        Ceramic.infiniteScrollloadedmsg = '{lang:No more posts}';
        Ceramic.typekitID = '{text:Typekit Kit ID}';
        Ceramic.disqusID = '{text:Disqus Shortname}';
        Ceramic.googleID = '{text:Google Analytics ID}';
        //Ceramic.instagramToken = '{text:Instagram Token}';
        //Ceramic.instagramCount = '{text:Instagram Photo Count}';
    </script>
    
    <script type="text/javascript" src="//static.tumblr.com/wassjkj/mammjin3j/modernizr.custom.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="//static.tumblr.com/wassjkj/iTnmk2map/jquery-1.9.0.min.js"><\/script>')</script>
    

    </head>

    <body>

    <!– Tumblr Theme #37094 –>

    <div id=”fb-root”></div>

    <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”; fjs.parentNode.insertBefore(js, fjs); }(document, ‘script’, ‘facebook-jssdk’));</script>

    <div class=”container”>

    &lt;div class="{block:IndexPage}page{block:IfNotUseMasonryLayout} static{/block:IfNotUseMasonryLayout}{/block:IndexPage}{block:PermalinkPage}single{/block:PermalinkPage}"&gt;
    
        &lt;section class="sidebar brick"&gt;
            &lt;header&gt;
                &lt;div class="inner"&gt;
                    &lt;h1&gt;{Title}&lt;/h1&gt;               
    
                    <a href="/">
                        {block:IfNotLogoImage}
                        <span>
                            <span></span>
                        </span>
                        {/block:IfNotLogoImage}
                        {block:IfLogoImage}
                        <img src="Logo}" alt="{Title}" />
                        {/block:IfLogoImage}
                    </a>
    
                    <a><span>...</span></a>
                    &lt;
                    {block:IfShowDescription}<p></p>{/block:IfShowDescription}
                    .
                &lt;/div&gt;             
    
                {block:IfEnableSocialIcons}&lt;div class="social-links clearit"&gt;
                    {block:IfBehanceUsername}<a href="http://behance.com/{text:Behance Username}"><span>Behance</span></a>{/block:IfBehanceUsername}
                    {block:IfDribbbleUsername}<a href="http://dribbble.com/{text:Dribble Username}"><span>Dribbble</span></a>{/block:IfDribbbleUsername}
                    {block:IfFacebookUsername}<a href="http://facebook.com/{text:Facebook Username}"><span>Facebook</span></a>{/block:IfFacebookUsername}
                    {block:IfFlickrUsername}<a href="http://flickr.com/photos/{text:Flickr Username}"><span>Flickr</span></a>{/block:IfFlickrUsername}
                    {block:IfFoursquareUsername}<a href="http://foursquare.com/{text:Foursquare Username}"><span>Foursquare</span></a>{/block:IfFoursquareUsername}
                    {block:IfGithubProfileURL}<a href="Github Profile URL}"><span>Github</span></a>{/block:IfGithubProfileURL}
                    {block:IfGooglePlusProfileURL}<a href="Google Plus Profile URL}"><span>Google+</span></a>{/block:IfGooglePlusProfileURL}
                    {block:IfInstagramUsername}<a href="http://instagram.com/{text:Instagram Username}"><span>Instagram</span></a>{/block:IfInstagramUsername}
                    {block:IfLastfmUsername}<a href="http://www.last.fm/user/{text:Lastfm Username}"><span>Last.fm</span></a>{/block:IfLastfmUsername}
                    {block:IfLinkedinProfileURL}<a href="Linkedin Profile URL}"><span>Linkedin</span></a>{/block:IfLinkedinProfileURL}
                    {block:IfPinterestUsername}<a href="http://pinterest.com/{text:Pinterest Username}"><span>Pinterest</span></a>{/block:IfPinterestUsername}
                    {block:IfRdioUsername}<a href="http://rdio.com/people/{text:Rdio Username}"><span>Rdio</span></a>{/block:IfRdioUsername}
                    {block:IfSkypeUsername}<a href="Skype Username}?userinfo"><span>Skype</span></a>{/block:IfSkypeUsername}
                    {block:IfSoundcloudProfileURL}<a href="Soundcloud Profile URL}"><span>Soundcloud</span></a>{/block:IfSoundcloudProfileURL}
                    {block:IfSpotifyProfileURL}<a href="Spotify Profile URL}"><span>Spotify</span></a>{/block:IfSpotifyProfileURL}
                    {block:IfTwitterUsername}<a href="http://twitter.com/{text:Twitter Username}"><span>Twitter</span></a>{/block:IfTwitterUsername}
                    {block:IfVimeoUsername}<a href="http://www.vimeo.com/{text:Vimeo Username}"><span>Vimeo</span></a>{/block:IfVimeoUsername}
                    {block:IfYoutubeUsername}<a href="http://www.youtube.com/{text:Youtube Username}"><span>YouTube</span></a>{/block:IfYoutubeUsername}
                &lt;/div&gt;{/block:IfEnableSocialIcons}
            &lt;/header&gt;              
    
            {block:Twitter}
            &lt;section class="twitter"&gt;
                &lt;h3 class="title"&gt;<a href="http://twitter.com/{TwitterUsername}">{block:IfTwitterTitle}{text:Twitter Title}{/block:IfTwitterTitle}{block:IfNotTwitterTitle}Twitter{/block:IfNotTwitterTitle}</a>&lt;/h3&gt;
                &lt;div class="tweets"&gt;<p>{lang:Loading} tweets...</p>&lt;/div&gt;
            &lt;/section&gt;
            {/block:Twitter}
    
            {block:IfShowInstagramPhotos}
            &lt;section class="instagram"&gt;
                &lt;h3 class="title"&gt;<a href="">{block:IfInstagramTitle}{text:Instagram Title}{/block:IfInstagramTitle}{block:IfNotInstagramTitle}Instagram{/block:IfNotInstagramTitle}</a>&lt;/h3&gt;
                &lt;div class="instagram-feed"&gt;&lt;/div&gt;
            &lt;/section&gt;&lt;!-- /instagram --&gt;
            {/block:IfShowInstagramPhotos}
    
        &lt;/section&gt;             
    
        &lt;nav id="flyout-menu"&gt;
            &lt;ul class="nav-primary"&gt;
                &lt;li class="archive"&gt;<a href="/archive">{lang:Archive}</a></li>
                &lt;li class="rss"&gt;<a href="{RSS}">{lang:RSS}</a></li>
                &lt;li class="search"&gt;
                    &lt;form action="/search" method="get"&gt;
                        &lt;input type="search" name="q" placeholder="{lang:Search}..." value="{SearchQuery}" /&gt;
                    &lt;/form&gt;
                </li>              
            </ul>
            &lt;ul class="nav-pages"&gt;
                {block:IfEnablePagesNavigation}
                {block:HasPages}
                {block:Pages}
                <li><a href="{URL}" title="{Label}">{Label}</a></li>
                {/block:Pages}
                {/block:HasPages}
                {/block:IfEnablePagesNavigation}
                {block:AskEnabled}
                <li>
                    <a>{AskLabel}</a>
                    &lt;div id="ask"&gt;
                        &lt;iframe frameborder="0" scrolling="no" width="342" height="191" src="" style="overflow:hidden;" id="ask_form"&gt;&lt;/iframe&gt;
                    &lt;/div&gt;             
                </li>              
                {/block:AskEnabled}
            </ul>
        &lt;/nav&gt;
    
        {block:SearchPage}
        &lt;div class="results brick"&gt;
            &lt;h3&gt;{lang:Showing SearchResultCount results for SearchQuery 2}{block:NoSearchResults}{lang:Sorry no results for SearchQuery 2}{/block:NoSearchResults}&lt;/h3&gt;        
        &lt;/div&gt;
        {/block:SearchPage} 
        {block:TagPage}
        &lt;div class="results brick"&gt;
            &lt;h3&gt;{lang:Showing TagResultCount posts tagged Tag 2}&lt;/h3&gt;
        &lt;/div&gt;
        {/block:TagPage}
    
        {block:IndexPage}{block:IfNotUseMasonryLayout}&lt;section class="static-column"&gt;{/block:IfNotUseMasonryLayout}{/block:IndexPage}
        {block:PermalinkPage}&lt;section class="static-column"&gt;{/block:PermalinkPage}
    
        {block:Posts}
    
        {block:Text}
        &lt;!-- text --&gt;
        &lt;article class="post text{block:RebloggedFrom} reblog{/block:RebloggedFrom} brick"{block:Date} id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"{/block:Date}&gt;
            &lt;div class="inner"&gt;
                &lt;div class="header"&gt;
                    {block:Title}&lt;h3 class="title"&gt;<a href="{Permalink}" title="{Title}">{Title}</a>&lt;/h3&gt;{/block:Title}
                    {block:Date}&lt;time&gt;<a href="{Permalink}">{TimeAgo}</a>&lt;/time&gt;{/block:Date}
                &lt;/div&gt;
                {Body}
                {block:More}<p><a href="{Permalink}">{lang:Read more}</a></p>{/block:More}
            &lt;/div&gt;&lt;!-- /inner --&gt;
        {/block:Text}
    
        {block:Photo}
        &lt;!-- photo --&gt;
        &lt;article class="post photo{block:RebloggedFrom} reblog{/block:RebloggedFrom} brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            &lt;div class="inner"&gt;
                &lt;div class="frame"&gt;
                    {LinkOpenTag}&lt;img{block:HighRes} data-highres="{PhotoURL-HighRes}"{/block:HighRes} src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /&gt;{LinkCloseTag}
                &lt;/div&gt;
                {block:Caption}
                &lt;div class="caption"&gt;
                    {Caption}
                    {block:RebloggedFrom}<p>({lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentTitle}</a>)</p>{/block:RebloggedFrom}
                &lt;/div&gt;
                {/block:Caption}
            &lt;/div&gt;&lt;!-- /inner --&gt;              
        {/block:Photo}
    
        {block:Photoset}
        &lt;!-- photoset --&gt;
        &lt;article class="post photoset{block:RebloggedFrom} reblog{/block:RebloggedFrom}{block:IfUseDefaultTumblrPhotoset} default{/block:IfUseDefaultTumblrPhotoset} brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            {block:IfUseDefaultTumblrPhotoset}
            &lt;div id="photoset_{PostID}" class="photo-slideshow" data-layout="{PhotosetLayout}"&gt;
                {block:Photos}
                &lt;div class="photo-data"&gt;
                    &lt;div class="pxu-photo"&gt;
                        <a rel="post-{PostID}" href="{PhotoURL-HighRes}">
                            <img alt="{PhotoAlt}" />
                        </a>
                    &lt;/div&gt;
                &lt;/div&gt;
                {/block:Photos}
            &lt;/div&gt;
            {block:Caption}&lt;div class="caption"&gt;{Caption}&lt;/div&gt;{/block:Caption}
            {/block:IfUseDefaultTumblrPhotoset}
    
            {block:IfNotUseDefaultTumblrPhotoset}
            &lt;div id="photoset_{PostID}" class="slides loading"&gt;
                {block:Photos}
                &lt;div class="slide"&gt;
                    &lt;div class="image"&gt;
                        {block:HighRes}<a rel="post-{PostID}" href="{PhotoURL-HighRes}"><span></span></a>{/block:HighRes}
                        <img alt="{block:Caption}{Caption}{block:Caption}" />
                        {block:Caption}&lt;div class="caption"&gt;<p>{Caption}</p>&lt;/div&gt;{block:Caption}
                    &lt;/div&gt;
                &lt;/div&gt;
                {/block:Photos}
            &lt;/div&gt;
    
            &lt;div class="inner"&gt;
                {block:Caption}
                {Caption}
                {block:RebloggedFrom}<p>({lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentTitle}</a>)</p>{/block:RebloggedFrom}
                {/block:Caption}    
            &lt;/div&gt;&lt;!-- /inner --&gt;              
            {/block:IfNotUseDefaultTumblrPhotoset}
        {/block:Photoset}
    
        {block:Quote}
        &lt;!-- quote --&gt;
        &lt;article class="post quote{block:RebloggedFrom} reblog{/block:RebloggedFrom} brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            &lt;div class="inner"&gt;
                <blockquote>
                    <p>{Quote}</p>
                </blockquote>
                {block:Source}{Source}{/block:Source}
            &lt;/div&gt;&lt;!-- /inner --&gt;
        {/block:Quote}
    
        {block:Link}
        &lt;!-- link --&gt;
        &lt;article class="post link{block:RebloggedFrom} reblog{/block:RebloggedFrom} brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            &lt;div class="inner"&gt;
                &lt;div class="header"&gt;
                    &lt;h3 class="title"&gt;<a href="{URL}" title="{Name}">{Name}<span></span></a>&lt;/h3&gt;
                    &lt;time&gt;<a href="{Permalink}">{TimeAgo}</a>&lt;/time&gt;
                &lt;/div&gt;
                {block:Description}{Description}{/block:Description}
            &lt;/div&gt;&lt;!-- /inner --&gt;
        {/block:Link}
    
        {block:Chat}
        &lt;!-- chat --&gt;
        &lt;article class="post chat{block:RebloggedFrom} reblog{/block:RebloggedFrom} brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            &lt;div class="inner"&gt;
                {block:Title}&lt;h3 class="title"&gt;<a href="{Permalink}" title="{Title}">{Title}</a>&lt;/h3&gt;{/block:Title}
                &lt;ul class="chat-stream"&gt;
                    {block:Lines}&lt;li class="{Alt}"&gt;
                        {block:Label}&lt;strong class="label"&gt;{Label}</strong>{/block:Label}
                        <span>{Line}</span>
                    </li>{/block:Lines}
                </ul>
            &lt;/div&gt;&lt;!-- /inner --&gt;
        {/block:Chat}
    
        {block:Audio}
        &lt;!-- audio --&gt;
        &lt;article class="post audio{block:RebloggedFrom} reblog{/block:RebloggedFrom} brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            {block:AudioEmbed}
            &lt;div class="audio-embed"&gt;
                {AudioEmbed-250}
            &lt;/div&gt;                      
            {/block:AudioEmbed}
    
            {block:AudioPlayer}
            &lt;div class="audio-player"&gt;
                &lt;div class="audio-wrap" style="background-color: {color:Accent};"&gt;
                    &lt;div class="album-wrap"{block:AlbumArt} style="background-image: url({AlbumArtURL});"{/block:AlbumArt}&gt;
                        &lt;div class="track-info"&gt;
                            {block:TrackName}&lt;div class="track-name"&gt;{TrackName}&lt;/div&gt;{/block:TrackName}
                            {block:Artist}&lt;div class="artist-name"&gt;{Artist}&lt;/div&gt;{/block:Artist}
                            {block:PlayCount}&lt;div class="track-plays"&gt;{PlayCountWithLabel}&lt;/div&gt;{/block:PlayCount}
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="track-wrap"&gt;
                        &lt;div class="standard-player"&gt;
                            <span>{AudioPlayerWhite}</span>
                            &lt;div class="js-dump"&gt;
                                {JSAudioPlayerWhite}
                                {RawAudioURL}
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="custom-player"&gt;
                            &lt;audio preload="none"&gt;&lt;/audio&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            {/block:AudioPlayer}
    
            &lt;div class="inner"&gt;
                {block:Caption}{Caption}{/block:Caption}
            &lt;/div&gt;&lt;!-- /inner --&gt;
        {/block:Audio}
    
        **{block:Video}
        &lt;!-- video --&gt;
        &lt;article class="post video{block:RebloggedFrom} reblog{/block:RebloggedFrom} brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            &lt;div class="video-frame"&gt;
                {Video-500}**
            &lt;/div&gt;             
            &lt;div class="inner"&gt;
                {block:Caption}{Caption}{/block:Caption}
            &lt;/div&gt;&lt;!-- /inner --&gt;
        {/block:Video}
    
        {block:Answer}
        &lt;!-- answer --&gt;
        &lt;article class="post answer brick" id="post-{PostID}" data-postID="{PostID}" data-permalink="{Permalink}"&gt;
            &lt;div class="askedby"&gt;
                &lt;div class="asker-img"&gt;<img src="{AskerPortraitURL-64}" alt="" />&lt;/div&gt;
                &lt;div class="question"&gt;
                    <span>{lang:Asker asked 2}</span>
                    &lt;h3 class="title"&gt;<a href="{Permalink}">{Question}</a>&lt;/h3&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="inner"&gt;
                &lt;div class="answer-body"&gt;{Answer}&lt;/div&gt;
            &lt;/div&gt;&lt;!-- /inner --&gt;
        {/block:Answer}
    
            {block:Date}
            &lt;!-- post meta --&gt;
            &lt;ul class="meta-controls clearit"&gt;
                <li><a href="{Permalink}#comments"><span>{lang:View comments}</span></a></li>
                <li><a href="{Permalink}#notes"><span>{lang:Notes}</span></a></li>
                {block:IndexPage}
                {block:HasTags}
                <li>
                    <a href="{Permalink}#tags"><span>{lang:Tags}</span></a>
                </li>
                {/block:HasTags}
                {/block:IndexPage}
                &lt;li class="share"&gt;
                    <a><span>{lang:Share this}</span></a>
                    &lt;div class="share-links"&gt;
                        &lt;input type="text" class="permalink"  value="{ShortURL}" readonly="" /&gt;
                        &lt;div class="share-buttons" data-permalink="{Permalink}"&gt;&lt;/div&gt;  
                        <span></span>
                    &lt;/div&gt;
                </li>              
                {block:PermalinkPage}
                {block:HasTags}&lt;div class="post-tags"&gt;             
                    {block:Tags}<a href="{TagURL}" title="{Tag}">{Tag}</a><span>, </span>{/block:Tags}
                &lt;/div&gt;
                {/block:HasTags}
                {/block:PermalinkPage}
            </ul>
            {/block:Date}
    
            {block:PermalinkPage}
            {block:Date}
    
            {block:PostNotes}
            &lt;div id="notes"&gt;
                &lt;h4&gt;There are {NoteCountWithLabel}&lt;/h4&gt;
                {PostNotes}
            &lt;/div&gt;&lt;!-- /notes --&gt;
            {/block:PostNotes}
    
            {block:IfNotUseFacebookComments}
            {block:IfUseDisqusComments}
            {block:IfDisqusShortname}
            &lt;div id="comments"&gt;
                &lt;div id="disqus"&gt;
                    &lt;h2&gt;{lang:Recent comments}&lt;/h2&gt;
                    &lt;script type="text/javascript"&gt;var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";&lt;/script&gt;
                    &lt;div id="disqus_thread"&gt;&lt;/div&gt;
                    &lt;script type="text/javascript"&gt;var disqus_identifier = {PostID}; var disqus_config = function () { var config = this; config.callbacks.onReady.push(function () {  }); config.callbacks.onNewComment.push(function () {  }); }; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); &lt;/script&gt;
                    &lt;noscript&gt;Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a>&lt;/noscript&gt;
                    {lang:Blog comments powered by Disqus 2}
                &lt;/div&gt;&lt;!-- /disqus --&gt;      
            &lt;/div&gt;&lt;!-- /comments --&gt;
            {/block:IfDisqusShortname}
            {/block:IfUseDisqusComments}
            {/block:IfNotUseFacebookComments}
    
            {block:IfNotUseDisqusComments}
            {block:IfUseFacebookComments}
            &lt;div id="comments"&gt;
                &lt;div class="fb-comments" data-href="{Permalink}" data-width="658" data-num-posts="10"&gt;&lt;/div&gt;&lt;!-- fb-comments --&gt;
            &lt;/div&gt;&lt;!-- /comments --&gt;
            {/block:IfUseFacebookComments}
            {/block:IfNotUseDisqusComments}
    
            {/block:Date}
            {/block:PermalinkPage}
    
        &lt;/article&gt;             
    
        {/block:Posts}
    
        {block:PermalinkPage}
        &lt;/section&gt;
        {/block:PermalinkPage}
    
        {block:IndexPage}
        {block:IfNotUseMasonryLayout}
        &lt;/section&gt;
        {/block:IfNotUseMasonryLayout}
        {/block:IndexPage}
    
    &lt;/div&gt;&lt;!-- /page --&gt;
    
    &lt;footer&gt;
    
    &lt;/footer&gt;
    
    {block:IfUseInfiniteScroll}
    {block:IndexPage}
    {block:Pagination}&lt;div class="more-posts"&gt;
        {block:NextPage}&lt;h3&gt;<a href="{NextPage}"></a>&lt;/h3&gt;{/block:NextPage}
    &lt;/div&gt;&lt;!-- /more-posts --&gt;
    {/block:Pagination}
    {/block:IndexPage}
    {/block:IfUseInfiniteScroll}
    
    {block:IfNotUseInfiniteScroll}
    {block:Pagination}
    &lt;div class="pagination"&gt;
        &lt;div class="prev{block:PreviousPage} active{/block:PreviousPage}"&gt;{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<span>{lang:Prev}</span>{block:PreviousPage}</a>{/block:PreviousPage}&lt;/div&gt;
        &lt;div class="next{block:NextPage} active{/block:NextPage}"&gt;{block:NextPage}<a href="{NextPage}">{/block:NextPage}<span>{lang:Next}</span>{block:NextPage}</a>{/block:NextPage}&lt;/div&gt;
    &lt;/div&gt;&lt;!-- /pagination --&gt;
    {/block:Pagination}
    {/block:IfNotUseInfiniteScroll}
    
    {block:PermalinkPage}
    {block:PermalinkPagination}
    &lt;div class="pagination permalink"&gt;
        &lt;div class="prev{block:PreviousPost} active{/block:PreviousPost}"&gt;{block:PreviousPost}<a href="{PreviousPost}">{/block:PreviousPost}<span>{lang:Previous}</span>{block:PreviousPost}</a>{/block:PreviousPost}&lt;/div&gt;
        &lt;div class="next{block:NextPost} active{/block:NextPost}"&gt;{block:NextPost}<a href="{NextPost}">{/block:NextPost}<span>{lang:Next}</span>{block:NextPost}</a>{/block:NextPost}&lt;/div&gt;
    &lt;/div&gt;&lt;!-- /pagination --&gt;
    {/block:PermalinkPagination}
    {/block:PermalinkPage}
    

    </div>

    {block:Twitter}
    <script>function recent_tweets(data) { window.tweet_data = data; }</script>
    <script src=”/tweets.js”></script>
    {/block:Twitter}

    <script src=”//static.tumblr.com/wassjkj/RrCmpmqkd/plugins.min.js”></script>
    <script src=”//static.tumblr.com/wassjkj/ZmNmpmqks/scripts.min.js”></script>

    {block:IfUseDefaultTumblrPhotoset}

    <script>
    $(document).ready(function() {
    $(‘.photo-slideshow’).pxuPhotoset({
    highRes: true,
    rounded: false
    });
    });
    </script>

    {/block:IfUseDefaultTumblrPhotoset}

    {block:IfDisqusShortname}

    <script type=”text/javascript”>
    var disqus_shortname = ‘{text:Disqus Shortname}’;
    (function () {
    var s = document.createElement(‘script’); s.async = true;
    s.type = ‘text/javascript’;
    s.src = ‘http://&#8217; + disqus_shortname + ‘.disqus.com/count.js’;
    (document.getElementsByTagName(‘HEAD’)[0] || document.getElementsByTagName(‘BODY’)[0]).appendChild(s);
    }());
    </script>

    {/block:IfDisqusShortname}

    {block:IfGoogleAnalyticsID}

    <script type=”text/javascript”>
    var _gaq = [[‘_setAccount’, ‘{text:Google Analytics ID}’], [‘_trackPageview’]];
    (function(d, t) {
    var g = d.createElement(t),
    s = d.getElementsByTagName(t)[0];
    g.async = true;
    g.src = ‘//www.google-analytics.com/ga.js’;
    s.parentNode.insertBefore(g, s);
    })(document, ‘script’);
    </script>

    {/block:IfGoogleAnalyticsID}

    </body>

    <!–
    This Tumblr Theme and all of its CSS, Javascript,
    and media assets are subject to Tumblr’s Terms of Service:

    http://www.tumblr.com/terms_of_service
    

    –>

    </html>

Viewing 2 posts - 16 through 17 (of 17 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.