Tumblr posts joined together, Unwanted merging of seperate posts :/ |
Tumblr posts joined together, Unwanted merging of seperate posts :/ |
Tama |
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} |
Lo-Fi Version | Time is now: 28th March 2024 - 12:37 PM |