Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Tumblr Html Coding

    Hi there

    I've done some coding ages ago for Myspace but stuck with this!
    My blog is http://mitchfielder.tumblr.com/ and I'm trying to insert an image over the title but so it stays on the left with the title and description

    the code is as follows

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    
    <html lang="en">
    <head>
    	
    	<!--
    		Reboot by justin.waggonerphoto.com
    	
    		Inspired by justplaintheme.tumblr.com.
    	-->
    	
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    	<title>{title}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />
    
    
    {/block:Description}
    	<!-- custom  -->
    	<meta name="text:Disqus shortname" content="" />
    	
    	<meta name="if:Show People I Follow" content="0">
    	<meta name="if:Show Timestamp" content="1">
    	<meta name="if:Show Date" content="1">
    	<meta name="if:Show Search" content="1">
    	
    	<meta name="font:Body" content="Calibri">
    	<meta name="color:Background" content="#FFFFFF"/>
    	<meta name="color:Text" content="#111111"/>
    	<meta name="color:Link Text Hover" content="#FFFFFF"/>
    	<meta name="color:Link Background Hover" content="#111111"/>
    	
    	<meta name="if:Show post notes" content="1">
    	<meta name="if:Endless scrolling" content="0">
    	
    	<!-- custom -->
    	<style type="text/css">
    		body {
    			margin: 0;
    			padding: 20px;
    			background: #FFFFFF;
    			font-family: Calibri, Helvetica, sans-serif;
    			font-size: 12px;
    			color: #000000;
    		}
    .navi {
                    color: {color:Text};
                    position: fixed;
    
                }
    		
    		a {
    			color: #797979;
    			text-decoration: none;
    		}
    		
    			a:hover {
    				color: #000000;
    			}
    					
    			a img { border-width: 0px; }
    		
    		.clear {
    			clear: both;
    		}
    		
    		#container {
    		  width: 770px;
    		}
    		
    		#left {
    			float: left;
    			width: 200px;
    		}
    		
    		#left a.h2 {
    			text-transform: uppercase;
    			font-size: 30px;
    			line-height: 1em;
    			color: {color:Text};
    			text-decoration: none;
    		}
    		
    			#left a.h2:hover {
    				color: {color:Text};
    				background: none;
    				text-decoration: none;
    			}
    			
    		#left .space {
    			width: 100%;
    			height: 20px;
    		}
    		
    			#left .space.small {
    				width: 100%;
    				height: 10px;
    			}
    		
    		#right {
    			width: 500px;
    			float: right;
    		}
    		
    			#right .post {
    				margin: 0 0 50px 0;
    			}
    			
    			#right .post img {
    			  max-width: 500px;
    			}
    			
    			#right .post h3 {
    				font-weight: heavy;
    				font-size: 13px;
    				margin: 0;
    			}
    		
    			#right .post a.h3 {
    				color: {color:Text};
    				font-weight: heavy;
    				font-size: 13px;
    				margin: 0;
    			}
    			
    				#right .post a.h3:hover {
    					background: none;
    				}
    			
    			#right .post a.h3.link {
    				text-decoration: underline;
    			}
    			
    				#right .post a.h3.link:hover {
    					color: {color:Link Text Hover};
    					background: {color:Link Background Hover};
    				}
    			
    			#right .post blockquote {
    				border-left: 2px solid {color:Text};
    				padding: 0 0 0 15px;
    				margin-left: 0px;
    			}
    			
    			/* this is for chat */
    			#right .post table {
    				margin: 10px 0 0 0;
    				border-collapse: collapse;
    			}
    			
    				#right .post table tr {
    					margin: 1px 0;
    				}
    				
    				#right .post table tr td {
    					padding: auto;
    					vertical-align: top;
    				}
    				
    				#right .post table tr td.name {
    					text-align: right;
    					padding: 1px 15px;
    				}
    				
    				#right .post table tr td.words {
    					width: 100%;
    					text-align: left;
    					padding: 1px;
    				}
    			/* that was for chat */
    			
    			ol.notes {
              margin: 0 0 50px 0;
              padding: 0 0 0 0;
          }
    
              ol.notes img {
                  display: none;
              }
    			
    		#right #footer {
    			position: relative;
    			right: 0px;
    			text-align: right;
    		}
    		
    			#right #footer .credit {
    				color: #797979;
    				margin: 50px 0 0 0;
    			}
    			
    				#right #footer .credit a {color: #797979;}
    				#right #footer .credit a:hover {color: {color:Text}; 
    
    background: none; }
    
    	a.install {
            width: 96px;
            height: 20px;
            background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
            display: block;
            position: absolute;
            top: 26px;
            right: 3px;
        }
    	{CustomCSS}
    	</style>
    	
    	{block:IfEndlessScrolling}
      {block:IndexPage}
      <script type="text/javascript" 
    
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      <script type="text/javascript" 
    
    src="http://static.tumblr.com/thpaaos/sZQkv2j7g/infinitescroll.js"></script>
      <script type="text/javascript">
      var jQis = jQuery.noConflict();
      jQis(function($){
          // Infinite Scroll plugin
          // copyright: Paul Irish &amp; dirkhaim
          // license: cc-wrapped GPL : http://creativecommons.org/licenses/GPL/2.0/
          $('ul.allposts').infinitescroll({
              debug           : false,
              nextSelector    : "a.next",
              text            : "",
              donetext        : "{lang:No more posts}.",
              navSelector     : "div#footer",
              contentSelector : "div#right",
              itemSelector    : "div#right > .post"
          });
      });
      </script>
      {/block:IndexPage}
      {/block:IfEndlessScrolling}
    	
    	<link rel="shortcut icon" href="{Favicon}">
    	<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
    	<meta name="viewport" content="width=820" />
    </head>
    <body>
    <a href="http://www.tumblr.com/theme/15290" class="install"></a>
    <div id="container">
    <div class="navi">
      <div id="left">
     
      	<a href="/" class="h2">{Title}</a>
    <hr>
      	
    {block:Description}{Description}{/block:Description}
      	{block:HasPages}
    
        	<br/>
    <hr>
            {block:Pages}<b>→</b> <a href="{URL}">{Label}</a><br/>{/block:Pages}
        	
        {/block:HasPages}
    <hr>
       
        {block:AskEnabled}<div class="space"></div><b>→</b> <a href="/ask">{AskLabel}</a><br/>{/block:AskEnabled}
        {block:SubmissionsEnabled}→ <a href="/submit">{SubmitLabel}</a>
    
    {/block:SubmissionsEnabled}
      
      	{block:IfShowPeopleIFollow}
        	{block:Following}
        	<p style="text-transform:uppercase;">{lang:Following}:</p>
        	{block:Followed}→<a href="{FollowedURL}">{FollowedTitle}</a><br />
    
    {/block:Followed} 
        	{/block:Following}
      	{/block:IfShowPeopleIFollow}
      	{block:IfShowSearch}
      	<div class="space"></div>
      	<form action="/search" method="get">
      		<input type="text" class="search-query" name="q" value="{SearchQuery}" 
    
    /> <input type="submit" class="search-button" value="{lang:Search}"/>
      	</form>
      	{/block:IfShowSearch}
      </div>
      </div>
    
      <div id="right">
      	{block:Posts}
      	<div class="post">
      	{block:Text}
      		{block:Title}<a href="{Permalink}" class="h3">{Title}</a>{/block:Title}
      		{Body}
      	{/block:Text}
    	
      	{block:Link}
      		<a href="{URL}" class="h3 link">{Name}</a>
      		<p>{block:Description}{Description}{/block:Description}</p>
      	{block:Link}
    	
      	{block:Photo}
      		{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
      		<p>{block:Caption}{Caption}{/block:Caption}</p>
      	{/block:Photo}
    	
      	{block:Quote}
      		<h3>“{Quote}”</h3>
      		<p>{block:Source}&mdash; {Source}{/block:Source}</p>
      	{/block:Quote}
    	
      	{block:Chat}
      		{block:Title}<a href="#" class="h3">{Title}</a>{/block:Title}
      		<table>
      			{block:Lines}
      			<tr>
      				{block:Label}<td class="name">{Label}</td>{block:Label}
      				<td class="words">{Line}</td>
      			</tr>
      			{/block:Lines}
      		</table>
      	{/block:Chat}
    	
      	{block:Audio}
      		{AudioPlayerBlack}
      		{block:Caption}{Caption}{/block:Caption}
      	{/block:Audio}
    	
      	{block:Video}
      		{Video-500}
      		{block:Caption}{Caption}{/block:Caption}
      	{/block:Video}
      		<p>&nbsp;<a href="{Permalink}">{block:Date}{block:IfShowTimestamp}
    
    {12Hour}:{Minutes}&nbsp;{AmPm}&nbsp;&nbsp;{/block:IfShowTimestamp}<font color="#000000">|</font>{block:IfShowDate}
    
    &nbsp;&nbsp;{Month}&nbsp;{DayOfMonth}&nbsp;{Year}{/block:IfShowDate}{block:Date}
    
    {block:IfShowPostNotes}{block:NoteCount}&nbsp;&nbsp;<font color="#000000">|</font>&nbsp;&nbsp;{NoteCountWithLabel}
    
    {/block:NoteCount}{/block:IfShowPostNotes}{block:Date}{block:IfDisqusShortname}
    
    &nbsp;&nbsp;<font color="#000000">|</font>&nbsp;&nbsp;<a href="{Permalink}#disqus_thread" style="text-
    
    transform:lowercase;">{lang:View comments}</a>{/block:IfDisqusShortname}</a>
    
    {/block:Date}&nbsp;</p>
      	</div>
    	
        {block:IfDisqusShortname}
        {block:Permalink}
        <div class="notecontainer" style="padding: 0 0 50px 0;">
          <div id="disqus_thread"></div>
          <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus 
    
    Shortname}/embed.js"></script>
          <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View 
    
    the discussion thread}</a></noscript>
        </div>
        {/block:Permalink}
        {/block:IfDisqusShortname}
      
        {block:IfShowPostNotes}{PostNotes}{/block:IfShowPostNotes}
      	{/block:Posts}
      	<div id="footer">
      		{block:Pagination}
                {block:PreviousPage}
                    <a href="{PreviousPage}">{lang:Previous}</a>
                {/block:PreviousPage}
    
                {block:JumpPagination length="10"}
                    {block:CurrentPage}
                        <span class="current_page">{PageNumber}</span>
                    {/block:CurrentPage}
    
                    {block:JumpPage}
                        <a class="jump_page" href="{URL}">{PageNumber}</a>
                    {/block:JumpPage}
                {/block:JumpPagination}
    
                {block:NextPage}
                    <a href="{NextPage}" class="next">{lang:Next}</a>
                {/block:NextPage}
            {/block:Pagination}
      		{block:PermalinkPagination}
      			{block:NextPost}
      			<a href="{NextPost}">{lang:Back}</a>
      			{/block:NextPost}
      			&nbsp; | &nbsp;
      			{block:PreviousPost} 
      			<a href="{PreviousPost}">{lang:Next}</a>
      			{/block:PreviousPost}
      		{/block:PermalinkPagination}
      		<div class="credit">
      			<a href="http://justin.waggonerphoto.com">twentyten</a> by <a 
    
    href="http://www.waggonerphoto.com">Justin Waggoner</a><br />
      			</div>
      	</div>
      </div>
    <div class="clear"></div>
    </div>
    {block:IfDisqusShortname}
    <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>
    {/block:IfDisqusShortname}
    </body>
    </html>

  • #2
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Any idea anyone? really stuck here! I'm sure its quite a simple fix but im not sure where to start !


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •