■トゥララ〜
category: blog
好きに書くといいつつ、何もかいていないなぁ。
と、久々の投稿実験をしてみる。
FC2のテンプレ、今のところ何種類ぐらい増えているんだろうか･･。
素敵なものもたくさん出てきてるんだろな。
これまで自分が作ったやつも、周りやDLはどうだか知らないけど
私自身は好きで、とても気に入ってる。
ときどき新しいデザインを考えるけど、
たいしたことないだろと力尽きてしまう。つまりはやる気がない。
パソコンが壊れて現在の環境は Win98 / 800*600 という。
と、久々の投稿実験をしてみる。
FC2のテンプレ、今のところ何種類ぐらい増えているんだろうか･･。
素敵なものもたくさん出てきてるんだろな。
これまで自分が作ったやつも、周りやDLはどうだか知らないけど
私自身は好きで、とても気に入ってる。
ときどき新しいデザインを考えるけど、
たいしたことないだろと力尽きてしまう。つまりはやる気がない。
パソコンが壊れて現在の環境は Win98 / 800*600 という。
2006/04/22 21:08 Sat | edit? | trackback(0) | comment(2)
■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)
■John修正（プラグイン対応ソース、左ずれ）
category: skin：John
メールフォームからメールを頂いて、発覚したことが・・・
公開していたJohnですがなんとプラグイン非対応になっていました。
もう、とんでもないことです・・・申し訳ありません・・・！！！
色々考えて公開版は非対応のままで、プラグイン対応については
このブログでのオープンソースにします。
プラグイン対応を使いたい方はお手数ですが、↓のフォームの中身を『HTMLの編集』にそっくりそのままコピペって、総取替えしてください。
さらに、重ねて引用部分をつかうと記述が左にずれていくという問題も。
うわー・・・スイマセン；；； ＿|￣|､;'.･○
修正は、スタイルシートの編集について、以下のようになります。
引用<blockquote>するとき、FC2は記事を投稿するときの絵文字？を押すと、
<blockquote><p>引用文</p></blockquote>
のように<p></p>が余計につくんですね。それがあるのとないので違ってまして、自分で使用するときは<p></p>を削除していたので気付きませんでした・・（この時点で自分がアレ？ですね・・）
11/23の3:08の時点で、テンプレJohnについて左ずれの修正版をUPしました。
お騒がせいたしました。プラグイン対応だと思ってDLされた方、
また引用して左にずれていって心配させてしまった方、申し訳ありませんでした。
知らせてくれた方に、感謝いたします。ありがとうございました。
公開していたJohnですがなんとプラグイン非対応になっていました。
もう、とんでもないことです・・・申し訳ありません・・・！！！
色々考えて公開版は非対応のままで、プラグイン対応については
このブログでのオープンソースにします。
プラグイン対応を使いたい方はお手数ですが、↓のフォームの中身を『HTMLの編集』にそっくりそのままコピペって、総取替えしてください。
さらに、重ねて引用部分をつかうと記述が左にずれていくという問題も。
うわー・・・スイマセン；；； ＿|￣|､;'.･○
修正は、スタイルシートの編集について、以下のようになります。
blockquote{ padding: 10px; border-left: 3px solid #695924;}
という一行を、
blockquote{ padding-left: 10px; border-left: 3px solid #695924;}
に書き換えます。（つまりはpaddingに-leftを書き足すことになります。）
引用<blockquote>するとき、FC2は記事を投稿するときの絵文字？を押すと、
<blockquote><p>引用文</p></blockquote>
のように<p></p>が余計につくんですね。それがあるのとないので違ってまして、自分で使用するときは<p></p>を削除していたので気付きませんでした・・（この時点で自分がアレ？ですね・・）
11/23の3:08の時点で、テンプレJohnについて左ずれの修正版をUPしました。
お騒がせいたしました。プラグイン対応だと思ってDLされた方、
また引用して左にずれていって心配させてしまった方、申し訳ありませんでした。
知らせてくれた方に、感謝いたします。ありがとうございました。
2005/11/23 04:50 Wed | edit? | trackback(0) | comment(6)
■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)
■Tweet 色変え例
category: skin：Tweet
オリジナルの色がキツくて、なかなか使うに踏み出せないとき（？）
これまたカラーチェンジで遊びましょう〜！
お気づきの方がいらっしゃるかはわかりませんが、今このサイトでは曜日別にスタイルシートを変えて、遊んでみてます（笑）*日付の調整で確認どうぞｗ
曜日別スクリプトに関してはこちらを参考にさせていただきました。
（Johnでは12色分をカチカチと変えて楽しむのもあったのですが、あまりの重さに曜日別/汗）
さて、本題。Tweetのオリジナルが目に痛すぎかもしれないので、今回は曜日別で使ったCSSを丸ごとだしときますので、『スタイルシートの編集』へコピペって、自分のところでも試して遊んで下さいな。もちろんそれぞれでお好きなように微調節、大幅カスタマイズもどうぞ。
※表示がものすごく重くなってすみませんm（__；m
お気づきの方がいらっしゃるかはわかりませんが、今このサイトでは曜日別にスタイルシートを変えて、遊んでみてます（笑）*日付の調整で確認どうぞｗ
曜日別スクリプトに関してはこちらを参考にさせていただきました。
（Johnでは12色分をカチカチと変えて楽しむのもあったのですが、あまりの重さに曜日別/汗）
さて、本題。Tweetのオリジナルが目に痛すぎかもしれないので、今回は曜日別で使ったCSSを丸ごとだしときますので、『スタイルシートの編集』へコピペって、自分のところでも試して遊んで下さいな。もちろんそれぞれでお好きなように微調節、大幅カスタマイズもどうぞ。
| 【 Sunday / sweet 】 甘い感じ？の仕様。 バレンタインの時とかによさげかも。 その頃色変えしてUPするか（笑） | ||||||||
| 【 Tuesday / red 】 白をintroに持ってこようかと思いましたが痛いので赤黒で統一しちゃいました； doubleのボーダーで区切ってます。 | ||||||||
| 【 Wednesday / Blue 】 まぁそっくり橙から青に変えた感じでしょうか。 まだ目に痛くなくて使いやすいはず。 | ||||||||
| 【 Thursday / green 】 introに色を持ってきちゃったver. 個人的にはbodyに色が好きなので 白地に黒文字は苦手なのか・・；？ | ||||||||
| 【 Friday / grape 】 なぜに紫？と問われれば、 ただやってみたかっただけ（笑） 結果ものすごく葡萄色ちっくに。 | ||||||||
| 【 Saturday / beige 】 落ち着いた雰囲気。 一番ベーシック？ | ||||||||
| 【 monotone 】 月曜日仕様をパスする代わりに これまた何となく配色。 無彩色でシンプルがお好きな方に。 | ||||||||
2005/10/31 03:33 Mon | edit? | trackback(0) | comment(2)
