Tumblr customization
- Started
- Last post
- 29 Responses
- Godhaal
Hey! I have run into a little problem with a Tumblr theme I am customizing. Basically, all images that I post are set to a fixed width of 500 px with what I assume is this bit of code:
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
If I change 500 to 600 (this is the size I want), the images won't load at all. The only thing that almost work is if I edit the html in the actual post before I post it, and manually add with and height, although this makes the images appear pixelated. Any way around this?
- quamb0
don't add any width or height to your images, and then in your css code (go into your tumble custom html) add this:
.post img {width:600px;}
.post being the div class each of your posts are in.
- Godhaal0
Awesome, cheers for that Quamb :)
- Stugoo0
yeah i think that you are restricted to certain sizes that you can re-size images to best to clunk it via css or upload images of the right size.
- Stugoo0
re above
* {Video-500} Embed-code for the content of a Video post. 500-pixels wide.
* {Video-400} Embed-code for the content of a Video post. 400-pixels wide.
* {Video-250} Embed-code for the content of a Video post. 250-pixels wide.
* {PhotoURL-500} URL for the photo of a Photo post. No more than 500-pixels wide.
* {PhotoURL-400}URL for the photo of a Photo post. No more than 400-pixels wide.
* {PhotoURL-250} URL for the photo of a Photo post. No more than 250-pixels wide.
* {PhotoURL-100} URL for the photo of a Photo post. No more than 100-pixels wide.
* {PhotoURL-75sq} URL for a square version the photo of a Photo post. 75-pixels by 75-pixels.- they have set the max- width as to fail safe the layout.Stugoo
- Godhaal0
Hang on, it seems like the images still appear blurred, as if they are scaled down slightly and then scaled up again? Strange.
- Stugoo0
are you using the css method to resize?
- Godhaal0
{block:Photo}
<div class="post photo">
<span class="icon"><a href="{Permalink}">photo</a></span>
<span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><strong>{DayOfMonth}</strong> {ShortMonth}</a></span>
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
{block:Caption}
<div class="body">
{Caption}
</div>
{/block:Caption}
{block:RebloggedFrom}
<div class="source">
via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.
</div>
{/block:RebloggedFrom}
</div>
{/block:Photo}
- quamb0
try - img src="{PhotoURL-HighRes}"
- Stugoo0
try reverting to an older version of the code, work through the process till you see if something breaks.
or
try removing all elements except the image, then debugging from there.
- Godhaal0
Yup, will do. Thanks for the help so far guys!
- eieio0
hey I have an unrelated tumblr question but i didn't want to start another thread....can you transfer the entire contents of a tumblr to another site? say if I started a blog and posted lots then wanted to reset it up with wordpress somewhere else with exactly the same contents is that possible?
- inteliboy0
hijacking this old thread----
How does one get around the 500px limit? I mean, not a CSS resize, but actually post say 700px wide images?
Some tumblr's do this - ie. http://waxinandmilkin.com/
Tried google though not much around.
- Images are loaded from an external server, not uploaded to tumblr.taxiguerrilla
- Ruffian0
If you upload your images to tumblr - 500px is the max.
Host your images elsewhere, create text posts and embed them in the desired size.
- SPECTACULAR0
WRANG!!!!
IF YOU UPLOAD A PHOTO GREATAR THEN FIVE HUNDREAD PICKS IT WILL BE UPLOADED TO TEH AMAZON SERVES.
PLUS YOU MAKE YOUR DIVIES LIKE THIS:
div.post div.photo img {
border-width:0;
height:auto;
margin:0;
max-width:700px;AND YOURE CONTINER LIKE THIS:
#container {
background-color:transparent;
margin:0 auto;
padding:20px;
width:700px;
}
min-width:500px;
}- Here we go. What's the downside of Amazon?Ruffian
- i like the way you typebigtrickagain
- Ruffian0
max-width:700px;height:auto;min...
- Ruffian0
max-width:700px; height:auto; min-width:500px; height:auto;
- inteliboy0
waaah? isn't that just gonna be css resize? will give that a shot none the less.
I like the text post idea. But would be a bit more of a pain to post though...
- Ruffian0
What their FAQ states:
How large can a photo on Tumblr be?
Photos displayed on blog pages can be up to 500 pixels wide and 700 pixels tall. If you click on a photo on a blog page, you will taken to a larger version of the image if one is available. That larger version can be up to 1280 pixels wide and 1280 pixels tall. Going to a larger version is only possible if the image on the blog does not have a click-thru link that takes you to another website.I smell bullshit.