Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 9 posts ] 
Author Message
 Post subject: [Lock please] Tumblr HTML code
PostPosted: July 26th, 2010, 11:07 am 
Dragon Member
Offline

Joined: May 27th, 2006, 6:26 am
Posts: 2159
Location: Photoshop england
RS Name: Humus_75
RS Status: Classic
Clan Name: Instinct
http://rainandtea.tumblr.com/

^Have set up an inspiration blog, but I want to change the code so that I can post more than one image each post. Is there any way to make it so that I could do that? Full HTML code below:
Spoiler for code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}

        <!--META-->
            <meta name="color:Background" content="#000" />
            <meta name="color:Font" content="#fff" />
            <meta name="color:Link" content="#fff" />
            <meta name="color:Link hover" content="#dd3636" />
            <meta name="color:Post Background" content="#111" />
            <meta name="color:Notes Background" content="#222" />
            <meta name="font:Family" content="Helvetica" />
            <meta name="image:Background" content="" />
            <meta name="image:Header" content="" />
            <meta name="if:Show Notes" content="1" />
            <meta name="if:Show Following or Group Members" content="1" />
            <meta name="text:Tagline" content="" />
            <meta name="text:Disqus Shortname" content="" />
            <meta name="text:Twitter Username" content=""/>
        <!--META-->

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script type="text/javascript" src="http://static.tumblr.com/mtfg37s/wAWl32xxr/1.js"></script>

        {block:IndexPage}
            <link rel="stylesheet" href="http://static.tumblr.com/mtfg37s/vcpl36puz/index.css" />
        {block:IndexPage}

        {block:PermalinkPage}
            <link rel="stylesheet" href="http://static.tumblr.com/mtfg37s/gkhl36qm6/perma.css" />

            <style type="text/css">
                .audio {padding: 10px;}
                .video {display: none !important;}
                .video2 {display: block !important;}
                .caption {display: block !important;}
            </style>
        {block:PermalinkPage}

        <style type="text/css">
            body {background: {color:Background} url('{image:Background}') center fixed;
                  font-family: {font:Family};
                  color: {color:Font};
            }

            a {color: {color:Link};
            }

            a:hover {color: {color:Link hover};
            }

                .posts {background: {color:Post Background};
                }

                       .chat li.odd, .notes li.odd {background: {color:Notes Background};
                       }

                       .video {background: none;}

                       .video2 {display: none; background: black;}

                       .caption {display: none;}

                       #follow img, #group img {padding: 2px;
                                                border: solid 1px {color:Border};
                       }

                           #credit a {color: {color:Link hover};
                           }
        </style>
    </head>
    <body>
        <div id="wrap">
            <div id="head">
                {block:IfNotHeaderImage}
                    <div id="title"><a href="/">{Title}</a></div>
                    <div id="tagline">{text:Tagline}</div>
                    <div class="clear"></div>
                {/block:IfNotHeaderImage}

                {block:IfHeaderImage}
                    <a href="/"><img class="header" src="{image:Header}" /></a>
                    <div class="clear"></div>
                {/block:IfHeaderImage}
            </div>

            {block:Posts}
                <div class="posts">
                    {block:Text}
                        <div class="post">
                            {block:Title}
                                <h3><a href="{Permalink}">{Title}</a></h3>
                            {/block:Title}

                            {Body}
                        </div>
                    {/block:Text}

                    {block:Photo}
                        {LinkOpenTag}
                            <center>
                                <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
                                <img class="photo2" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
                            </center>
                        {LinkCloseTag}

                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                    {/block:Photo}
               
                    {block:Photoset}
                            {Photoset-250}

                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                    {/block:Photoset}

                    {block:Quote}
                        <div class="post">
                            <div id="quote" class="{Length}">"{Quote}"</div>

                            {block:Source}
                                <div class="source">{Source}</div>
                            {/block:Source}
                        </div>
                    {/block:Quote}

                    {block:Link}
                        <div class="post">
                            <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>

                            {block:Description}
                                <div class="description">{Description}</div>
                            {/block:Description}
                        </div>
                    {/block:Link}

                    {block:Chat}
                        <div class="chat">
                       {block:Title}<h3>{Title}</h3>{/block:Title}

                       <ul>
                       {block:Lines}
                       <li class="{Alt}">{block:Label}
                                             <span class="label">{Label}</span>
                                             {/block:Label}
                                             &nbsp;{Line}
                            </li>
                       {/block:Lines}
                            </ul>
                        </div>
                    {/block:Chat}

                    {block:Video}
                            <div class="video">{Video-250}</div>
                            <div class="video2"><center>{Video-500}</center></div>

                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                    {/block:Video}

                    {block:Audio}
                        <div class="audio">
                            {AudioPlayerBlack}

                            {block:Caption}{Caption}{/block:Caption}
                        </div>
                    {/block:Audio}

                    <div class="permalink">
                        {block:Date}
                            <div class="date">
                                <a class href="{Permalink}">{Month} {DayOfMonth}</a>
                            </div>
                        {block:Date}

                        {block:IfShowNotes}
                            {block:NoteCount}
                                <div class="note">
                                    <a class href="{Permalink}">{NoteCountWithLabel}</a>
                                </div>
                            {/block:NoteCount}
                        {/block:IfShowNotes}
                    </div>

