/home/syany/.SErc

記事一覧と同列に「右カラムを閉じる→」を取り付けました。 ソースなど、読みづらい方は、お使いください。 もう一度押せば戻ります。

それだけの報告でした。

みなさま、いつもプラグインをダウンロードいただきありがとうございます。

おかげさまで、この間ついに「気まぐれクラウド」のプラグインが500ダウンロードを超えました。

気まぐれクラウドとは・・・
貴方のブログをから自動的にキーワードを読み込み、『キーワードの文字群を表示する』プラグインです。
仕様として
・英語、日本語で順に表示します。
・より重要性の高いものが文字が大きくなります
・リンクとして表示します。デフォルトのリンク先は、「ブログ内検索結果」です。

＊利点
どのようなページなのか、一目でわかるキーワードが表示されるため、閲覧者に理解されやすいです。
また、配置位置を、「ブログ内検索」の下あたりに配置していただくと、関連キーワードみたいになって良い感じです。

本日は、そのお礼としまして、ソースを公開＋ダウンロードできるようにしました。

恥ずかしいですが、、

「あ〜だから重いのか」

など思いながら、使えそうならば今後にご使用ください。

また、一部、ヌルコムアーカイブス様のエンコードスクリプトを修正して公開させていただいております。

著作権のみで、ライセンス的に公開の許可が必要かと思いますので、もし必要であればご指摘ください。

ご指摘にしたがい、削除などの措置をさせていただきます。

では、お見せします

実行には以下の5ファイルが必要です

今回で最終回です。

ここまでお付き合い下さった方、ありがとうございました。後半ささやかながらプレゼントがございます。

4.内容系クラスを製作する

さて、早速最後に残った内容系のクラスの製作をしていきますが、正直なところあまり書くことがありません。

というのも、前回までにお話したプロパティ＋名前空間＋子孫セレクタ&複数クラスを利用してのオブジェクト指向プログラミングのただの応用だからです。

内容クラス用のクラス名を設定する

まず、前回行った、構造系クラスと今回の内容系クラスの設定を分離させるために、今回も内容系クラス独自のクラス名を設定します。

というか、実は前回のサンプルにその記述も入れておきました（笑）

<div class="Outline Header Left HeaderLeftColumn">
[ヘッダ左]
</div>
<div class="Outline Header Right HeaderRightColumn">
[ヘッダ右]
</div>

これが前回のヘッダー部分ですが、これのHeaderLeftColumn、HeaderRightColumnが今回の内容系クラス用の名前空間になります。

それが証拠に、前回お配りしたスタイルシート側には、セレクタにこのクラス名は一度も使われていないはずです。

内容系クラス名を用いてスタイルシートを記述する

そして、いよいよ最後の内容系スタイルシートを記述するのですが、書き方も構造系でお話した感じです。

ただし、構造系スタイルよりも書ける内容が増えます。前回にも書いた第１回でお話したプロパティグループ

今回は、そのすべてが書けます