The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr posts joined together, Unwanted merging of seperate posts :/
Tama
post Jul 4 2012, 09:03 AM
Post #1





Group: Members
Posts: 1
Joined: 4-July 12
From: UK
Member No.: 17,378



Hello~ I'm new here and not that great at coding yet, so please be nice to me^^'

I'm trying to modify my tumblr theme because the original code (from snazzyspace.com) placed the tags above the post. I have managed to get them to sit in the bottom-right corner of the post (where I want them to be) along with the notes and timestamp, but whatever I did has caused this annoying "join" between the photo post and those below it. The quote and text-type posts are fine though :/

Here's the code at the moment:
CODE
<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Princess+Sofia' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC' rel='stylesheet' type='text/css'>
        <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        <style type="text/css">
        body {
            background:url('http://www.snazzyspace.com/defaultimages/941113_damask.gif') repeat #FFFFFF;
            margin:25px 0;
            background-attachment:fixed;
            text-align:center;
            font:13px 'Istok Web', sans-serif;
            color:white;
        }
        
        .postnotes {
            display:block;
            text-align:right;
            padding:5px;
            font:10px 'Istok Web', sans-serif;
        }
        
        .postnotes a, .postnotes a:link, .postnotes a:active, .postnotes a:visited {
                font:10px 'Istok Web', sans-serif;
                text-decoration:none;
                border:none;
        }
        
        
        blockquote {
            padding:0;
            margin:0;
        }
        
        #container {
            width:723px;
            margin:0 auto;
            text-align:left;
        }
        
        a, a:link, a:active, a:visited {
            font:12px 'Istok Web', cursive;
            font-weight:normal;
            color:white;
            text-decoration:none;
            text-transform:upper-case;
            border-bottom:1px dotted #fff;
        }
        
        #left {
            float:left;
            width:133px;
            background:#000;
            padding:15px;
            margin:0 15px 0 0;
            border-top:8px solid #343434;
            border-bottom:8px solid #343434;
        }
        
        .reblog {
            text-align:right;
            padding:5px;
        }
        
        .reblog a, .reblog a:active, .reblog a:visited, .reblog a:link {
            color:white;
            background:#343434;
            padding:3px 10px;
            margin:8px 0;
            border:none;
            font:10px 'Istok Web', sans-serif;
        }
        
        #right {
            float:left;
            width:530px;        }
        
        .clear {
            clear:both;
        }
        
        .post {
            background:black;
            margin:0 0 15px 0;
            color:white;
            width:500px;
            padding:15px;
            border-top:8px solid #343434;
            border-bottom:8px solid #343434;
        }
        

        
        .avatarz {
            width:133px;
            height:133px;
            margin:5px 0;
            background:url('{PortraitURL-128}') repeat transparent;
            position:relative;
        }
        
        .avoverlay {
            position:absolute;
            top:0;
            left:0;
            width:133px;
            height:133px;
        }
        
        h1 {
            font:40px/30px 'Princess Sofia', sans-serif;
            text-transform:lowercase;
            padding:10px 0 0 0;
            margin:0;
            color:#fff;
            text-shadow:#000 1px 1px 1px;
        }
        
        h3 {
            font:25px 'Poiret One', sans-serif;
            text-transform:lowercase;
            padding:10px 0;
            margin:0;
            color:#fff;
        }
        
        p#description {
            font:30px 'Poiret One', cursive;
            text-transform:lowercase;
            padding:0;
            margin:0;
            color:#fff;
            text-shadow:#000 1px 1px 1px;
        }
        
        .navo {
            width:133px;
        }
        
        .navo a, .navo a:link, .navo a:active, .navo a:visited {
            display:block;
            width:113px;
            padding:5px 10px;
            color:white;
            font-weight:normal;
            font-size:18px;
            font-family: 'IM Fell DW Pica SC', serif;
        }
        
        .navo a:hover {
            background:#343434;
        }
.buttonz {
position:absolute;top:0px;left:0px;border:0px;
}

.buttonz a, .buttonz a:link, .buttonz a:active, .buttonz a:visited {
border:none;
padding:0;
}
        </style>
    </head>
    <body>
    
    <div id="container">
            <h1>{Title}</h1>
                  
        <div id="left">

        <div class="avatarz">
            <img class="avoverlay" src="http://www.wewantlayouts.com/lytimgs/av_blackoverlay.png" />
        </div>
              {block:Description}
  
                        <p id="description">{Description}</p>
                        
                              {/block:Description}

<div class="navo">

<a href="/">Home</a>
{block:AskEnabled}<a href="/ask">Feed me questions</a>{/block:AskEnabled}    
<a href="/archive" id="archives">Archives</a>
<a href="/rss" id="rss">RSS</a>
<a href="/random">Random</a>
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
{/block:HasPages}
</ul>    
</div>

        </div>
        <div id="right">
            {block:Posts}
            
                {block:Text}
                    <div class="post text">
                            <div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                            {/block:HasTags}</div>
                            <br />
                            <div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}  -  {24HourWithZero}:{Minutes} </a></div>
                            <div style="text-align:right;">
                            {NoteCountWithLabel}
                            </div></div></div></div>
                                    
                        <br class='clear' />
                      {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
                {/block:Text}

                {block:Photo}
                    <div class="post photo">
                    <div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                         <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                        {block:Source}
                        <div class="source">{Source}</div>
                        {/block:Source}
                        <div class='insideInfo'>
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                            {/block:HasTags}</div>
                            <br />
                            <div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}  -  {24HourWithZero}:{Minutes} </a></div>
                            <div style="text-align:right;">
                            {NoteCountWithLabel}
                            </div></div></div></div>
                    
                        <br class='clear' />
                      {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
                {/block:Photo}

                {block:Photoset}
                    <div class="post photoset">
                    <div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {Photoset-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                        {block:Source}
                        <div class="source">{Source}</div>
                        {/block:Source}
                        <div class='insideInfo'>
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                            {/block:HasTags}</div>
                            <br />
                            <div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}  -  {24HourWithZero}:{Minutes} </a></div>
                            <div style="text-align:right;">
                            {NoteCountWithLabel}
                            </div></div></div></div>
                    
                        <br class='clear' />
                      {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
                {/block:Photoset}

                {block:Quote}
                    <div class="post quote">
                    <div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                        <div class='insideInfo'>
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                            {/block:HasTags}</div>
                            <br />
                            <div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}  -  {24HourWithZero}:{Minutes} </a></div>
                            <div style="text-align:right;">
                            {NoteCountWithLabel}
                            </div></div></div></div>
                    
                        <br class='clear' />
                      {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    
                {/block:Quote}

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

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                        {block:Source}
                        <div class="source">{Source}</div>
                        {/block:Source}
                        <div class='insideInfo'>
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                            {/block:HasTags}</div>
                            <br />
                            <div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}  -  {24HourWithZero}:{Minutes} </a></div>
                            <div style="text-align:right;">
                            {NoteCountWithLabel}
                            </div></div></div></div>
                    
                        <br class='clear' />
                      {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
                {/block:Link}

                {block:Chat}
                    <div class="post chat">
                    <div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    {block:Source}
                        <div class="source">{Source}</div>
                        {/block:Source}
                        <div class='insideInfo'>
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                            {/block:HasTags}</div>
                            <br />
                            <div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}  -  {24HourWithZero}:{Minutes} </a></div>
                            <div style="text-align:right;">
                            {NoteCountWithLabel}
                            </div></div></div></div>
                    
                        <br class='clear' />
                      {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
                {/block:Chat}

                {block:Video}
                    <div class="post video">
                    <div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {Video-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                        {block:Source}
                        <div class="source">{Source}</div>
                        {/block:Source}
                        <div class='insideInfo'>
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                            {/block:HasTags}</div>
                            <br />
                            <div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}  -  {24HourWithZero}:{Minutes} </a></div>
                            <div style="text-align:right;">
                            {NoteCountWithLabel}
                            </div></div></div></div>
                    
                        <br class='clear' />
                      {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
                {/block:Video}

                {block:Audio}
                    <div class="post audio">
                    <div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                        {block:Source}
                        <div class="source">{Source}</div>
                        {/block:Source}
                        <div class='insideInfo'>
                        <div class'postTags'>
                        <div class='postNotes'>
                            
                            <div style:"text-align:left;">{block:HasTags}
                                <br />
                                {block:Tags}
                                    <a href='{TagURL}'>#{Tag}</a>
                                {/block:Tags}
                          
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 12:37 PM