{block:ifDisqusShortname}
<div class="disqus">
<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><a href="http://disqus.com/forums/{text:disqus shortname}/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>{/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>
</div>
{/block:ifDisqusShortname}

                    {block:PostNotes}{PostNotes}{/block:PostNotes}
                </div><!--post-->
            {/block:Posts}

            <div class="clear"></div>

            {block:Pagination}
                <div id="navigation">
                    <div id="index">Page {CurrentPage} of {TotalPages}</div>
                    {block:PreviousPage}
                        <div id="latest">
                            <a href="{PreviousPage}">&#171; Latest Entries</a>
                        </div>
                    {/block:PreviousPage}

                    {block:NextPage}
                        <div id="earlier">
                            <a href="{NextPage}">Earlier Entries &#187;</a>
                        </div>
                    {/block:NextPage}

                    <div class="clear"></div>
                </div>
            {/block:Pagination}

            {block:PermalinkPagination}
                <div id="navigation">
                    <div id="index">Page {CurrentPage} of {TotalPages}</div>
                    {block:PreviousPost}
                        <div id="earlier">
                            <a href="{PreviousPost}">An Earlier Entry &#187;</a>
                        </div>
                    {/block:PreviousPost}

                    {block:NextPost}
                        <div id="latest">
                            <a href="{NextPost}">&#171; A More Recent Entry</a>
                        </div>
                    {/block:NextPost}

                    <div class="clear"></div>
                </div>
            {/block:PermalinkPagination}

            <div id="foot">
                <div class="feet">
{block:IfTwitterUsername}
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 1,
  interval: 6000,
  width: 300,
  height: 200,
  theme: {
    shell: {
      background: '#000000',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#dd3636'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: false,
    timestamp: false,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('{text:Twitter Username}').start();
</script>
{/block:IfTwitterUsername}

{block:Twitter}
    <script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
                </div>

                <div class="feet">{Description}</div>

                <div class="feet">
                    {block:IfShowFollowingorGroupMembers}
                        {block:Following}
                            <div id="follow">
                                {block:Followed}
                                    <a href="{FollowedURL}">
                                        <img src="{FollowedPortraitURL-24}" />
                                    </a>
                                {/block:Followed}
                            </div>
                        {/block:Following}

                        {block:GroupMembers}
                            <div id="group">
                                {block:GroupMember}
                                    <a href="{GroupMemberURL}">
                                        <img src="{GroupMemberPortraitURL-24}" />
                                    </a>
                                {/block:GroupMember}
                            </div>
                        {/block:GroupMembers}
                    {/block:IfShowFollowingorGroupMembers}
                </div>

                <div class="clear"></div>

                <div id="credit">
                    <a href="http://www.tumblr.com/theme/6012">Simpleboard 3.0</a> by
                    <a class="credit" href="http://micheldacruz.tumblr.com">Michel Dacruz</a>.
                    Powered by <a href="http://www.tumblr.com">Tumblr</a>.
                </div>
            </div>
        </div><!--wrap-->
    </body>
</html>


Last edited by Humus on July 26th, 2010, 11:51 am, edited 1 time in total.

Top
 Profile  
 
 Post subject: Register and login to get these in-post ads to disappear
PostPosted: July 26th, 2010, 11:07 am 
Dragon Member

Joined: September 9th, 2004, 1:47am
Posts: 9047
Location: In your web browserz


Top
  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:13 am 
Bronze Member
Offline

Joined: July 21st, 2010, 5:52 am
Posts: 14
Location: Wales, Newport wales
RS Name: I Tank Yooh
RS Status: P2P
Clan Name: EpicNom
What are you using to write your codes?

_________________


Top
 Profile  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:17 am 
Dragon Member
Offline

Joined: May 27th, 2006, 6:26 am
Posts: 2159
Location: Photoshop england
RS Name: Humus_75
RS Status: Classic
Clan Name: Instinct
Nothing? I don't write code, it's just the HTML for a theme that is on the tumblr themes page.


Top
 Profile  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:21 am 
Bronze Member
Offline

Joined: July 21st, 2010, 5:52 am
Posts: 14
Location: Wales, Newport wales
RS Name: I Tank Yooh
RS Status: P2P
Clan Name: EpicNom
Aww right, have you got Adobe Dreamweaver?

_________________


Top
 Profile  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:31 am 
Dragon Member
Offline

Joined: May 27th, 2006, 6:26 am
Posts: 2159
Location: Photoshop england
RS Name: Humus_75
RS Status: Classic
Clan Name: Instinct
Yah. Do I really need it? Can't I just find the part in the code that restrics the posting of more than one image, or something?


Top
 Profile  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:47 am 
Bronze Member
Offline

Joined: July 21st, 2010, 5:52 am
Posts: 14
Location: Wales, Newport wales
RS Name: I Tank Yooh
RS Status: P2P
Clan Name: EpicNom
You could, but i think Dreamweaver is probably eaiser. Other than going through codes lol.

_________________


Top
 Profile  
 
 Post subject: Register and login to get these in-post ads to disappear
PostPosted: July 26th, 2010, 11:47 am 
Bronze Member

Joined: September 9th, 2004, 1:47am
Posts: 9047
Location: In your web browserz


Top
  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:49 am 
Runite Member
Offline

Joined: February 25th, 2008, 3:41 pm
Posts: 463 us
RS Name: Ice Blk Drgn
RS Status: F2P
Clan Name: MaSoRs
Image

Use the button :P

_________________
Adamant: 7/18/2010 ~ Runite: 9/30/2010 ~ Female ~ RuneWire
Your lack of regard for grammar is proportional to my lack of respect for you.


Top
 Profile  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:51 am 
Dragon Member
Offline

Joined: May 27th, 2006, 6:26 am
Posts: 2159
Location: Photoshop england
RS Name: Humus_75
RS Status: Classic
Clan Name: Instinct
****. Oh dear, sorry people for being such a boob. Lol!


Top
 Profile  
 
 Post subject: Re: Tumblr HTML code
PostPosted: July 26th, 2010, 11:52 am 
Runite Member
Offline

Joined: February 25th, 2008, 3:41 pm
Posts: 463 us
RS Name: Ice Blk Drgn
RS Status: F2P
Clan Name: MaSoRs
:lol: It's fine. I'm following your blog now by the way.

_________________
Adamant: 7/18/2010 ~ Runite: 9/30/2010 ~ Female ~ RuneWire
Your lack of regard for grammar is proportional to my lack of respect for you.


Top
 Profile  
 
Display posts from previous:  Sort by  

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Jump to: