SilabGarza - RS Private Server  
Home Forum Play Register Store Market Highscores Mark Forums Read
Go Back   SilabGarza - RS Private Server > SilGar Media > Computers > Programming
Reload this Page HTML 'customization' help - Tumblr.


HTML 'customization' help - Tumblr.
Old
  (#1 (permalink))
klk is Offline
Spermicidal
image
 
klk's Avatar
 
Posts: 3,391
Cookies Given: 105
Cookies Received: 240
Time Online: 46 d 15 h 32 m
   
Default HTML 'customization' help - Tumblr. - 12-18-2012, 05:13 PM

Hey people's of SilGar.. I recently made a Tumblr to try and beat my gf at getting followers.

I chose one of the themes they had to offer, and I like it because it's 'dark', but I wanted to customize it a bit more, maybe like instead of 1 row of pictures, 2 or 3.

And maybe just some cool other stuff.

The code for the layout is as follows:

PHP Code:
<!DOCTYPE html>
<
html lang="en">
<
head>
    <
meta charset="utf-8" />
    {
block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    
    <
meta name="text:Twitter Username" content=""/>
    <
meta name="text:Flickr Username" content=""/>
    <
meta name="text:Disqus Shortname" content=""/>
    <
meta name="color:Asterisk" content="#17f0ff"/>
    <
meta name="if:Facebook Comments" content="0"/>
    <
meta name="if:Disqus Comments" content="0"/>
    <
meta name="if:Show Notes" content="1"/>
    <
meta name="if:Show Asterisk" content="1"/>
    <
meta name="if:Light Theme" content="0"/>
    <
meta name="if:Show Portrait in Sidebar" content="0"/>
    <
meta name="if:Disable Infinate Scrolling" content="0"/>
    <
meta name="text:Google Analytics ID" content=""/>
    
    <
title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
    <
link rel="shortcut icon" href="{Favicon}" />
    <
link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
    <
link href="http://static.tumblr.com/xz44nnc/lgull993s/style.css" rel="stylesheet" />
    
    <
script src="http://static.tumblr.com/xz44nnc/o5lkyivqw/jquery-1.3.2.min.js"></script>
    <script src="http://static.tumblr.com/xz44nnc/6eHll98ci/poop.js"></script>
    {block:IfNotDisableInfinateScrolling}
    <script>
    $(function(){
        $('#content ol').infinitescroll({
            navSelector: "div#pagination",
            nextSelector: "a#next_page",    
            itemSelector: "#content ol li",          
            loadingImg: "http://static.tumblr.com/xz44nnc/G0Zkyivrt/loading.gif",          
            loadingText: "",      
            donetext: "We've reached the end...",
            bufferPx: 400
        });
    });
    </script>
    {/block:IfNotDisableInfinateScrolling}
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    *******>
        /* Source logos */
        #content .meta a img {
            border: none;
            background: none;
            padding: 0;
            margin: 0;
            vertical-align: text-top;
            -moz-opacity: 0.1;
            opacity: 0.1;
        }
        
        #content .meta a:hover img {
                -moz-opacity: 0.15;
                opacity: 0.15;
            }
        div.fbDarkWidget {
            border: none !important;
            background-color: none !important;
        }
        
    {block:IfLightTheme}
        body { background: #fff; }
        ol#nav li.home a { color: #333; }
        ol#nav { background: #e7e7e7 url(http://static.tumblr.com/xz44nnc/oe5ll93v8/side-light.png) repeat-y fixed 0 0; }
        ol#nav li a { color: #333; }
        ol#nav li a:hover { background: #fff; }
        body.show #content ol li { border-bottom: 1px solid #ddd; }
        #content .regular h3 a { color: #111; }
        #content ol li.quote blockquote { color: #333; }
        #content img, #content embed { background: #f1f1f1; border: 1px solid #dfdfdf; }
        #content ol li#notes ol li { border-bottom: 1px solid #ddd;}
        #content a { color: #111; }
        #content a:hover { color: #666; }
        #content p.meta a { color: #999; }
        #content a.button { color: #333; }
    {/block:IfLightTheme}
    
    body.show #content ol li ol li, body.show #content ol li ul li { border: none; }
    ol#nav li.home a { color: {color:Asterisk}; }
    
    {block:IfShowPortraitinSidebar}
    ol#nav { padding-top: 70px; }
    ol#nav li a#photo-nav:hover { background: none; }
    {/block:IfShowPortraitinSidebar}
        
        {CustomCSS}
    </style>
    
    {block:IfGoogleAnalyticsID}
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
        _gaq.push(['_trackPageview']);
        
        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
    {/block:IfGoogleAnalyticsID}
    
</head>    
<body{block:IfUseLightTheme} id="light"{/block:IfUseLightTheme}{block:IndexPage} class="show"{/block:IndexPage}>

<ol id="nav">
    {block:IfShowPortraitinSidebar}<li><a id="photo-nav" href="/" title="{Title}"><img src="{PortraitURL-96}"></a></li>{/block:IfShowPortraitinSidebar}
    {block:IfNotShowPortraitinSidebar}{block:IfShowAsterisk}<li class="home"><a href="/" title="{Title}">*</a></li>{/block:IfShowAsterisk}{/block:IfNotShowPortraitinSidebar}
    <li><a href="/">{lang:Home}</a></li>
    {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
    {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
    {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
    {block:IfFlickrUsername}<li><a href="http://flickr.com/photos/{text:Flickr Username}">Flickr</a></li>{/block:IfFlickrUsername}
    {block:IfTwitterUsername}<li><a href="http://twitter.com/{text:Twitter Username}">Twitter</a></li>{/block:IfTwitterUsername}
    <li><a href="/archive">{lang:Archive}</a></li>
    <li><a href="{RSS}">{lang:RSS}</a></li>
</ol>

<div id="content">
    <ol>
    {block:Posts}        
        {block:Text}
        <li class="regular">
            {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
            {Body}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Text}
        
        {block:Photo}
        <li class="photo">
            <p class="noborder">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</p>
            {block:Caption}{Caption}{/block:Caption}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Photo}

        {block:Photoset}
        <li class="photoset">
            {block:Photos}
                {block:HighRes}<p><img src="{PhotoURL-HighRes}" alt="photo"></p>{/block:HighRes}
                   {block:Caption}<p>{Caption}</p>{/block:Caption}
               {/block:Photos}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Photoset}
        
        {block:Quote}
        <li class="quote">
            <blockquote>{Quote}</blockquote>
            {block:Source}<cite>&ndash; {Source}</cite>{/block:Source}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Quote}
        
        {block:Link}
        <li class="link">
            <h3><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h3>
            {block:Description}{Description}{/block:Description}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Link}
        
        {block:Video}
            <li class="video">
                {Video-500}
                {block:Caption}{Caption}{/block:Caption}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
            </li>
        {/block:Video}
        
        {block:Chat}
        <li class="chat">
            {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
            {block:Lines}<p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p>{/block:Lines}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Chat}

        {block:Audio}
        <li class="audio">
            {AudioPlayerBlack}
            {block:Caption}{Caption}{/block:Caption}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Audio}
    {/block:Posts}
    {block:PermalinkPage}
    {block:IfShowNotes}
        {block:PostNotes}
        <li id="notes">
            {PostNotes}
        </li>
        {/block:PostNotes}
        {/block:IfShowNotes}
    {block:IfDisqusComments}
    {block:IfDisqusShortname}
        <li id="comments">
            <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=jessakalani">comments powered by Disqus.</a></noscript>{/block:Permalink}<script type="text/javascript">
            //<![CDATA[
            (function() {
                var links = document.getElementsByTagName('a');
                var query = '?';
                for(var i = 0; i < links.length; i++) {
                if(links[i].href.indexOf('#disqus_thread') >= 0) {
                    query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
                }
                }
                document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
            })();
            //]]>
            </script>
        </li>
    {/block:IfDisqusShortname}
    {/block:IfDisqusComments}
    
    {block:IfNotLightTheme}
    {block:IfFacebookComments}
    <li id="comments">
        <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
        <fb:comments href="{Permalink}" num_posts="20" width="620" colorscheme="dark"></fb:comments>
    </li>
    {/block:IfFacebookComments}
    {/block:IfNotLightTheme}
    
    {block:IfLightTheme}
    {block:IfFacebookComments}
    <li id="comments">
        <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
        <fb:comments href="{Permalink}" num_posts="20" width="620" colorscheme="light"></fb:comments>
    </li>
    {/block:IfFacebookComments}
    {/block:IfLightTheme}
    
{/block:PermalinkPage}
    </ol>
    <div id="pagination">
        {block:NextPage}<a class="button next" id="next_page" href="{NextPage}">&larr; {lang:Older}</a>{/block:NextPage}
        {block:PreviousPage}<a class="button right" href="{PreviousPage}">{lang:Newer} &rarr;</a>{/block:PreviousPage}
    </div>
</div>
</body>
</html> 

It looks like this basically:




Soo.... Let me know if you can do anything like that. Thanks!





Soundcloud






Click for Stock Trading info:
  
Old
  (#2 (permalink))
Brittany is Offline
SG
image
 
Brittany's Avatar
 
Posts: 24,709
Cookies Given: 611
Cookies Received: 3,789
Time Online: 203 d 20 h 28 m
   
Default 12-18-2012, 05:15 PM

So... what are you asking us to do? Look at the code and tell you "yep, it's HTML!"



Sometimes we just need a friend.
Someone to hold us when you can't stand.
Sometimes even to pretend like you matter for that split second that everything seems to be crashing down.
And sometimes it's just easier to say goodbye.

  
Old
  (#3 (permalink))
Mr 223 is Offline
Moderator
image
 
Mr 223's Avatar
 
Posts: 4,021
Cookies Given: 455
Cookies Received: 438
Time Online: 223 d 15 h 3 m
   
Default 12-18-2012, 05:16 PM

Quote:
Originally Posted by Mommy View Post
So... what are you asking us to do? Look at the code and tell you "yep, it's HTML!"
"I wanted to customize it a bit more, maybe like instead of 1 row of pictures, 2 or 3."

I assume that. ^



  
Old
  (#4 (permalink))
klk is Offline
Spermicidal
image
 
klk's Avatar
 
Posts: 3,391
Cookies Given: 105
Cookies Received: 240
Time Online: 46 d 15 h 32 m
   
Default 12-18-2012, 05:17 PM

Quote:
Originally Posted by Mommy View Post
So... what are you asking us to do? Look at the code and tell you "yep, it's HTML!"
"but I wanted to customize it a bit more, maybe like instead of 1 row of pictures, 2 or 3.

And maybe just some cool other stuff."





Soundcloud






Click for Stock Trading info:
  
Old
  (#5 (permalink))
klk is Offline
Spermicidal
image
 
klk's Avatar
 
Posts: 3,391
Cookies Given: 105
Cookies Received: 240
Time Online: 46 d 15 h 32 m
   
Default 12-18-2012, 08:16 PM

Take that as nobody knows how?

Or if you can link me to a good site, I'd appreciate it.





Soundcloud






Click for Stock Trading info:
  
adsense code2.3
Closed Thread

Bookmarks

HTML 'customization' help - Tumblr.

Programming




Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
adsense2.6
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -7. The time now is 10:36 AM.





Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2017, vBulletin Solutions, Inc.