フリースペースに枠をつける | オトナの雨風呂カスタマイズ華香部屋

オトナの雨風呂カスタマイズ華香部屋

好かれなくてもいいけど、嫌われないカスタマイズ。
CSSオンリーのカスタマイズ。
なぜかって?
CSSしか解らないのよ。

完璧な人間なんていないよね… ブログネタ:完璧な人間なんていないよね… 参加中
完璧な人間なんていない。
同様に、完璧なカスタマイズなどない。

それぞれの好みによってデザインされるように、カスタマイズする人の好みであり、万人受けするデザインとは限らない。
見目麗しい男の娘の3次元が好きな女子もいれば、少女が流血している二次元のを好む人もいる。
ビビッドな色合いを好む人もいれば、パステルな色合いを好む人もいる。
同系色でまとめる人もいれば、大胆に多くの色を配置する人もいる。

カスタマイズできる場所をすべていじるのが完璧なカスタマイズではないことは、多くの人が理解できることだろう。
ほとんど全部をいじっている雨風呂が配布しているスキン(公式)は、比較的まとまっていて、全体のバランスが取れている。
だが、サイドバーの各項目が統一された枠で囲まれているのに、フリースペースとフリープラグインを設置したときに枠で囲まれていないのは、完璧から遠くなるということも、多くの人が同意できるだろう。

それで、フリスペ等に公式スキンと同様の枠をつけてみた。
CSSではない。
公式スキンのサイドバーの各メニューについているタグを、フリースペースやフリープラグインに記述して、それと認識させてやればいいだけのこと。
それなら、公式スキンを変更してもグローバルナビがきちんとデザインにあわせて表示されるようになっているのと同様、書いたまま放置してもOK。


こういうカスタマイズをせずにいいから、きっとまるっと背景にしてしまう「素材屋風スキン」がもてはやされるのだろうが。


<div class="skinMenu">
<div class="skinMenu2">
<div class="skinMenuHeader">
<span class="skinMenuTitle">
ここにタイトルを書く
</span>
</div>
<div class="skinMenuBody">
ここに内容を書く
</div>
</div>
</div>


赤色部分が他のサイドバーメニューと同じように枠をつけるタグ。
水色部分が表に出る部分。

スリースペースなら、改行すれば改行タグが入ったと認識されるので、赤色では改行を行わない。
フリープラグインなら、改行タグを入れなければ改行されないので、水色部分で体裁を整えるときには<●br>タグを入れる。

フリスペやフリプラ内で、上記タグを2回、3回と繰り返すことにより、それぞれに枠を設置できる。
このブログには、「オトナのカスタマイズ」「ローカルルール」「管理グルッぽ」の3つのサイドバーメニューがあるが、記入しているのはフリースペースである。

フリスペ内が読解困難にならないように、表示に影響しないように改行も入れてある。
ソースを表示して「free」で検索すると、該当箇所はすぐ分かるので、見たい人はどうぞ。

よろしければ⇒恋ブロランキング