I made this Flash Music Player at MyFlashFetish.com.

Labirinto di Oresama ～俺様的迷宮

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

Tender

今回はパッチワークがモチーフのこちらのテンプレをFC2ブログ共有テンプレートに登録させていただきました。配色的にはロージーブラウンとかシエンナとか、その辺りのくすんだピンク系統の色を使って、やわらかいほのぼのとした感じにしようと思ったんですが、微妙な出来上がりかも知れません（笑）。

プラグインはサイドカラムにカテゴリ1、2。カテゴリ3がメインカラムの一番上にトップページにのみの表示されるようになっています。

カテゴリーページ（カテゴリーをクリックした時に表示されるページ）とアーカイヴページ（月別アーカイヴやカレンダーから年月日を選択した時に表示されるページ）の記事の上に、そのページ内の記事タイトルリストが表示され、タイトルをクリックするとその記事の先頭にジャンプするようになっていますので、記事数が多いページ内での移動が楽に行えます。

全記事タイトル表示に対応しています。

表示領域はエントリー部分の横幅が520px、サイドが210pxで、はみ出した部分は自動的にカットされるようになっています。

カラム位置の入れ替えはスタイルシートに記した指示に従って2箇所を書き換えるだけで簡単に行えます。

質問等ございましたら、こちらにコメントをお残しください。

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

Tags: 共有テンプレート FC2ブログ

【2007/12/19 20:09】 | テンプレート | TB(0) | CM(17)

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

はじめまして。僕のブログ、エログだったりするのですが、俺様ちゃん様のテンプレート使用しても構いませんでしょうか？。俺様ちゃんのテンプレートがとても気に入り、もうこれ以外のテンプレートなんてつかえないよーってぐらい一目ぼれしてしまったのですが、もし良かったら使わせていただけないでしょうか？お願いします！！ m(__)m

【2007/12/20 02:32】 URL | (´・ω・`)＠えぬえぬ #-

(´・ω・`)＠えぬえぬさん、初めまして。
はい、お使い頂いて構いませんよ。どうもありがとうございます。

【2007/12/20 20:55】 URL | 俺様ちゃん #-

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます

【2007/12/20 23:54】 | #

おねぇー(Ｔ▽Ｔ）
あ、最初にまずめりくりだわね、うん

挨拶済んだところで、おねぇ、またトラブルだわよー
いじってないのよ、全然いじってないの、なのに突然フッターが右にずれて表示されるのよー
おねぇオリジナルの薔薇テンプレでも同じなのー

なんで？ねぇ、なんでー？
おしえてー（くねくね）

【2007/12/27 00:11】 URL | じゅじゅｐ #-

てか、それもう終わったじゃないの。

他のテンプレを着せてみてもズレてるわよ。てことはプラグインを弄ったでしょ？

一度プラグインを非表示にしてみて、それで直ったらプラグインのどれかに問題があるってことよ。そしたら一つずつ表示させていけばどのプラグインに問題があるのか特定できるわよね？

プラグインを非表示にしてもズレてる場合は記事の中のタグミスかも知れないわ。その時は地道にチェックするしかないわ。

【2007/12/27 01:00】 URL | バレリー・マローン #7dmq8oQg [ 編集 ]

おねぇー
プラグインの１つが問題だったようなんだけどね、でも納得行かないわよ
リンクバナーを１つ足したのよ、そこに
そんであぁ、これが原因なのねってそのバナーを取ってそれで表示してみたけどやっぱりずれるのよ、フッターが
そのプラグインはもうずーっとそこに置いてあったやつで、今までは何の問題も起こさなかったのに、おかしいじゃない？
なんか、悪い黴菌かなんかおっことしてったのかしら、あのバナー・・・
不思議だわぁ・・・
わっかんないわぁ・・・
何でなの？おねぇー

【2007/12/27 11:52】 URL | じゅじゅｐ #-

初めまして氷という物ですが、
俺様ちゃんさんのテンプレートを長年使わせて
いただいているんですが、タイトル画像を
使う場合ははどこを編集すれば、変えることが
できますか。

調べてみて、CSSをいじるということが
でてきたんですが、うまくいかなかったので。

【2007/12/30 22:51】 URL | 氷 #wLMIWoss [ 編集 ]

氷さん、こんばんは。長くご利用下さりありがとうございます。

ヘッダーの画像を変えるというのではなくて、文字で表示されているタイトルを画像に変えるということでよろしいでしょうか。

その場合はCSSではなくてHTMLの方の編集になります。テンプレによって若干違うかも知れませんが、下記のようなタグ（ヘッダーの部分です）を探してください。

<div class="head">
<h1 class="site_title"><a href="<%url>"><%blog_name></a></h1><h2 class="site_s"><%introduction></h2>
</div>
ここの黄緑色のもの（ブログ名を表示する変数）を画像のタグ<img src="画像のパス" alt="***" title="xxx">に置き換えてください。

【2007/12/30 23:28】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

教えてくださりありがとうございました。

教えてくださったとおりにやってみたところ、
表示することはできましたが
ちょっとずれているので、どうにか
ならないかなと、いろいろと調べてみたんですが、できませんでした。

（一応リンクを貼っておきました）

やりたいのは、もうちょっと上の方にしたいんですが、どうすればうまくいくんでしょうか。

やはりCSSを使ったほうが、細かい設定ができるの
かなとまた調べてみましたが、表示できませんでした。

何度もすみません、ご指導おねがいします。

【2007/12/31 16:36】 URL | 氷 #tHX44QXM [ 編集 ]

テンプレートはobsessionを使って頂いてるんですね。

位置はCSSでの調整になります。

/* ブログのタイトルの設定 */
.site_title{
font-family : "Verdana","Tahoma","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","ＭＳＰゴシック";
font-weight : bold ;
padding : 20px 50px 4px 30px;
margin : 0;
}

ここのpaddingの値を適当に弄ってみてください。
（上に上げられたい場合は最初の値を20pxより小さくする）

http://www.tagindex.com/stylesheet/box/padding.html
paddingについてはこちらの解説とか参考にされるといいですよ。

【2007/12/31 17:10】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

三度すみません。
最近は寒いのでお体に気をつけてください。

CSSについて説明してくださって、
有難うございました。
これでご迷惑をおかけするのは
最後にしたかったんですが、気になることがおきました。

質問ですが、プラグインが表示されている（サイドバーっていうんのかもしれない所）の背景を
白色に変える場合はどこをいじれば変える事が
できるんでしょうか。

何度もすみませんが、指導お願いします。

【2008/01/03 22:05】 URL | 氷 #-

ありがとうございます。氷さんもご自愛ください。

ちょっと確認したいので、こちらをご覧いただけますか。
http://oresamachan.blog23.fc2.com/?template=obsession&index

つまり、こういう風にされたいということですか？

【2008/01/03 23:26】 URL | 俺様ちゃん #-

返信ありがとうございます。
例をお教えしなくてごめんなさい。

えっと、このように、
プラグインの部分を白色にしたいと
思っているんですが、可能でしょうか？。

【2008/01/03 23:46】 URL | 氷 #tHX44QXM [ 編集 ]

分かりました。
この場合はcssでサイドバーに設定している画像を取り外すだけで大丈夫です。

/* サイドバーの設定 */ にある次の3箇所にそれぞれ背景画像の設定(background-image, background-repeat, background-position)がありますので、それを削除してください。

div#box_side
.side_head
.side_btm

【2008/01/04 15:07】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

はじめまして。
実は俺様ちゃんの作成テンプレートファンのひとりです。
特に斬新かつクールで格好良いデザインや細かいところの
技術にはいつも感動しています。

現在日記ベースで運用しているブログは俺様ちゃんの
テンプレートではなく大変恐縮なのですが、
全記事表示や全カテゴリリスト表示とリンククリック後の
ページ内での瞬間移動（#pagetop等）は活用させていただいてます。

そこで、質問ですが、当ブログのように瞬間移動ではなく、
ゆっくり動きながら目的地に移動する手法はどのように
実現しているのでしょうか？
jsファイル、またはscriptの記述が必要となるのでしょうか？

是非ご教授いただければ幸いです。

また、今後のブログ運営も応援しております。

【2008/03/01 03:41】 URL | TomoMiX #-

TomoMiXさん、初めまして。
ご感想ありがとうございます。

これは下記のサイトで配布されているjsファイルを使っています。

http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/

ダウンロードしたアーカイヴを解凍するとその中にsmooth.pack.jsというファイルがありますので、それをアップして、呼び出されるといいですよ。

【2008/03/01 21:30】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

早速のコメントありがとうございます。
ファイルDL/ULしたら即できました。
とても嬉しいです～。
巡回先リンクにいれさせていただきます☆

【2008/03/02 00:32】 URL | TomoMiX #-

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

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

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

HOT TOPIC

COMMENT

04 ≪│2008/05│≫ 06
日	月	火	水	木	金	土
-	-	-	-	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