八九八五

http://8985.tumblr.com

left center right

      <div id="posts" class="autopagerize_page_element">

      
        <!--
        <div class="newdate">
          <a href="http://8985.tumblr.com/post/55407505/reretlet-8985" class="date">Oct 20, 2008</a>
          5:41pm
        </div>
        
        -->      
              
              
              
              
                
        

<div class="photo" style="background:url(http://w.ikenie.com/crop/crop.php?f=http://media.tumblr.com/vEg8fEirLfadgpivfG8taHa5o1_400.png&m=bg);">
  <a href="http://8985.tumblr.com/"><img src="http://w.ikenie.com/crop/crop.php?f=http://media.tumblr.com/vEg8fEirLfadgpivfG8taHa5o1_400.png&m=left" alt="reretlet:

8985" class="pleft" /></a>
  <a href="http://8985.tumblr.com/"><img src="http://w.ikenie.com/crop/crop.php?f=http://media.tumblr.com/vEg8fEirLfadgpivfG8taHa5o1_400.png&m=right" class="pright" alt="reretlet:

8985"/></a>

<br style="clear:both;line-height:0;height:0;font-size:0;" />

          

</div>

.photo {
margin:0;padding:0;
line-height:0;
width:100%;

text-align:left;

}
      
      .photo img {
        border:0;
margin:0;padding:0;
      }
.pleft {
float:left;
}
.pright {
float:right;
}

http://w.ikenie.com/crop/crop.php?f=http://media.tumblr.com/vEg8fEirLfadgpivfG8taHa5o1_400.png&m=bg を背景にならべてあって、その左端に http://w.ikenie.com/crop/crop.php?f=http://media.tumblr.com/vEg8fEirLfadgpivfG8taHa5o1_400.png&m=left 右端に http://w.ikenie.com/crop/crop.php?f=http://media.tumblr.com/vEg8fEirLfadgpivfG8taHa5o1_400.png&m=right
をならべてる。

Firebugでみると背景のところはこんなかんじ。scrollとrepeatってデフォ?

background-attachment:scroll;
background-color:transparent;
background-image:url(http://w.ikenie.com/crop/crop.php?f=http://media.tumblr.com/vEg8fEirLfadgpivfG8taHa5o1_400.png&m=bg);
background-position:0 0;
background-repeat:repeat;

<div style="background: transparent url(http://w.ikenie.com/crop/crop.php?f=http://data.tumblr.com/Z96cyKuVSfae6fxtWwkgvdkIo1_400.jpg&amp;m=bg) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" class="photo">

permalinkをコメントアウトで殺しちゃってんだよねえー。そこはちょっとイヤ。別にdisplay:noneでいいじゃん。面倒臭いのかな。だってLDRize効かないじゃん。

で、ミソは http://w.ikenie.com/crop/crop.php にあるというのはわかった。crop。単純にチョン切ってるのかと思ったらちがった。加工してある画像がすでにビョーンってなってた。右側は鏡面反転。背景用のところはビョーンの1pxみじん切り。

横幅の狭い画像はビョーンってなってて、横幅の広い画像は単純にチョン切ってた。

cropですってよ。http://w.ikenie.com/crop/crop.php?f="ほげほげ"&m="left or right or bg" ですよ。ダンナ!

手動crop:右

javascript:location.href='http://w.ikenie.com/crop/crop.php?f='+encodeURIComponent(location.href)+'&m=right'

手動crop:真ん中1px

javascript:location.href='http://w.ikenie.com/crop/crop.php?f='+encodeURIComponent(location.href)+'&m=bg'

手動crop:左

javascript:location.href='http://w.ikenie.com/crop/crop.php?f='+encodeURIComponent(location.href)+'&m=left'