-->改訂版であるSUP06の配布に伴い公開を終了しました。ありがとうございました。SUP06は01よりソース自体が改善されておりますので、現在SUP01をご使用いただいている方は06への移行をお勧めします。SUPx共通仕様(HTML・CSSの基礎が分かってる人向け/質問不可)■主要パーツのセレクタ名は共通しています。■記事本文の<img>タグに「class="left"」を追加すると左回りこみ、「class="right"」を追加すると右回り込みに対応します。align="left"ではなくclass="left"を指定して回り込ませると画像と文字の距離が整形されます。当テンプレート以外ではCSSで指定されない限り回り込みません。(この記述を使用した後、他所のテンプレに変更された時はCSSでプロパティを追加してください)■本文の文字が小さいな、と感じる方はCSS編集で以下のサイズを大きくして下さい。(←14px)だと思います。文字の大きさは%で指定するのがベターだと分かってますが、デザイン優先なので表示崩れを最低限は回避できないとマズいんでやむなく。何か気付いたら足します。-->というわけで画像作ったけど使いどころないから配るかシリーズ。以前はアイコンサイトに背景画像として放流してたんだけど、もう個人サイトの主流がホームページじゃなくなってしまったんで画像だけ配ってもなぁ、てことでブログテンプレ。ゴミ箱が溜まりまくる前にちょっとずつうpれればなーと思います。以前のブログでSafariうぜぇぇぇぇぇ!て記事を書いてましたが今回はIE6うぜぇぇぇ!(でもウザさはSafariの勝ち)。8が出てんだから早く過去の人になって欲しいんだけどまだまだシェアがデカくて無視できないのが現実。透過PNGが表示出来ないので透かそうと思ったらCSS八苦(いい誤変換だ)CSSハックで何とかしたりするんですが、セルごとに色変えたりすると一々ハック記述せないかんし、タグによっちゃ効かんし、なんかもうあがー!!となってたら神スクリプトktkr。IE5、6で透過PNGを表示させるjs。PNG画像のファイル名を「ファイル名-trans.png」にしてjs読み込み記述を突っ込むだけ。ダウンロードも出来るお。透過png画像が透過されずに表示される人は是非モダンブラウザにアップグレードを。Safari?そんな子いたっけ。Validatorアドオン。SLUG画像についてテンプレートお借りしています。それで、トップの画像を自分でカスタマイズできますよね?何時間もテンプレートの書式でどうにかやろうと悩んでいましたが...ついにわかりませんでした。>元画像を880pxに粗くしてということは撮影画像は幅880pxより小さいということですか?ブラウザ(ディスプレイ)の表示解像度は72dpi(/96dpi)なので通常ネットにアップロードする画像は画像ソフト等で72dpiに解像度を落とします。その際画像の縦横を任意のパーセンテージで変換する事で画質を下げることなく画像サイズを拡大できます。拝見させていただきましたが300dpiでアップロードされているようなので、ユーザビリティの点からも解像度を下げてアップロードされる事をお奨めします。縮小された画像のコントラストが強く見えるのは圧縮されて色数が減っているからです。そのような画像がお好みでしたら画像ソフトで変更・加工されるのが良いと思われます。HTMLで縮小表示も出来ますが閲覧環境に依存するのでお奨めできません。縮小画像が粗く表示されるブラウザもあります。カスタマイズについては原則お答えいたしておりませんのでご了承下さい。SLUG使わせていただきました~ほんとにどれもかっこよくて感動してます。体調不良でなかなか自分の画像を用意できなかったのですが、なんとか仕上げました。公開できるようになって嬉しいですっ好みのデザインというのは眺めているだけで幸せな気分になれるものですね。質問なのですが...Linkwithinを本文末尾に設置したい場合、どの部分にLinkwithinタグを挿入するのがベストでしょうか?よそのパーツを組み込むというのが不躾な質問でしたら申し訳ございません><お時間おありの時に、ご回答頂けましたら嬉しいです♪どうぞ宜しくお願い致します。NNN初めまして!このテンプレに一目惚れしたんですがどうやってダウンロードするのかが分かりません。Password管理者にだけ表示を許可するTrackbacksこの記事にトラックバックする(FC2ブログユーザー)SUP04マイナーチェンジだいぶモダンブラウザが普及したような気がするのでSUP04を草案に近い形にしました。コメント周りが手抜きだったのもちょっと手入れときました。BlogTOPNEWEROLDERBOTTOM。