2013-03-27 86 views
1

我想讓Tumblr的照片出現640px寬。Tumblr photoset自定義寬度?

我修改CATCHING ELEPHANT爲我的博客http://assemblyradio.tumblr.com/

我做了主題wider.However整個帖子中,我似乎無法得到的照片將出現640像素寬。

我希望這些套裝能像Tumblr用他們的花式佈局一樣展現出來,因爲它們看起來很棒。因此,該解決方案是不是我在尋找: Change default photoset size on tumblr

我曾嘗試Java腳本從這裏: Tumblr theme dev: Square-75px photos for Photoset posts

這裏: Change default photoset size on tumblr

第二個腳本之類的工作,但圖像被裁剪掉=(

如果我添加一些自定義CSS,我可以得到的iframe是640px寬,但然後高度不會相應地調整!

每當我想到我在Chrome的網絡開發工具中發現它,我似乎無法在Tumblr的客戶CSS中獲得正確的代碼。我認爲使用這個選擇器小工具[How can I get the CSS Selector in Chrome? 可以幫助我準確地確定要編輯的CSS(看看是否可以幫助),但它不能告訴我元素的路徑,也許是因爲它是一個iframe。

有誰知道如何獲得自定義photoset寬度? 或如何獲得一個iframe高度自動調整? 或者如何找到一個複雜的路徑到一個類?

任何幫助將不勝感激。我只想看看我可愛的小貓。 謝謝!

回答

0

Tumblr的侷限性也令我惱火,所以我爲使用Tumblr風格的完全響應式Photoset佈局編寫了一個jQuery插件。它還包括EXIF和每張照片上的標題數據的額外信息(可以打開/關閉)。

https://github.com/PixelUnion/Extended-Tumblr-Photoset

+0

嗨graygilmore! 感謝您的快速回復=) 我在搜索答案時遇到了這個插件。 雖然我只是有點困惑。我以前從未使用過這樣的東西。 如何下載需求/我如何安裝它們? -jQuery v1.7.0 http://jquery.com/ -imagesLoaded jQuery Plugin https://github.com/desandro/imagesloaded j.query版本是否必須是1.7?似乎只有17.1和17.2。 此外,我的主題似乎沒有身體結束標記。是吧? 我真的想嘗試一下,但這可能是我唯一的希望! – 2013-03-28 11:21:00

+0

忽略我說的沒有 - 我對代碼做了一些有趣的事情。現在回來了 – 2013-03-28 11:25:38

+0

您的主題中已經有最新版本的jQuery,所以不用擔心。您需要從插件下載imagesLoaded https://github.com/desandro/imagesloaded和CSS,然後通過Tumblr的上傳器上傳這些文件:http://www.tumblr。com/themes/upload_static_file 一旦你有了這些,你需要通過編輯定製屏幕中的HTML將它們添加到你的主題文件。 – graygilmore 2013-03-28 17:12:58