 Picture resolution on my blog is terrible!, I've accidentally messed with something to do with the res of the |
  |
| _stellv |
 Jan 8 2014, 03:22 AM
Post
#1
|
|
Group: Members Posts: 1 Joined: 7-January 14 Member No.: 20,188  |
I was trying to make the images on my blog smaller so it would look better, but ended up messing it up. So I changed it back to the original code that was fine, or so I thought. I changed something that said {PhotoURL-500} to {PhotoURL250}, then back to {PhotoURL-500}. I think. I'm not too sure. But please could someone let me know how to fix the code so the photos are high res again?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- http://www.tumblr.com/customize# Theme URBAN By Max Davis. http://themaxdavis.tumblr.com --> <html lang="en"> <head><script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "私は私の心を失ってい。"; tb8_messages[1] = ""; tb8_messages[2] = ""; tb8_rptType = 'infinite' tb8_rptNbr = 100000000000000000000000000000000000; tb8_speed = 0.00000000001 tb8_delay = 20000000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="color:background" content="#fff"/> <meta name="color:center" content="#fff"/> <meta name="color:text" content="#B3B3B3"/> <meta name="color:title" content="#777777"/> <meta name="color:link" content="#777777"/> <meta name="color:hover" content="#B3B3B3"/> <meta name="color:Photo post hover" content="#ff0000"/> <meta name="color:Notes photo post hover" content="#fff"/> <meta name="font:Body" content="Arial, Helvetica, sans-serif"/> <meta name="image:Background" content="" /> <meta name="image:Sidebar" content="" /> <meta name="if:infinite scrolling" content="0"/> <meta name="if:Show reblog on photo post" content="0"/> <meta name="if:Show photo Caption" content="0"/> <meta name="if:Show archive" content="0"/> <meta name="if:Show random" content="0"/> <meta name="if:Show submit" content="0"/> <meta name="text:ask title" content=""/> <meta name="text:Reblog Title" content="Reblog this post" /> <meta name="text:Next Page" content="Next Page" /> <meta name="text:Previous Page" content="Previous Page" /> <meta name="text:Link One" content="" /> <meta name="text:Link One Title" content="" /> <meta name="text:Link Two" content="" /> <meta name="text:Link Two Title" content="" /> <meta name="text:Link Three" content="" /> <meta name="text:Link Three Title" content="" /> {block:Description} <meta name="description" content="{MetaDescription}" />{/block:Description} <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage} {block:PostSummary} {PostSummary} - {/block:PostSummary}{Title}</title> {block:Ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:Ifinfinitescrolling} <link href="http://static.tumblr.com/8jq17g7/liCln580a/style_link.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script> </head> <meta name="viewport" content="width=820" /> <style type="text/css"> iframe#tumblr_controls { top: 1px !important; margin: 0 0 0 0; right: 6px !important; position: fixed !important;} body{ background-color: {color:background}; background-image:url({image:Background}); background-attachment: fixed; background-position:top left; background-repeat: repeat; color: {color:text}; font-family: {font:Body}; font-size: 10px; line-height: 11px; overflow-x:hidden; margin:0px; text-align: left;} a{color:{color:link}; text-decoration:none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;} a:hover{color: {color:hover}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} strong{color:#000;} img{border:none;} div#content{ margin: auto; width:520px; margin-top: 20px; margin-bottom: 20px; text-align: left;} div#center{ background-color: {color:center}; margin-left: -125px; padding: 10px; width:500px; text-align: left;} #entry{ margin-left:0px; width:500px; margin-bottom: 20px;} div#sidebar{ padding: 10px; font-size: 10px; background-color: {color:center}; width:200px; margin-top:30px; position: fixed; margin-left: 405px;} blockquote{ margin: 10px; color: {color:text}; padding: 10px;} div.post div.conversation ul {list-style-type:none;} ol.notes { padding: 0px; font-weight:normal; margin: 0px 0px; list-style-type: none !important; border-bottom: 0px; margin-left: 50px; text-align: left;} ul {list-style-type:bullet;} ul:hover {color: #999;} ol {list-style-type: upper-roman;} ul:hover {color: #999;} .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight: bold;} #answer{ margin-top: 8px; margin-left: -34px;} .title{ font-family: {font:Body}; font-weight:bold; font-size: 20px; line-height: 23px; letter-spacing: -1px; color: {color:title}; padding:1px 1px 0px 1px; text-transform:uppercase;} .title2{ font-family: {font:Body}; font-weight:bold; font-size: 15px; line-height: 23px; letter-spacing: -1px; color: {color:title}; padding:1px 1px 0px 1px;} .quotesymbols{ font-size: 30px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; line-height: -10px;} #photo {width:500px;} #photo div#picture {position:relative;} #photo img {max-width:500px; display:block;} div#photo div#picture div#info { position:absolute; opacity: 0; top:0; left:0; width:500px; height:100%; visibility:hidden; z-index:998; text-align:center; background-color: {color:Photo post Hover}; opacity 0.7s linear; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out;} div#photo div#picture div#info:hover { opacity 0.7s linear; opacity: 0.8; -moz-box-shadow: inset 0 0 100px rgba(0,0,0,0.65); -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.65); box-shadow: inset 0 0 100px rgba(0,0,0,0.65); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;} div#photo div#picture div#info div#holder { position:absolute; top:40%; left:50%; margin-left:-95px; width:180px; height: 80xp; text-align:center; z-index:999; color:#000;} div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover { text-decoration:none; color:{color:Notes photo post hover}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} div#photo div#picture div#info div#holder span#note_count { font-weight:bold; letter-spacing: -3px; line-height: 80px; font-size:60px; text-transform:uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} div#photo div#picture div#info div#holder span#Photo_reblog { font-weight:bold; letter-spacing: -1px; line-height: 18px; font-size:30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} div#photo div#picture:hover div#info {visibility:visible;} .permalink{ display: block; font-size: 9px; text-align: right; float:left; position: absolute; margin-bottom: -40px; margin-top: 0px; height: 25px; width: auto; margin-left: -110px;} div#entry .permalink1 a{color:{color:permalink};} div#entry .permalink1 a:hover{ opacity:0.5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all 0.3s linear;} div#entry .permalink1{ width:auto; background-color:{color:center}; height: 35px; position:absolute; margin-top: -15px; text-align: left; padding:10px; text-align: right; color:{color:permalink}; overflow:hidden; line-height:12px; font-size:10px; letter-spacing:0px; white-space:nowrap; -webkit-transition: opacity 0.7s linear; opacity: 0.0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all 0.5s linear;} div#entry:hover .permalink1{ letter-spacing: 0px; overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all 0.2s linear;} div.padd { width: 100%; line-height: 11px; padding-top: 0px; padding-left: 5px; margin: 0px;} #answer{ margin-top: 10px; margin-left: -34px;} {CustomCSS} </style> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /> <meta name="viewport" content="width=820" /> <meta name="robots" content="noindex"/></head> <body> <div id="content"> <div id="sidebar"> {block:IfSidebarImage} <center><a href="/"><img src="{image:Sidebar}" width=200px/></a></center><br><br> {/block:IfSidebarImage} <center><a href="/" class="title">{title}</a></center><br> {Description}<br><br> <center> {block:AskEnabled}<a href="/ask" class="title2">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>{/block:AskEnabled} <br> {block:HasPages}{block:Pages} <a href="{URL}" class="title2">{Label}</a><br> {/block:Pages}{/block:HasPages} {block:ifshowarchive} <a href="/archive" class="title2">Archive</a><br> {/block:ifshowarchive} {block:ifshowrandom} <a href="/random" class="title2">Random</a><br> {/block:ifshowrandom} {block:ifshowsubmit} <a href="/submit" class="title2">Submit</a><br> {/block:ifshowsubmit} {block:ifLinkOneTitle} <a href="{text:Link One}" class="title2">{text:Link One Title}</a><br> {/block:ifLinkOneTitle} {block:ifLinkTwoTitle} <a href="{text:Link Two}" class="title2">{text:Link Two Title}</a><br> {/block:ifLinkTwoTitle} {block:ifLinkThreeTitle} <a href="{text:Link Three}" class="title2">{text:Link Three Title}</a><br> {/block:ifLinkThreeTitle} <br> {block:IfNotinfinitescrolling} <center> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">{text:Previous Page} </a> {/block:PreviousPage} {block:JumpPagination length="5"} {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}"> {text:Next Page}</a> {/block:NextPage} {/block:Pagination}</center> {block:IfNotinfinitescrolling} {block:Ifinfinitescrolling} <center><br><br>Theme <a href="http://maxdavis-themes.tumblr.com/urban">Urban</a>, by <a href="http://themaxdavis.com/">Max davis</a>.</center><br> {/block:Ifinfinitescrolling} </div><!-- End Sidebar --> <div id="center"> <a href="http://maxdavis-themes.tumblr.com/"><div id="link"></div></a> <div class = "autopagerize_page_element" > {block:Posts} <div id="entry"> {block:Quote} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <center> <span class="quotesymbols">❝</span> <span class="title">{Quote}</span> <span class="quotesymbols">❞</span><br> {block:Source}{Source}{/block:Source}</center> {/block:Quote} {block:Text} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} {block:Title}<span class="title">{Title}</span>{/block:Title} {Body} {/block:Text} {block:Link} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <a href="{URL}" class="title">{Name}</a> {block:Description}{Description}{/block:Description} {block:Link} {block:Answer} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} <table width="100%" border="0px" cellpadding="0" cellspacing="0"> <tbody style="border-spacing: 0px;"> <td width="30px" style="vertical-align: top; width: 30px; padding: 0px;"> <img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td> <div class="padd" width="100%" style="margin-left:;"> {Asker} asked:<br> {Question}<br><div id="answer"><em>{Answer}</em></div><br><br> </div></td></tr></tbody></table> {/block:Answer} {block:Photo} <div class="post"> <div id="extraonephoto"> <div id="photo"> {block:IndexPage} <div id="picture"> {block:Date} <div id="info"> <div id="holder"> <span id="note_count"> <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a> </span> {block:ifShowreblogonphotopost} <span id="Photo_reblog"> <br><a href="{ReblogURL}" target="_blank">reblog</a> </span> {/block:ifShowreblogonphotopost} </div></div> {/block:Date} <img src="{PhotoURL-250}" alt="{PhotoAlt}" width=500px/></div> {block:ifshowphotoCaption} {block:Caption}{Caption}{/block:Caption}{/block:ifshowphotoCaption} {/block:IndexPage} {block:PermalinkPage} {LinkOpenTag} <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/> {LinkCloseTag} {block:Caption}{Caption}{/block:Caption} {/block:PermalinkPage} </div></div></div> {/block:Photo} {block:Chat} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} {block:Title}<span class="title">{Title}</span>{/block:Title} <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Audio} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <center><div style="width:400px; height:20px;"> <div style="float:left">{AudioPlayerWhite}</div> <div style="margin-top:8px; float:right;"><small> {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a> {/block:ExternalAudio}</small> </div></div></center><br> {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <center> {Video-500}<br> {block:Caption}{Caption}{/block:Caption} </center> {/block:Video} </div><!-- End entry --> {block:PostNotes} <center> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br> {block:HasTags} tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags} {block:RebloggedFrom} reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br> originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</center></span> <br>{PostNotes}<br> {/block:PostNotes} {/block:Posts} </div> {block:IfNotinfinitescrolling} <br><center>Theme <a href="http://maxdavis-themes.tumblr.com/">Urban</a>, by <a href="http://themaxdavis.com/">Max davis</a>.</center><br>{/block:IfNotinfinitescrolling} </div><!-- End Center --> </div><!-- End Content --> </body> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2005/06/03/sym57.html" target="_blank" title="Rock On"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rock On" style="position:absolute; top: 0px; right: 0px;" /></a> </html> </script> |
  |
 
|
| Sorryboss |
Jan 8 2014, 05:37 PM
Post
#2
|
|
Member  Group: Members Posts: 41 Joined: 2-September 12 Member No.: 17,724 |
Can you post a link to your site? This is a bit of a mess!
I also want to point out that you have two </head> closing tags for some reason. It looks like the parts you changed are tumblr specific, or at least outside of my understanding, I've never seen an anchor with that syntax before. Edit: I found this stack overflow thread which says your max image size is 500px, but that you can use CODE <img src="{PhotoURL-500}" {block:HighRes}style="display:none"{/block:HighRes} /> Combined with CODE {block:HighRes} <img src="{PhotoURL-HighRes}" class="highres"> {/block:HighRes} For high res photos. Give that a go! This post has been edited by Sorryboss: Jan 8 2014, 05:40 PM |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 16th April 2024 - 06:07 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC