Apr
13
2008

画像に合わせてテキストが・・・: CSS

Print
2 votes
Blog - CSS
Written by:Joomler! 9566 hits

違うブックマークでそのサイトを見たのですが、ブックマークとは違うものが気になりました。

flumpcakes_co_uk_css_chef-curv Chef Curve

なんだろう?と、よく見てみると画像の形に合わせてテキストが画像をよけているではないですか・・・。

これは、見たことが無い気がします。いや、見ていたとしても気づかないかもしれない。あまりにさりげなくよけている・・・。

テキストの高さと画像に合わせてfloatで画像幅の分を左よせにしているだけなのですが、これって必要な場合もあるのじゃないかなぁ。

http://flumpcakes.co.uk/

こちらのサイトでは、他にもおもしろいスクリプトがありました。

Thousand Words

PHPですが、ASCII イメージをつくってくれるようです。これもあれば、実装したい人いるのではないかな・・・少ないだろうけど。

他にも単語の文字を並び替えたりするスクリプトなどがあったりで、サイトのトップ画像がまた・・・なんとも言えないのですが、他のスクリプトも含めて公開されているものを見ているとなんだか、楽しそうな感じがしました。

結局CSS Optimizerを見に行って他のスクリプトを見て帰ってきました。Eye-rolling

Tagsトップ画像,サイト,CSS Optimizer,実装,単語,ブックマーク,スクリプト,ASCII,テキスト,Thousand Words,イメージ,Chef Curve,画像,画像幅,float,flumpcakes.co.uk,http,文字,公開,おもしろいスクリプト
 

JContentPlus for Joomla!1.5 powered by Joomler!.net