■Hybridのプラグイン対応ソース
category: skin：Hybrid
2005/11/20にプラグイン対応版としてhybridを公開したのですが、
FC2の共用に公開するものはプラグイン非対応にすることにして、
対応版のソースはこのブログで公開することにします。
本来作ってる側としてはプラグイン対応はまぁ追加の機能であって、
非対応の形がより理想？に近いので、例えばサンプル見るときにもなるべく非対応をお勧めしたいという意向です。ハイ。みみっちいところにこだわって申し訳ないのですけれども・・。
というわけで、Hybridのプラグイン対応ソースは↓コチラです。
またコピペって総取替えでOKになります。 記事が重ね重ね重くなってしまって申し訳ないとです・・。
また2005/11/25 3:53の時点で上書きさせてもらいましたが、ちょっと手をくわえてみた部分があるので、それ以前にDLされた方でこっちの方が良いやという方は、参考に以下のように変更下さい。
●記事と記事の間を1行分広く（記事が並ぶと読みづらい感じだったので）
『HTMLの編集』で<!-- ▼main：記事メイン -->の下に行くとある
●記事本文に若干左スペースをとる（文字サイズが標準より小さめだとみづらい感じだったので）
『HTMLの編集』で<!-- ▼main：記事メイン -->の下にある
<div class="e_body">と</div>でくくります。こんな感じに↓
にしても文字サイズって皆さんどれくらいに合わせてるんでしょうね。
FC2の共用に公開するものはプラグイン非対応にすることにして、
対応版のソースはこのブログで公開することにします。
本来作ってる側としてはプラグイン対応はまぁ追加の機能であって、
非対応の形がより理想？に近いので、例えばサンプル見るときにもなるべく非対応をお勧めしたいという意向です。ハイ。みみっちいところにこだわって申し訳ないのですけれども・・。
というわけで、Hybridのプラグイン対応ソースは↓コチラです。
またコピペって総取替えでOKになります。 記事が重ね重ね重くなってしまって申し訳ないとです・・。
また2005/11/25 3:53の時点で上書きさせてもらいましたが、ちょっと手をくわえてみた部分があるので、それ以前にDLされた方でこっちの方が良いやという方は、参考に以下のように変更下さい。
●記事と記事の間を1行分広く（記事が並ぶと読みづらい感じだったので）
『HTMLの編集』で<!-- ▼main：記事メイン -->の下に行くとある
・・・というところの-->と<!--/topentry-->の間に<br />を書き加えます。
</rdf:RDF>
-->
<!--/topentry-->
●記事本文に若干左スペースをとる（文字サイズが標準より小さめだとみづらい感じだったので）
『HTMLの編集』で<!-- ▼main：記事メイン -->の下にある
<!--topentry-->という一画の中の<%topentry_body>〜<!--/more-->を、
<h4><a id="a<%topentry_no>" name="a<%topentry_no>" href="<%topentry_link>"><%topentry_title></a></h4>
<div class="e_cate"></a> category: <a href="<%topentry_category_link>"><%topentry_category></a></div>
<%topentry_body>
<!--more_link--><a href="<%topentry_link>#more">続きを読む ...</a><!--/more_link-->
<!--more--> <a name="more" id="more"></a><%topentry_more><!--/more-->
<div class="e_body">と</div>でくくります。こんな感じに↓
<!--topentry-->こんな感じでしょうか･･。ソース見づらくてスイマセン；
<h4><a id="a<%topentry_no>" name="a<%topentry_no>" href="<%topentry_link>"><%topentry_title></a></h4>
<div class="e_cate"></a> category: <a href="<%topentry_category_link>"><%topentry_category></a></div>
<div class="e_body"><%topentry_body>
<!--more_link--><a href="<%topentry_link>#more">続きを読む ...</a><!--/more_link-->
<!--more--> <a name="more" id="more"></a><%topentry_more><!--/more-->
</div>
にしても文字サイズって皆さんどれくらいに合わせてるんでしょうね。
2005/11/25 03:52 Fri | edit? | trackback(0) | comment(0)
■hybrid公開〜
category: skin：Hybrid
以前から水面下でちょこちょこ作ってたやつを、えいやっと公開。
biscoさんのプレビューでご覧になると分かると思いますが、今回は折りたたみ風味のモノもとりつけてあります。スクリプトは、とほほのwww入門を参考にさせていただきました。
見た目は、軽いです。作ってるときは軽めを目指し・・・。
まぁ個人で要らない部分は削除したり、追加したりと、調整なさって下さい。
スタイルシートでいじる分には、幾分あっさりしています。使用色もごくごくわずかでラクチン。
スタイルシートでカラムの移動（左or右の選択）が簡単に出来るので一応書いときます。
●カラムの変更（Hybridのみ）
スタイルシートの編集で以下の部分の、
#main{ float: left; width: 70%; margin: 0px 3% auto 10px;}
#side{ float: right; width: 22%; margin-top: 20px;}
について、
float: xxxxx;にあるright（右）とleft（左）を書き換えます。これでok！
#mainはメインカラム、#sideはサイドカラムにかかっています。
オリジナルではmainが左に、sideが右になっていますが、使いやすい方でどうぞ。
biscoさんのプレビューでご覧になると分かると思いますが、今回は折りたたみ風味のモノもとりつけてあります。スクリプトは、とほほのwww入門を参考にさせていただきました。
見た目は、軽いです。作ってるときは軽めを目指し・・・。
まぁ個人で要らない部分は削除したり、追加したりと、調整なさって下さい。
スタイルシートでいじる分には、幾分あっさりしています。使用色もごくごくわずかでラクチン。
スタイルシートでカラムの移動（左or右の選択）が簡単に出来るので一応書いときます。
●カラムの変更（Hybridのみ）
スタイルシートの編集で以下の部分の、
#main{ float: left; width: 70%; margin: 0px 3% auto 10px;}
#side{ float: right; width: 22%; margin-top: 20px;}
について、
float: xxxxx;にあるright（右）とleft（左）を書き換えます。これでok！
#mainはメインカラム、#sideはサイドカラムにかかっています。
オリジナルではmainが左に、sideが右になっていますが、使いやすい方でどうぞ。
2005/11/20 16:17 Sun | edit? | trackback(0) | comment(0)
