I made this Flash Music Player at MyFlashFetish.com.

Labirinto di Oresama ～俺様的迷宮

Eurobeatの周辺のどうでもいいような話を中心に

Elisa & Lucia 2カラムver.

ちょっと今回はFC2さんの審査が早かったですね・・・。来週にならないと公開されないと思っていたのに、気付けば elisa_2col はもう公開になってるじゃないですか。ということで大急ぎで書いてます。

ゴス系シリーズの2カラムヴァージョンを共有テンプレートに登録させて頂きました。

今回の2カラムの特徴はサイドバーの位置を簡単に変えれるということと、プラグインカテゴリー3がトップページにのみメインカラムのトップに表示されるという点です。

デフォルトでは右サイドバーになっているんですが、左サイドバーに変えられたい場合は、スタイルシートにある次の2ヶ所を書き換えるだけでOKです。

/* エントリー欄の設定 */
div#box_main{
width : 540px;
float: left;　　/*サイドバーを左に配置する時は right に書き換えます*/
background-color : #000;
}

/* サイドバーの設定 */
div#box_side{
float : right; /*サイドバーを左に配置する時は left に書き換えます*/
background-color: #000;
width : 200px;
}

プラグインカテゴリー3にはフリーエリアのプラグインを入れて、ブログアクセサリーや画像などを貼ったり、お知らせや案内などに使ったりと、色々工夫してみてくださいね。

最大表示幅はサイドバーで170px、メインカラムで496pxとなっていますので、これらの幅を超える画像、スクリプトなどを貼られるとカラム落ちしたり、デザインが崩れたりしますのでご注意下さい。

質問、その他ございましたら、こちらにコメントをお願いします。

テーマ:共有テンプレート - ジャンル:ブログ

Tags: テンプレート共有

【2006/10/21 20:00】 | テンプレート | TB(0) | CM(34)

この記事に対するコメント

２カラム作ってくださるの、待ってたんです、実は。ほんとに綺麗なテンプレなので「コレ欲しい病」がむくむくと出たぷふは早速ＤＬさせていただきました。インアンドヤンととっかえひっかえ使わせていただきます。ゴス系の次は何を~~企んで~~計画してらっしゃいますか？

【2006/10/22 09:45】 URL | ぷふ #-

・・・と、へらへら笑いながらプレビューしたら、私のブラウザーのせいかもしれませんが何となく全体が左に寄ってて、一番上のひらひらが右の端まで行ってないんです。あとで直し方教えてくださいませ。（ここで深く三つ指をつく）

ところで、ちょっと共用プラグイン使用の際のマナーについて質問があるんですが、よろしいでしょうか？
一つ、すごく使いたいプラググインをＤＬしたのですが、ＨＴＭＬの設定の仕方がまるでわかんないんです。作者さんのブログに行っても「実際のＨＴＭＬ編集サンプル」なんてものはなく、その上、ブログ上ではっきりと「私はサポートはしておりません」とおっしゃってるので作者さんに直接質問するのも憚られ、じゃあ、と言うので掲示板に行って過去ログをチェックしたら該当記事はあったんですが、その質問に対する回答が「プラグインに付いてる説明に従ってやればいいんじゃないんですか？」と言うようなものでした。

そういうわけで、ぷふは「じゃあ、『どなたか○○プラグインを実際に使ってらっしゃる方、いらっしゃいませんか？』ってブログパーツフォーラムに書けばいいんじゃない？」と思いついたのですが、果たしてこれをマナーに照らした場合、やっていいことなのか、迷っております。
俺様ちゃんはこんな問題にぶちあたること、ないだろうと思いますが、もし俺様ちゃんだったらどうなさいます？

【2006/10/22 10:13】 URL | ぷふ #-

ぷふさん、どうもDLありがとうございます。
次の企みは・・・今放心状態なので未定です。

ぷふさんのブログにこのテンプレを着せてみたんですが、どこの部分を仰られているのか分かりませんでした。こちらなんですが↓

http://poof.blog78.fc2.com/?style3=10599&index

私には正常な状態に見えているんですが・・・。ブラウザはね、スクリーンショットを撮ってくれるサイトがあるので、そこで確認させてもらったんですが、IEの各ヴァージョン、Firefox、Opera、Safariでも問題なかったです。

共有プラグインの件ですが、そのスレッドに続けて質問される分には問題ないと思いますけど、どのプラグインですか？

【2006/10/22 12:30】 URL | 俺様ちゃん #-

あれー？俺様ちゃんの返信にあるＵＲＬからだと、ちゃんとなってるんですけど、あたしのブログで、「このテンプレートにする」って設定してブログの確認すると、やっぱりひらひらが切れてるんですよ。んー。。。記事の上にフリースペース付けちゃったからかなー。つけちゃったんですよ、フリースペース。elisaのＨＴＭＬを参考にして。ダメだったかなーとちょっと不安になってます。

例のプラグインですが、いや、同じスレッドに質問したかったんですけどね、最初は。でも最初の質問への回答があぁなんで、なんかその上に「あたしも同じ質問なんですけど」って書けないですよ、やっぱり。プラグインは・・・ここに書いちゃっていいのかな、lctreelinkって名前だと思います。リンクをツリー化できるって言う、すごく便利なプラグインなんですけど、悔しいかな、あたしには手が出ませんの。（ここで唇を噛む）

どう思われます？同じスレッドにおずおずと質問送るのがやっぱり一番いいでしょうか？

【2006/10/22 12:42】 URL | ぷふ #-

すいません・・・ぷふです。俺様ちゃんのelisa２colの説明の記事をちゃんと読んでませんでした。今、新しくＤＬしてカテゴリー３にフリーエリアをＤＬしたら、ちゃんと収まりました。もう、今日一日だけですが、愚かなぷふをお気の済むまで笑ってやってください。今日だけですけど。

【2006/10/22 13:05】 URL | ぷふ #-

あぁ、3カラムの方のフリースペースを2カラムの方に設置されていたわけですか（冷笑）。

ツリー化のプラグイン見てみました。で、フォーラムのスレッドも見つけました。
http://blog.fc2.com/forum/viewtopic.php?t=12698

これはこういう回答になるのは仕方ないでしょうね。質問者の説明不足です。全く分かりませんって言われても、じゃあ何から説明すればいいのかってことになりますし。どこをどういう風にしたんだけど、どういう風に上手くいかなかったなどの説明が必要だと思います。その点に注意してそのスレッドに質問をされるとよいと思いますよ（ウケケ）。

【2006/10/22 14:47】 URL | 俺様ちゃん #-

こんにちは。初めてコメントです。
俺様ちゃん作のテンプレートを
使わせて貰ってます。カッコイイですよね

所で質問です。
今、私が使ってるものではないのですが、
トップページにのみ表示されるフリースペース
って、どーやってバナー貼ったりペット飼ったり
するのでしょうか？？？
私は初心者でバカなのでまったく分かりません。
できれば教えてください。
お願いします！！！！！
私のブログです！！！
㊦↓㊦↓
http://momoyasan.blog49.fc2.com/
良かったら・・・・
ってか見てください、コメントしてください！
俺様ちゃんのこのブログ
リンク登録してもいいですか？？？
でわでわ、色々とお願いします！！！

【2006/10/22 16:13】 URL | 蠍＜さそり＞ #-

＞俺様ちゃん
あいあーい。
せっかく腰をひくーくして出てって、そんで「質問する前に読んでください」ページを引用されて叱られるのは悔しいので、ツリー化の仕組みをＦＣ２のカスタマイズマニュアル等でよーくお勉強してから参ります。それで判っちゃったら儲けもんだし、お勉強にもなるし。
で・す・が
あれを作ってる人のＨＰにね、もうちょっちわかりやすいマニュアルが付いてればいいのになー、と、ね、早くも逆恨み体制のぷふがここに居ること、お忘れなく・・・
あれでしょ、まだぷふのこと嘲笑してるでしょ？見えてますよ、ふんっ！（ここで皿を割る）

【2006/10/22 20:48】 URL | ぷふ #-

＞ぷふさん
作者さんのページ、俺様ちゃんも拝見しました。確かにちょっと分かり難かったです3回読み直してやっと理解できました。でも、あのページに矢鱈「初心者でも簡単に」という類の言葉が強調されていたと思いません？あれは一種のflamingでしょうか（笑）。俺様ちゃんもまだまだですね。

↑でスレッドのアドレスを貼ったのは、設定の仕方が理解できたので質問して頂いたらお答えしますよ、という意図もあったんですが、残念です（爆）

【2006/10/22 22:26】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]

おや？随分とやさしい俺さまちゃん・・・じゃ、これからちょっと質問を貼らせていただいてよろしいでしょうか？あの、オファーはまだ有効ですよね？いや、あんまり甘えるのもあれかなー、と、遠慮してたんですけど（爆）じゃ、あの、また甘えさせていただきます。

そうそう、俺様ちゃんの御尊口（?!）から「判り難かった」と伺って、ぷふは、ぷふは・・・
へらへらしております。（ここで取り繕いの笑い）

【2006/10/22 22:41】 URL | ぷふ #-

ええ、もちろん。私、理解出来てなかったらああいう風には書いてません。でも、ちょっと気になったのが、ぷふさんのブログのあのプラグインの中身に何も入ってないことです。何でないんだろ（笑）。

【2006/10/22 23:06】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]

何も入れられないんですっ！開かないんですっ！きーっ！たった今、掲示板の同じスレッドに質問落として参りました。他の方が見つける前に俺様ちゃんが見つけてくださることを祈っております・・・（お手手のしわとしわを合わせる）

【2006/10/22 23:26】 URL | ぷふ #-

きゃーっ！出来たーっ！うひゃひゃひゃひゃっ。なんか、もう、最初っから勘違いしてたんですね、あたし。いやー、もう、自分の思い違いに気付いた瞬間、顔から火ですよ、火。「リンク」ってね、公共プラグインのリンクのことだとばっかり、ひゃひゃ、思ってたんです。
これで俺様ちゃんの冷笑が再び拝めるってもんですね。
冗談はともかく、俺様ちゃん、感謝、感謝です。

【2006/10/23 02:15】 URL | ぷふ #-

ぷふさん、思い違いに気付かれたようで何よりです（笑）。

【2006/10/23 20:30】 URL | 俺様ちゃん #-

なんか、意地悪く聞こえるんですけど、気のせいですよね。（じっと見る）どうでもいい事かも知れないけど、あのプラグインについての最初の質問をした方があのスレッドにちょっと寄って、俺様ちゃんの回答を読んでくれてたらいいなー、と、今朝ふと思いました。そしたらすぐ使い方わかるし。

【2006/10/23 21:52】 URL | ぷふ #-

ええ、気のせいですよ（笑）。あのHTMLのところにタイトルと書かれているので誤解しますよね。サイトの説明と書いて頂いてたら、すんなり分かると思いますけど。
そうですね、あの質問者の方があれを見て「俺様ちゃんありがとうございました！」って書き込んでくれたら見直しましょう（笑）。

【2006/10/23 22:57】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

俺様ちゃん、ちょっち質問があるんですけどね、entry-bodyとentry-textの違いって、なんですか？テンプレートによってはかたっぽしか使ってないのもあるし、ひょっとしたら、どっちかを書けばどっちかは書かなくてもいいもんじゃないかなーと、ふと思ったもので。えへへ。

【2006/10/25 10:20】 URL | ぷふ #-

はいはい（笑）
えーっと、どういうんでしょ。classに指定してある名前ですよね。それらは別にどういう名前じゃなきゃいけないっていうキマリがあるのではなくって、テンプレの作者がお好みで付けてるものなんですが。

スタイルシートでHTMLの各要素（div とか p とか）にスタイルを定義しますよね。ここの div の中身のフォントのサイズはこれこれで、背景はこれこれの色で・・・とかいう風に。その時に要素毎に違うスタイルにしたい場合には、それぞれのclassに違う名前を付けないと違うスタイルにはできませんよね。そういうことです（笑）。

どっちか書けばどっちかは書かなくてもよいのかどうかは、テンプレによって違うと思います。

例えば、あのドクロのテンプレの場合、エントリーの記事の中身の部分と、コメントの中身の部分でclassを変えていますよね。で、スタイルシートには微妙に違うスタイルが定義されているでしょ？だからあの作者さんとしてはスタイルを変えたかったんだと思うんですよ。一方、私の場合は両方に同じclass名を使ってます。

うーん・・・上手く説明できたでしょうか？（汗）

【2006/10/25 20:17】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

ほぅ・・・てことは、えぇと、エントリーに限って言えば、エントリー全体の中で更にエントリータイトルとエントリーテキストにそれぞれ違う指定をしたいときは、エントリーボディなんてクラスが置いてあると却って邪魔、ってことですか？だから、おっきいクラスで予めなんか指定しちゃうとちっちゃいクラスで何やってもそれが反映されないことになる、とか・・・

【2006/10/25 20:41】 URL | ぷふ #-

いえいえ、スタイルシートでは下に書いたものが優先されるので、仰られているような場合ですと、次のような順番で記述されていれば entry-body の中にある下位の要素であってもそちらで定義されたスタイルが適用されるはずです。

.entry-body {xxxxx}
.entry-title {xxxxx}
.entry-text {xxxxx}

【2006/10/25 21:05】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

下に行くほど偉くなるんですか、知らなかったー。ひゃー。ひたすら驚くぷふです。んじゃ、またちょっちスタイルシートを（意味もなく）弄ろうかしら。

【2006/10/25 21:18】 URL | ぷふ #-

意味もなくはちょっとアレですよ（爆）

【2006/10/25 21:26】 URL | 俺様ちゃん #-

いや、だから、そっち行っちゃダメですよ、ダ・メ。

【2006/10/25 21:47】 URL | ぷふ #-

誰がですか！（笑）

【2006/10/25 23:03】 URL | 俺様ちゃん #-

すいません質問です。どこに書けばいいのかわからなくて･･･
exec ダウンロードさせていただきました、
ページのタイトルを大きくしたいんですけど、
どうすればいいんですか?

【2006/11/04 16:36】 URL | NO NAME #umQT2STQ [ 編集 ]

はじめまして！！
はじめまして!ジェニです。
俺ちゃんさんのこのスタイルシート感動するほどカッコイイ！！
早速私のHPでも使わせてもらっております＾＾
さて、俺ちゃんサンのページのトップに「MY MUSIC」てプラグインがございますが、よろしければ私のページにも置かせてもらえないでしょうか？
よろしくご健闘下さい！

【2006/11/04 19:08】 URL | ジェニファー #7AzNyLnc [ 編集 ]

タイトル文字を大きく
＞NO NAMEさん
execのご利用ありがとうございます。

スタイルシートの、
/* ブログのタイトルの設定 */　のところの下記の部分があります。ここのfont-sizeを4つとも、お好みの大きさに変更してみて下さい。

.site_title a:link {font-size: 18px; color:#dcdcdc; text-decoration: none;}
.site_title a:active {font-size: 18px; color:#ffffff ; text-decoration: none}
.site_title a:visited {font-size: 18px; color:#dcdcdc; text-decoration: none}
.site_title a:hover {font-size: 18px; color:#f5f5f5 ; text-decoration: none;}

【2006/11/04 20:09】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

＞ジェニファーさん
初めまして。execのご利用ありがとうございます。
記事の上に貼られている銀牙白狼のバナーの幅が大きいので、はみ出してしまっているのが気になったんですが、↓のタグにwidth="90%"とか加えるとスッキリ収まると思います。
<img src="http://blog82.fc2.com/g/gingahakuro/file/image1.gif" alt="image1.gif" border="0">

あの MY MUSIC は曲は変えれませんが、それでもよろしいんですか？（つまり俺様ちゃんが歌う自作曲のみですが　笑）

【2006/11/04 20:31】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

ありがとうございます！！　
やってみます！

【2006/11/05 05:02】 URL | NO NAME #Qn/nfvZQ [ 編集 ]

exec
すいません。
NO NAME です.
もひとつ質問です＾＾；
タイトルの部分の大きさはどうやってかるんでしょうか。
あと、text-decoration ってなんですか？？
２つでした

【2006/11/05 05:39】 URL | subo #zbdOSCmw [ 編集 ]

exec
＞suboさん
こちらのページとか参考にされるとよいでしょう。
http://www.tagindex.com/stylesheet/text_font/text_decoration.html
↑のサイトさんは、htmlやスタイルシートのタグを調べるのに重宝させて頂いてます。

タイトル部分の大きさはどうやってかる、というのが意味がわからないんですが、フォントサイズの指定に関してのご質問でしょうか。それでしたら、次のページが参考になると思いますが。
http://www.tagindex.com/stylesheet/text_font/font_size.html

【2006/11/05 11:20】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

初めまして。
俺様ちゃんさま、始めまして。
このテンプレートを使っているのですが、サイドバーが下に位置されていておかしいのですが・・どうすれば直せますか？お願いします、教えてください。

【2007/09/22 15:41】 URL | 千菊丸 #QBw.qCcE [ 編集 ]

ありがとうございました。
俺様ちゃんさん、こんばんわ。

ブログにコメントをわざわざありがとうございました。
アドバイス通りやってみたところ、サイドバーが落ちなくなりました。
ご迷惑をおかけいたしました。
これからも素敵なテンプレートを作ってくださいね、楽しみにしております。

【2007/09/22 17:37】 URL | 千菊丸 #7DtQ8X7g [ 編集 ]

＞千菊丸さん
了解しました。ご報告ありがとうございます。

【2007/09/22 22:25】 URL | 俺様ちゃん #-

この記事に対するコメントの投稿

この記事に対するトラックバック

トラックバックURL
→http://oresamachan.blog23.fc2.com/tb.php/150-9dbcdf3e
この記事にトラックバックする(FC2ブログユーザー)

HOT TOPIC

COMMENT

06 ≪│2008/07│≫ 08
日	月	火	水	木	金	土
-	-	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31	-	-