Labirinto di Oresama 〜俺様的迷宮

うわぁ〜すごいカッコイイです！
要望に応えてもらって嬉しいです
CSSとHTMLをもらえないでしょうか？

いえ、キムチさんこれは違いますって・・・（爆）
これは他の方のリクエストで、前に作った exec ってテンプレが3カラムだったもんですから、それを2カラムに改造したものなんです。

FC2ブログにはユーザー共有テンプレートっていうシステムとがありまして、そこにテンプレを登録すると誰でも自由に使うことが出来るようになるんですよ。

キムチさんのブリーフケースのものをDLして調べてみたんですが、全くわかりませんでした。　なので、Livedoorに登録してしまいましたよ（爆）
どんな風になってんのか見ようと思って。なんかやけにCSSの分量が多いですし、HTMLのコーディングも見たことない変数とか一杯あって（いや、まあ違うのが当たり前なんですけどね　笑）チンプンカンプンです。

基本的にLivedoorとFC2のシステムは違うので、そのままでは使えません。

あのリキッド・ピアノっていうテンプレかわいいですね。Mac風で。で、思ったんですが、リキッドピアノのCSSを開いて見ると、どんな画像が使われてるか分りますよね。こんな風に画像のアドレスが書いてあるので。
background:url(http://parts.blog.livedoor.jp/img/usr/liquid_piano/
bg01.gif
それを全部ブラウザで表示させてみてディスクに保存します。（使われてる画像のサイズとか、どの部分でどの画像が使われてるのかとかが分ります）
そして、それを一つずつ自分の好みの画像を作って差し替えていくんです。まあ、これが大変なんですが。どんな風に見えるかは自分のブログのスペースにそれらの作り変えた画像をアップして、再構成（っていうんですか？FC2にはないシステムです）してブログをチェックするしかないと思いますから。それで拙かったらまた作り直して・・・って感じでやっていくんです。

うーん・・・ですので私にお手伝い出来ることは、exec （でいいのでしたら）で使ってる画像とFC2のCSSをお渡しすることぐらいですかね。それを見て頂いて、この画像をこのサイズで（25×160ピクセルでとか）作って欲しいとかいうリクエストならお応えできますけれど。

やってしまいましたね･･･orz
それではこれのCSSと画像をもらえますか？
自分でいろいろと試行錯誤してみたいと思います
お手数を掛けてしまってすいませんでした

こっちに変えたほうがいいのかな?
フリースペースが楽しそうだし。

↓俺のイメージに合わない?
俺のイメージって･･･

＞レンさん
レンさんのイメージっすか？　
「黒光り」「ヌルヌル」なんてどうっすかね（爆）
なので、exec がピッタリだと思うんですが・・・。

自分的には３カラムの方がスマートでバランスがいいと思うんですよね。フリースペース・・・それじゃ、後で３カラムの方にフリースペースを作る方法の記事を書きますんで、よかったら試してみて下さい。

先日密かにダウンロードさせて頂きましたm(__)m
今のところFC2で本格的に活動するかは不明ですが、活動する場合はこれをベースに味付けしていく事を検討してます。
…livedoor式が染み付いてるので、苦戦しまくりですが(^_^;)

＞MIKE T.さん
DLして頂いてどうもありがとうございます。
そうですねえ、やっぱり慣れてしまうと他のところのシステムって、使い難く感じるものなんでしょうね。ここは私が始めた時にはまだ23番目のサーバーだったのが、今ではもう41番目ですから、なんかすごい急成長で驚いてます。

質問
初めまして。
俺様ちゃんが作成したexec_2colを利用させてもらってます。
かっこいいテンプレートに大変満足しているのですが、どう対処していいか分らない点がありますので質問させて下さい。

exec_2colを利用したページをネットスケ−プ７環境で見るとヘッダー画像（ブログタイトルがある部分）が二つ表示されてしまいます（３カラムバージョンもプレビューするとヘッダーが二つ表示される）。

IE環境だと問題なく表示されるですが、これってどうしたらよいのでしょうか？

対処方法が分りましたら御指南の方宜しくお願い致します。

天才少年さん初めまして
テンプレートをご利用頂きありがとうございます。

ネットスケープ7ですか・・・それは試してませんでした。（汗） あと、私はMac
も持ってないので、Macでどのように表示されるのかも分りません。
ファイヤー・フォックスとIEでは確認してるんですが、ヘッダーが2つですか・・・
うーん、すみません、折角ご質問頂きましたが、私の技量では解決できません。
申し訳ありません。

申し訳ないなんてとんでもない。
早速の確認作業、本当にありがとうございました。

exec_2colは大変気に入ってるのでこれからも使わせていただきます。

天才少年さん
ああ、いいえとんでもないです。
嬉しいお言葉ありがとうございました。

このテンプレートを使わせていただいているのですが、
文字に色をつけたり、サイズを変更できないのですがどうすれば良いでしょうか？

＞よっし〜さん
どの部分の色・サイズを変えられたいのでしょうか？

リンクを貼った文字に色を付けたいのですが･･･

execのリンクの設定は、/*ページ全体の設定*/の次の部分です。

A:link {
FONT-SIZE: 12px;
COLOR: #c0c0c0;
TEXT-DECORATION: none}

A:active {
FONT-SIZE: 12px;
COLOR: #ffffff;
TEXT-DECORATION: none}

A:visited {
FONT-SIZE: 12px;
COLOR: #c0c0c0;
TEXT-DECORATION: none}

A:hover {
FONT-SIZE: 12px;
COLOR: #f5f5f5;
TEXT-DECORATION: none}

ここの色、サイズをお好みのものに変えてください。

ありがとうございます。
無事変更できました。

oreo_2colをお借りして見ました。
今までほとんど（全部）お借りして使わせて頂いてますが、今回３ヶ月ぶりに「oreo_2col」に変えました。
デザイン、文字などは読みやすくていいのですが、画像の縁どりが点線とかラインとかバラバラに表示されるのですが
どんなものでしょう。
ラインだけならいいのですが点線が気になります点線は消せるのでしょうか？
それだけが気になります。
又。カッコいいデザインの制作をお待ちしています。

よっしーさん
こんばんは。よっし〜さんとは別の方なのですね。

画像に付いている点線・ラインに関しては、こちらのFAQをご覧ください。
http://blog.fc2.com/forum/viewtopic.php?t=2131

もっと簡単に消す方法を。
スタイルシートをご覧頂くと、次のように記述してある箇所があります。

/*リンクの設定*/
A:link {
FONT-SIZE: 12px;
COLOR: #bee6ff;
BACKGROUND-COLOR: #;
TEXT-DECORATION: underline;
BORDER: #FFF 1px dashed}

A:active {
FONT-SIZE: 12px;
COLOR: #ff491e;
BACKGROUND-COLOR: #;
TEXT-DECORATION: none;
BORDER: 0px
}


A:visited {
FONT-SIZE: 12px;
COLOR: #bee6ff;
BACKGROUND-COLOR: #;
TEXT-DECORATION: underline;
BORDER-TOP: #A9A9A9 1px dashed;
BORDER-BOTTOM: #bee6ff 1px solid;
BORDER-LEFT: TRANSPARENT 0px;

BORDER-RIGHT: TRANSPARENT 0px}

A:hover {
FONT-SIZE: 12px;
COLOR: #bee6ff;
BACKGROUND-COLOR: #;
TEXT-DECORATION: none;
BORDER: 0px
}


.side_txt a:link {background-color: transparent; text-decoration: none; border: 0px}
.side_txt a:active {background-color: transparent; text-decoration: none; border: #FFF 1px dashed}
.side_txt a:visited {background-color: transparent; text-decoration: none; border: 0px}
.side_txt a:hover {background-color: transparent; text-decoration: none; border: #FFF 1px dashed}

これらの中でborderに関して指定している部分を全て削除します。こうするとリンク部分の文字にも、点線などの装飾はなくなります。お試しください。

良く分かりました。
ありがとうございました。
見事に点線、ラインは消えました。
ところでもう一つお願い！
コメント表示とリンクの表示がむらさき色なんですが、黒ベースに乗ると少し見ずらい気がします。
ブルーがよく見えると思いますが、
むらさきをブルーに変えるとすっると、
どこのどのカラーを触ればいいのでしょう。
oreo_2colに関してはこれだけが気になります。

よっしーさん
oreoには紫色の文字は指定していませんが・・・。

弄られた結果そうなったのでしたら、私にはよっしーさんがどこをどう弄られたのか分かりませんので、現物を見てみないとアドバイス出来ません。

ラインが消えて喜んでいたのに
紫色が分かりました。
画像を囲むラインは下の書かれてあった
すべてを削除するとラインはなくなったが、コメントとか管理者のページの文字色が紫になったのです。何回もやりかえて文字は薄ブルーでいけてますが、画像を囲むラインは最初に表示する記事だけはラインは消えてるのに、過去の記事が点線に囲まれた画像になってます。
/*リンクの設定*/
A:link {
FONT-SIZE: 12px;
COLOR: #bee6ff;
BACKGROUND-COLOR: #;
TEXT-DECORATION: underline;
BORDER: #FFF 1px dashed}

A:active {
FONT-SIZE: 12px;
COLOR: #ff491e;
BACKGROUND-COLOR: #;
TEXT-DECORATION: none;
BORDER: 0px
}


A:visited {
FONT-SIZE: 12px;
COLOR: #bee6ff;
BACKGROUND-COLOR: #;
TEXT-DECORATION: underline;
BORDER-TOP: #A9A9A9 1px dashed;
BORDER-BOTTOM: #bee6ff 1px solid;
BORDER-LEFT: TRANSPARENT 0px;

BORDER-RIGHT: TRANSPARENT 0px}

A:hover {
FONT-SIZE: 12px;
COLOR: #bee6ff;
BACKGROUND-COLOR: #;
TEXT-DECORATION: none;
BORDER: 0px
}


.side_txt a:link {background-color: transparent; text-decoration: none; border: 0px}
.side_txt a:active {background-color: transparent; text-decoration: none; border: #FFF 1px dashed}
.side_txt a:visited {background-color: transparent; text-decoration: none; border: 0px}
.side_txt a:hover {background-color: transparent; text-decoration: none; border: #FFF 1px dashed}
色も上手くいって、あとは過去の記事の点線だけです。どこかの一筋を消すと点線は無くなるのでしょうね。

borderの指定だけです
あぁ、そういうことですか。

よっしーさん、↑に書いておりますように、削除するのは「これらの中でborderに関して指定している部分」です。つまり、BORDER: #FFF 1px dashedとかBORDER-TOP: #A9A9A9 1px dashed;
BORDER-BOTTOM: #bee6ff 1px solid;
BORDER-LEFT: TRANSPARENT 0px;
BORDER-RIGHT: TRANSPARENT 0pxとかです。

はじめまして
このexec_2colはとてもかっこいいのですが、記事や画像、サイドバーを透過させないようにはできるのでしょうか？

kawanoさん
初めまして。テンプレのご利用ありがとうございます。

はい、できます。
スタイルシートに下記のように書かれているところが数カ所あるんですが、これを削除して頂くと透過されなくなります。

filter: Alpha(opacity=70); /* IE系 */
opacity:0.7; /* Mozzila系 */

お試しください。

教えて頂いてありがとうございます。しかし私どもこの手の事にはまったくの素人ですのでうまくできるかどうかわかりませんが、思い通りできたらこのテンプレート是非使わせて頂きます。今後もCOOLなテンプレート期待してます。

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

画像の貼り付け
haruさん、初めまして。テンプレのご利用ありがとうございます。

画像を貼るには、管理者画面のテンプレートの設定→テンプレートの編集で、HTMLを編集します。フリースペースのタグの部分を見つけてください。以下のように書かれている箇所があります。

<tr><td class="free_space_contents">
トップページにのみ表示されるフリースペースです。バナーを貼ったり、ペットを飼ったり、工夫してお使い下さい。不要な場合はHTMLの編集で削除して下さい。</td></tr><tr><td class="free_space_btm"></td></tr></table>

ここの水色の文章を全部消してください。
次に消した部分に画像のタグを打ち込みます。

<tr><td class="free_space_contents">
<Img src="*********" alt="代替文字" border="0"></td></tr>
<tr><td class="free_space_btm"></td></tr></table>

水色の部分が画像のタグです。*****のところには画像のアドレスを入れてください。

あとはこのページとか参考にされてはいかがでしょうか。
http://www.asahi-net.or.jp/~qc8k-stu/html99/html0.htm

ありがとうございました。
詳しく説明していただきありがとうございました。
画像をUPすることができました。

質問です
はじめましてー！カッコイイﾃﾝﾌﾟﾚに惚れてDLしました。
自分で調べても良く分からなかったので、お聞きします〜
記事と記事の間の感覚を、短めにしたいのですがどうすれば良いですか？

記事と記事の間隔を狭める
うにゃこさん、テンプレのご利用ありがとうございます。

テンプレートの編集→スタイルシートを編集します。
次のように書かれた場所を見つけてください。

.main_btm{
font-weight : bold;
padding : 12px 24px;
text-align : right;
vertical-align : top;
height : 80px;
background-image : url(http://blog23.fc2.com/o/oresamachan/file/din_main_b.gif);
background-repeat : no-repeat;
background-position : top center;
}

それで、ここの height のところをお好みで、数値を変えて頂ければよろしいかと思います。40pxにすると今の半分になります。

IEだけ？
こんにちは。exec_2colを使わせていただいてます。
このテンプレート、大変気に入っているのですが、
少々気になる点が二点ほどあるのです。

まず一つ目は、IE7で見るとタイトルと本文の間に妙な隙間ができることです。
Operaで見るとそのようなものは存在しません。
また、一度execに変えてIE7でみましたが、
そのような隙間は見られませんでした。

二つ目は、記事の本文の行数が多すぎるとそうなるのか、よく分かりませんが、
記事が省略されてしまいます。
それに加え、背景の透過も無くなります。
こちらも1つ目同様、IE７で見たときになり、
execの方ではこのような現象は起きませんでした。

因みに2つ目の問題は、
filter: Alpha(opacity=70); /* IE系 */
opacity:0.7; /* Mozzila系 */
を消してみたら直りました。
しかし、再び入れてしまうと戻ってしまいます。
私としてはどうしてもこの透過を入れておきたいのですが、
何とかならないのでしょうか？
何かしらの解決策がありましたらご教授願います。

http://blog96.fc2.com/s/saydiary/file/blogtop.jpg
問題の部分を移したスクリーンショットです。

Sayさん、初めまして。テンプレのご利用ありがとうございます。

execの方はヴァージョンアップ済みだったんですが、2colの方は以前のままでしたので、IE7では不具合が出たものと思われます。原因は分かりませんが。

2colの方もヴァージョンアップ致しましたので、これで多分ご指摘いただいたような不具合はなくなるのではないかと思います。一度お試しください。

今回、記事の上のフリースペースを取り払いましたが、その代わりにプラグインカテゴリー3を記事の上部に表示されるようにしました。ですので、フリースペースが必要な場合は、プラグインカテゴリー3にフリーエリアのプラグインを追加してみてください。

ありがとうございます
素早い対応ありがとうございます。
ヴァージョンアップ後のexec_2colに変えたところ
妙な隙間、及び長い記事の省略が無くなりました。

それから、ヴァージョンアップ前の物で省略されていた記事と同じ記事の所だけ透過が適用されていない、ということを報告します。
http://blog96.fc2.com/s/saydiary/file/blog_hikaku.jpg
例の部分のSSです。　※少々画質が悪いです

＞Sayさん
ご報告ありがとうございます。
透過されない記事の件ですが、私はIE6を使っているんですが、それで見ると透過されていますね。IE7の問題なんでしょうか。ザッと検索してみたんですが、あまり手掛かりになるもの見つかりませんでした。ただ、透過部分の面積によって透過されたり、されなかったりというレポートをされている方が居ました。今のところは何とも言えないですね。

ｵﾍﾟﾗさん、初めまして。テンプレをお使いいただきありがとうございます。

execは3カラムも2カラムも、どちらも左揃えになっていまして、どうして中央に寄っているのかが謎です。

http://oresamachan.blog23.fc2.com/?style3=3763&index
exec_2colを着せてみました。

ちなみに他のテンプレではどうなりますか。他のものでも真ん中に寄っているのであれば、多分記事の本文中で使われたcenterタグを閉じ忘れているのではないかと思いますが、いかがでしょう。

或いは、もしプラグイン3を使われていて、そこに使ったcenterタグを閉じていない場合、それより下に来るものが全て真ん中寄りになると思いますが・・・。