ブログテンプレートならHKD3カラム幅固定レイアウトRSSはこちらブログテンプレートならHKDブログタイトルを3時間悩んでやっと思いつきました。変にこだわるデザインです。変にこだわって時間をロスしています。MAP更新休止のお知らせ現在HKDは更新を休止しており、緊急を要する修正以外は手をつけれない状態です。ご利用していただいてる方々には申し訳ございませんが、よろしくお願いいたします。2011⁄03⁄02(Wed)01:023カラム幅固定レイアウトcomment:0trackback:0当テンプレートのVer2で有効なレイアウト変更のカスタマイズ方法です。yahooのトップページみたいに、ひと目でいろんな情報を表示させたい方向け。ダウンロードして頂いたテンプレートのスタイルシート編集から、段組の設定に関する部分を見つけ出し、次のソースのように変更してください。both;}【解説】#mainAreaは真ん中の記事部分#pluginFirstAreaは左サイドのプラグイン1#pluginSecondAreaは右サイドのプラグイン2#allAreaは上記三つを梱包した外枠のdivとなります。1000pxとなっています。#allAreaは全ての和になりますね。280)横幅を変更するにはこれらの数字を変更していくのですが、SEOを考慮して記事部分をHTML構造の上部に持ってくる為にネガティブマージンを利用しているので、margin(マージン)の項目も変更する必要があります。複雑なので順番に設定していきましょう。both;}プレビューはこちら→3column_01.html各エリアの幅を決めただけなので、設定した幅の通りに縦に表示されただけですね。灰色の部分は#allAreaとなります。1000px;}プレビューはこちら→3column_02.htmlフロートを付け足したので左にずれ、メインエリアとプラグインエリア1と2のが、横一列に並ぶようになりました。これはこれで1つのデザインになるのですが、今回はメインエリアとプラグインエリア1の場所を入れ替えます。both;}プレビューはこちら→3column_03.htmlメインエリアにmargin-leftを付け足しました。大きさはプラグインエリア1のwidth(横幅)にしてください。これでプラグインエリア1を配置するスペースを確保します。4プラグインエリア1にネガティブマージンを設定する。both;}プレビューはこちら→3column_05.htmlIE6ではフロートした方向のマージンが2倍に適用されるため、インライン要素にしてそれを回避します。IE6だけに適用させるためアンダースコアハック"_"を使っています。IE6の閲覧なんか想定していない!方や、CSSが汚くなって嫌!と思う方は消してしまって構いません。IE6の閲覧環境がある方はハック後と前で見比べてみてください。Entry(関連記事)を非表示にする。Entry検索フォームプロフィールAuthor:Hellowmail:hkdesign.mail☆gmail.com☆を半角@に変えてください。HenniKodawaruDesign略してHKDブログテンプレートならHKDにようこそ!このサイトではFC2で使える共有テンプレートを配布しています。サイトについての説明はこちらをどうぞ。like!」を作りました。機能1:はてなハイクをサイト上に投稿できる機能2:はてなハイク投稿時に同時にtwitterにも投稿する詳しくは次のURLへお越しくださいhk-factoryGoogleウェブストアプラグインギャラリーブログ管理画面の共有プラググイン追加から、作者:hkdesignと検索してダウンロードしてください。日付が未来になっている記事の表示設定CustomRssReaderを2つ同時に使う方法カスタムデザインサンプルImageClock詳しくはこちらカスタマイズはこちらImageClockを二つ以上表示する方法ImageClockカスタマイズ用Flashを作成テンプレートギャラリーブログ管理画面の共有テンプレート追加から、作者:hkdesignと検索してダウンロードしてください。詳しくはこちら動作環境についてテンプレートは以下の環境・方法で動作確認を行ってからFC2に申請しています。記載の環境でも表示が崩れて見えない場合は連絡してくれるとありがたいです。BrowserLabを使ってチェックしています。BrowserLabhttps://browserlab.adobe.com/ライセンスについてライセンス形態はGPLライセンスをとります。簡単に言うと次の4つです。カスタマイズ・再配布など連絡なしに使用OK。著作権表示は消したらダメです。なんらかの損害が出た場合は自己責任です。再配布する場合、GPLライセンスが適用されます。ブログテンプレートならHKD。