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} {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}">« Latest Entries</a> </div> {/block:PreviousPage} {block:NextPage} <div id="earlier"> <a href="{NextPage}">Earlier Entries »</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 »</a> </div> {/block:PreviousPost} {block:NextPost} <div id="latest"> <a href="{NextPost}">« 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.