I made this Flash Music Player at MyFlashFetish.com.

Labirinto di Oresama ~俺様的迷宮

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

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

PASSION

そういえば、テンプレートも、もう長いこと作ってないなあ、と思い立ち、週末からシコシコと作っていたモノがなんとか完成。

今回は表示幅を760pxと、いつもより狭くしてコンパクトに。今までのテンプレは全部、テーブルを組んでカッチリと作っていたのを、今回は新しい試みで、DIVだけで作ることに挑戦。そして、一旦は出来あがったものの、FIREFOXで見ると原因不明の2ピクセルの隙間がエントリー・テーブルに出現。どういう訳か、特定の記事のエントリー・コンテンツ部分とその下のブロックとの間に空白が。おかしなことに、ブラウザの文字サイズを変えると、隙間の出現する記事が変る。検索しまくって、色々試してみたけど、一向に改善されず。結局、DIVだけで作るのは諦めて、テーブルを使うことに(泣)。最初からテーブル使ってたら、もっと早く出来たのになあ・・・。

で、まあとにかくちょっとキモくて、小汚いアート風に仕上げてみました。怪しい謎の白い液体の滴り落ちるハートがキュート(爆)。背景のグラデーションを他の色に変えてみるのもいいと思います。

質問・その他、ございましたらどうぞ。
スポンサーサイト

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

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


初めまして、『passion』をダウンロードさせていただいた者です。
質問なのですが、表示されるフリースペースを削除したいのですが、どうHTML編集したらいいのか分からないんです。
どの部分を削除すれば表示されなくなるか、教えてもらえますか?
【2006/04/08 22:23】 URL | アリア #-

フリースペースの削除
アリアさん、初めまして。PASSIONのご利用ありがとうございます。

PASSIONのHTMLをご覧頂くと、次のように書かれた部分があります。

<!--フリースペース不要な場合はここから-->
<!--index_area-->
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr><td class="entry_title"><div class="title_txt">FREE SPACE</div></td></tr>
<tr><td class="main_txt">トップページにのみ表示されるフリースペースです。バナーを貼ったり、ペットを飼ったり、工夫してお使い下さい。不要な場合はHTMLの編集で削除して下さい。
<tr><td class="main_btm"></td></tr>
</td></tr></table>
<!--/index_area-->
<!--/フリースペースここまでを削除してください-->


これをそのまま消してしまってください。
【2006/04/08 23:39】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]


ありがとうございました、無事編集できました!
【2006/04/09 18:40】 URL | アリア #-

アリアさん
ご報告ありがとうございます。
【2006/04/09 19:17】 URL | 俺様ちゃん #-

質問
こんばんは、とても可愛いのでDLしました!
テンプレを編集していてわからないことがあったので教えて下さい。

記事の文字の大きさを変えるには、どこを変更すればよいのでしょうか…?
サイドバーの文字の大きさ変更はできたのですが、
メイン(右の部分)だけ変えることができなくて…。
【2006/04/10 00:52】 URL | 花梨 #YZHxoxW. [ 編集 ]

はじめまして
凄いかっこいいデザインですね(^^
こちらのイラスト部分およびタイトルがverをリクエストしても構いませんでしょうか?
【2006/04/10 09:53】 URL | moonlit #MyJ0QW/M [ 編集 ]

花梨さん
こんにちは、DLありがとうございます。
記事本文の文字サイズは特に指定していないので、 Body で指定されている12pxが適用されています。なので、この部分のサイズを変えるにはスタイルシートの下記の部分に水色のタグを付け足してください。

.main_txt {
font-size : ○○px;
background-image : url(http://blog23.fc2.com/o/oresamachan/file/psn_mainbody_2.gif);
background-repeat : repeat-y;
background-position : top center;
padding : 14px 30px 10px 33px;
line-height : 1.6em ;
}
【2006/04/10 11:31】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]

moonlitさん
初めまして。どうもありがとうございます。

早速ドラフトを作ってみたんですが、ちょっと↓をご覧頂けますか。

http://blog23.fc2.com/o/oresamachan/file/red1.jpg
ご希望のものはこういう感じでよろしいんでしょうか?

http://blog23.fc2.com/o/oresamachan/file/red2.jpg
こっちのパターンも考えてみましたが。
【2006/04/10 13:24】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/04/14 12:47】 | #


始めまして。深緑と申します。
かっこいいので使おうと思っているのですが、
記事が全体的に左にずれて文字もはみ出て、
サイドメニューが上から記事のずっと下のほうまで離れて表示されてしまいます。
このページも同じように表示されるのですが、
俺様さんは問題無く見れますか?
【2006/04/25 18:19】 URL | 深緑 #EGzluE3Y [ 編集 ]

深緑さん
こんばんは、初めまして。
どうもありがとうございます。

それはいわゆるカラム落ちという現象なんですが、ユーザーフォーラムのよくある質問・FAQに原因や対処法が詳しくまとめられていますので、まずこちらをご覧ください。

http://blog.fc2.com/forum/viewtopic.php?t=2869

FIREFOXとIEでは表示を確認しておりますが、このブログでしたら問題なく見られると思いますが・・・。

【2006/04/25 20:36】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]


普段はスレイプニルを使っているのですが、
試しにIEでこのページを見ましたが、崩れていました。
フォーラムを見て、逆アクセスランキングが横幅をとっていたのかと思い削除しましたが、
改善されませんでした。
それで、お名前を出してすみませんが、
この記事にコメントされています花梨さんのブログを見ますと、
全く崩れていません。
何か特殊な事情でもあるのでしょうか?
【2006/04/25 22:03】 URL | 深緑 #EGzluE3Y [ 編集 ]

深緑さん
うーん・・・特殊な事情・・・特にないはずですが・・・。
ちなみに深緑さんのブログにこのテンプレートを着せて見たんですが 
http://shinryokufukamidori.blog43.fc2.com/?style3=6329&index)、IEでもFIREFOXでも崩れは見られませんでした。

スクリーンショットを撮ったんですが、私の環境ではこのようにごく正常に見えます。

http://blog23.fc2.com/o/oresamachan/file/test.jpg

あと、色々なブラウザによるスクリーンショットを撮ってくれるサイトがあるんですが、Mac IE、Safari、Opera、Galeon、Conquerer、Netscapeなどでも、崩れはありませんでした。(※ 以前共有登録するにあたり点検したのですが)

ですので、私にはどう崩れているのかが分からないのですが・・・。宜しければ一度、ユーザーフォーラムのテンプレート掲示板で質問されてみて下さい。私より遥かにスキルを持っておられる方々がいらっしゃいますので。

お役に立てなくてすみません。
【2006/04/25 22:58】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]


コメント遅れました。
なぜか知らない間に自分のところは直ってましたが、俺様さんのところはまだです。
http://blog43.fc2.com/s/shinryokufukamidori/file/oresamasan.jpg
自分には俺様さんのトップページこそ正常ですが、
このページはこう見えます。
PCが古いと思って諦めるしかなさそうです^^
こちらこそご協力ありがとうございました。
【2006/05/05 16:53】 URL | 深緑 #EGzluE3Y [ 編集 ]

なるほど・・・
>深緑さん
こんばんは。スクリーンショットありがとうございます。で、それを見てわかりました。

まず、どうしてそんなに文字が大きいのかと思って調べたんですが、私のIEのフォントサイズが小にしてあったため、私のIEでは他のブラウザと同様に見えていたようです。中にして見たところ、同じ現象が再現できました(笑)。

で、どうして落ちてしまっているのかということですが、コメントの中にスタイルシートの記述などで、長い半角文字列を使っているために、それが一つの単語として認識され、自動的に折り返されずに枠を超えてしまっているのが原因です。

解決策ですが、スタイルシートの /* エントリー欄の設定 */ の次の場所に水色のものを付け足して頂くとIEでもフォントサイズが12pxに固定されますので、問題の半角文字列も枠内に収まるようになります。

.main_txt {
font-size : 12px;
background-image : url(http://blog23.fc2.com/o/oresamachan/file/psn_mainbody_2.gif);
background-repeat : repeat-y;
background-position : top center;
padding : 14px 30px 10px 33px;
line-height : 1.6em ;

それから深緑さんのブログがどうして落ちていたのかという点ですが、これは例えば「貴方への殺意芽生える慟哭の夜」をご覧頂くと、仕切り線として↓が使われていますが、これのせいではないかな?という気がします・・・。
――――――――――――――――――
最近の記事中では↑の代わりに-----------が使われていますよね。それで落ちなくなったのではないかと・・・。
【2006/05/05 20:28】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]


自分もさっき気付きました(笑)
あとで全部変えるつもりです。
結構簡単なところに答えは落ちているものなんですねw

それともう一つ手解きをお願いしたいのですが、
ブログタイトルの文字の大きさと、ブログ紹介文の文字色を変更したいのですが、
お願いできますか?
【2006/05/05 20:53】 URL | 深緑 #EGzluE3Y [ 編集 ]

深緑さん
ブログのタイトル文字の大きさはスタイルシートの次の部分で調整します。

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

.site_title a:link {font-size: 14px; color:#fff;}
.site_title a:active {font-size: 14px; color:#c9c9c9;}
.site_title a:visited {font-size: 14px; color:#fff;}
.site_title a:hover {font-size: 14px; color:#c9c9c9;}

今は14pxになっていますので、これらを4つともお好みの大きさに変えてみてください。


紹介文の文字色は次の場所に水色のような感じで、色指定を追加します。

/* ブログの説明文の設定 */
.site_s{
font-size : 11px ;
color : #0ff;
font-family : "Verdana","Tahoma","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka";
font-weight : normal;
margin : 0;
padding : 0px 0px 20px 148px;

(#0ff のところはお好みの色番号にしてください)
【2006/05/05 21:27】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]


ありがとうございます!
凄いかっこいいのでなが~く使っていきたいと思います。
詩を描く意欲も湧いてきました(笑)
【2006/05/06 01:06】 URL | 深緑 #EGzluE3Y [ 編集 ]


>深緑さん
どうもありがとうございます。
お望みの状態になったようで、よかったです。
【2006/05/06 21:26】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]

テンプレート最高です!
はじめまして・・・
今日、FC2のブログを解説したものです。
たくさんあるテンプレートの中で、貴殿のexecがダントツでカッコよくて使わせてもらおうと思っています。
ところで、他のカラーバージョンを作る予定はありませんか?
できましたら、濃紺バージョンも作って頂けたら嬉しいです。
これからも御活躍お祈りしております。
【2006/05/28 11:21】 URL | らもん #-

らもんさん
こんばんは。execのご利用ありがとうございます。

execはもう半年くらい前に作ったものなんですが、バリエーションを作ることは考えていません。(画像のソースは既に消してしまってますので)

濃紺がよろしいのでしたら、使っている画像をDLして頂いて、フォトショップとかで色付けされると良いかも知れません。ただキレイにできるかどうか分かりませんが・・・。

ご不明の点がございましたら、またお尋ねください。
【2006/05/28 21:20】 URL | 俺様ちゃん #JZ2AL5Xs [ 編集 ]


デザインがすごいよかったです。
数あるテンプレートですが…特に気入らせて頂いたのでDLさせて頂きました><
【2006/09/16 09:36】 URL | 来夏 #Je00pz7A [ 編集 ]


来夏さん、テンプレのDL、どうもありがとうございます。
そのように仰っていただけると非常に嬉しいです。
【2006/09/16 22:45】 URL | 俺様ちゃん #-

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/10/06 20:53】 | #


>戒己さん

鍵コメントにやっと気付いたところです。お返事遅くなりすみません。

アフィリエイトブログにお使い頂いても結構です。


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


初めまして、尚也と申します。
今回俺様サマのテンプレを使用させて頂こうかと思うのですがお一つ御伺いしたいことが御座いまして。
私のブログ、プラグインが多いせいかちょっとハートマークのあの可愛らしいイラストが若干鬱陶しく感じてしまいまして、大変申し訳ないのですがあのハートの削除方法を御教え下さると幸いです。

御自慢のハートマークで削除方法を窺うのは申し訳なく感じていますが何卒宜しく御願い致します。
【2006/12/31 17:20】 URL | 尚也 #-


尚也さん、初めまして。PASSIONのご利用ありがとうございます。

えっと、ハートを消すにはHTMLの方を編集します。
最後の方なんですが、目安として次のタグを探してください。(ここからプラグインが開始するという印です)
<!--plugin-->

で、これより下に<!--plugin_first-->、<!--plugin_second-->、<!--plugin_third-->と3つのプラグインカテゴリのタグがありまして、夫々の中にハートの画像のタグがあります。↓ですね。
<img src="http://blog23.fc2.com/o/oresamachan/file/psn_sidetop_2.gif" align="middle">

これを3つとも削除してしまってください。そして更新すればOKです。
【2006/12/31 20:46】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]


御回答有難う御座います。
御陰様で削除する事が出来ました、本当に有難う御座います。
俺様ちゃんサマのテンプレはファンなのでこれからも御製作頑張って下さい。応援しています。
【2007/01/01 14:11】 URL | 尚也 #-


どういたしまして。応援ありがとうございます(笑)。
【2007/01/02 12:53】 URL | 俺様ちゃん #-

プラグインのテーブルの長さについて
初めまして。
今回かっこ可愛い『passion』をDLさせていただいて、とっても気に入っているのですが、プラグインのテーブルが、中途半端な長さかな?と気になってしまいます。
上手く説明出来ないのですが、記事が長くなると左部分が白テーブルだけになってしまうのが気になって…。
記事に合わせて同じ長さにする事はできないでしょうか?
【2007/01/02 13:28】 URL | シオン #bIS3UMk. [ 編集 ]


シオンさん、初めまして。PASSIONのDLありがとうございます。

ご希望とされる状態、分かりました。で、若干サイドバーの末端が違ったものになりますが、次の方法でどうでしょうか。

スタイルシートの編集になります。
/*コンテナ部分の設定*/ のところに次の記述を付け足します。(div#container {}の間です)

background-image : url(http://blog23.fc2.com/o/oresamachan/file/psn_side_2.gif);
background-repeat : repeat-y;
background-position : top left;

次に/* サイドバーの設定 */ の、.side_btm の所にある、次の記述を削除します。

background-image : url(http://blog23.fc2.com/o/oresamachan/file/psn_sidebtm_2.gif);
background-repeat : no-repeat;
background-position : top left;

あと、もう一箇所 .side_bg のところにある次の記述も削除します。

background-image : url(http://blog23.fc2.com/o/oresamachan/file/psn_side_2.gif);
background-repeat : repeat-y;
background-position : top left;

そして、更新してみてください。
【2007/01/02 18:00】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]


返信有難うござます。
教えていただいた通りに変えてみた所、無事思うように変更できました。
本当に有難うございました。
これからこの俺様ちゃんさんのテンプレートでブログを楽しみたいと思います。
これからも応援しています。
【2007/01/02 18:20】 URL | シオン #bIS3UMk. [ 編集 ]


おぉ、お早いご報告ありがとうございます。シオンさんもブログの執筆、頑張ってください。
【2007/01/02 18:54】 URL | 俺様ちゃん #-

お久しぶりです
元深緑です。
もうかれこれ半年以上このテンプレを使わせてもらっているのですが、
未だに良いデザインがこれしかありません(爆)
自分の趣味とも合い、且つブログの雰囲気と合うのが唯一これなんです。
俺様さんは偉大です!(笑)
そんなわけで今年も引き続き使わせてもらいます。
【2007/01/22 18:38】 URL | 戯雨 #EGzluE3Y [ 編集 ]


あー、戯雨さん、お久しぶりです。

そうですね、上の方のコメントを見ると5月となっていましたので、もう8ヶ月以上前になるんですね。なんと月日の経つのは速いものなんだろうか呆れ返りました。

気に入って下さって、長くお使い頂いている方がこのようにコメントを残して下さるのは、俺様ちゃんにとって非常に嬉しいことです。どうもありがとうございます。
【2007/01/22 20:11】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]


はじめまして。昨日からpassionを使わせていただいております。
テンプレート変更後に、月別アーカイブの表示数と、マイストアの商品を変更したのですが、何度更新しても変更されないのです。
FC2の方で反映が遅れてるのかもしれませんが…
テンプレートは、FC2のアクセス解析をコピペした以外にはいじっていません。
なにか対策等ありましたらご教示ください
【2008/01/15 07:23】 URL | KAZUMI #-


初めまして。ご利用ありがとうございます。

すみませんが、その辺の問題はシステム的なものですので、テンプレートをどうこうして解決できるものではないです。

FC2ブログのユーザーフォーラム(http://blog.fc2.com/forum/index.php)にも、その辺りの不具合の報告が上がっていたと思いますので、フォーラム内を検索してみてください。それでトピックを読まれても解決されない場合は、FC2ブログのサポートの方へお問い合わせください。

https://form1ssl.fc2.com/form/?id=15028
こちらのフォームを使われるとよいみたいです。
【2008/01/15 23:25】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2008/01/18 21:01】 | #


レスありがとうございます。
サポート見て来ますね。
とても気に入っているので、ダメでもしばらくこのまま使うつもりです。
【2008/01/18 21:50】 URL | KAZUMI #-


>Sさん(Rさん?)
ご利用ありがとうございます。気に入って頂けて嬉しいです。

さて、3カラムにできるかどうかということですが、出来ないことはないと思いますが、テンプレートに使用している画像を3カラムに合わせて新しく作らないと不恰好になってしまいますし、そうなると1から作るのとほとんど変わりません。かなり難しいカスタマイズだと思います。

それよりかは、お気に入りの3カラムレイアウトのテンプレを見つけて、背景画像を差し替え、このテンプレ風にする方がまだ楽かと思いますが、いずれにしてもご自分で画像を作成する必要がありますね。

【2008/01/20 12:58】 URL | 俺様ちゃん #7dmq8oQg [ 編集 ]

承認待ちコメント
このコメントは管理者の承認待ちです
【2009/09/02 22:51】 | #

承認待ちコメント
このコメントは管理者の承認待ちです
【2009/09/11 16:14】 | #


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
















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

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

Enter keyword, click on Search button and you can find all the articles including it.

LINK J
LINK F
SHOW ALL ARTICLES


全タイトルを表示

CALENDARCHIVE

04 ≪│2017/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 - - -

TRACK WORD
RSS FEED

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。