f-blog

FC2ブログ用共有テンプレート制作ブログ。

TOPIC


※当ブログからの素材の持ち帰りはご遠慮願います。


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

---確認環境---
WindowsVista
IE8.0・Firefox3.5

ウチでは珍しい全体が黒(灰)背景のシンプル2カラム。
タイトル画像は変更可。

始めて質問するときは最初にこちらを読んで下さい。
利用規約はこちらです。
------------------------------
最新記事下に表示されるアカマイ広告のマウスオーバー時の可読性が悪いですが、カスタマイズ出来ませんのでこれについての質問はお受け出来ません。
------------------------------
10/03/24
html及びCSSの見直しと修正に伴い一部仕様を変更しました。
スポンサーサイト
パソコン用テンプレートの関連記事
edit |  tb: 0 | cm: 18

コメント

こんにちは

早速テンプレートをお借りして使わせていただいております。
ありがとうございます。

さて、当方は写真ブログなので、幅を広げさせていただきました。
そのせいか、いただいたコメント欄を見ようとすると、コメントしていただいた方の
お名前・URL表示欄が右端にズレて枠からはみ出してしまうという現象が生じました。
これを訂正する方法がわからないので、お手数をおかけしますが教えていただきたくお願い申し上げます。
お忙しいのに申し訳ございません。よろしくお願いします。

eme #- | URL | 2009/07/18 11:44 * edit *

emeさんへ

こんにちは。
テンプレートをお使い頂きありがとうございます。

単純に幅を広げるだけであればその様な不具合は起きないはずです。
ブログを拝見しましたが他にもカスタマイズされてる様なので恐らくそれが原因だと思います。
スタイルシートから.entrytext, .comtextの設定を以下の初期状態に戻して下さい。
------------------------------
.entrytext, .comtext {
font-size: 90%;
margin: 0 auto;
padding: 5px 0;
width: 96%;
overflow: hidden;
}
------------------------------
フォントサイズのほか文字の装飾系カスタマイズであれば追加しても構いませんが、
ここは基本的にいじる必要はありません。

それと幅を広げたためヘッダ画像がリピートされてますので以下の様にされると良いと思います。
------------------------------
#header {
width: 800px;
height: 200px;
margin: 0;
background: #000 url(http://blog-imgs-26.fc2.com/f/l/a/flaw/df01-title.jpg) no-repeat;
}
------------------------------

れん #X.Av9vec | URL | 2009/07/18 13:34 * edit *

ありがとうございました

早速のお返事ありがとうございました。
おかげ様で、無事戻りました。
わからないままに 色々いじってみたのが悪かったのですね。
どうもお手数をお掛けしてスミマセンでした。

シンプルでいて黒がきつくないテンプレートにやっとめぐり合えて
とっても気に入ってます。
これからも またお世話になりたいと思いますので どうぞ宜しくお願いします。

ありがとうございました。m(__)m 感謝。

eme #- | URL | 2009/07/18 19:55 * edit *

こんばんは はじめまして

こちらのテンプレートを知り一目惚れいたしました!
今までいろいろと探して見たのですが、ピンと来るものが
無かったんですが・・・

質問ですが、こちらのタイトルのように画像にブログタイトル・
ブログ説明文を入れるにはどのようにしたらよいのでしょうか?
また、画像の下のプラグインカレンダーをサイドに持っていきた
んですが、どうしたらよいでしょうか?

お忙しい中、大変申し訳ありませんが回答お願い致します。

 誠 #- | URL | 2009/07/23 23:03 * edit *

誠さんへ

テンプレートをお使い頂きありがとうございます。

ヘッダ画像にブログタイトル・説明文の移動は以下の様に変更して下さい。
まずhtmlから赤字部分をカットし青字部分へペーストします。
------------------------------
</ul>
</div>
ここへ移動
</div>
<div class="blogname">
<h1><a href="<%url>"><%blog_name></a></h1> :
<h2><%introduction></h2>

</div>
------------------------------

文字が見づらい場合スタイルシートから h1 h2 を探し出し、colorやfont-sizeを変更すると良いと思います。
ついでに青字を追加して下さい。
現状ではブログタイトルと説明文が横並びですが、必要なければdisplay:inline;を削除します。
------------------------------
h1 {
display:inline;
font-size: 120%;
font-weight: normal;
color: #fff;
}

h1 a:link, h1 a:visited { color: #fff; text-decoration: none;}
h1 a:hover, h1 a:active { color: #fff; text-decoration: none;}


h2 {
display:inline;
font-size: 100%;
color: #fff;
font-weight: normal;
}
------------------------------

プラグインカレンダーについてはカテゴリ3でなければサイドに表示されます。
プラグインカテゴリを見直して下さい。
下記のリンク先公式マニュアル:プラグインが参考になると思います。
http://fc2blogmanual.blog60.fc2.com/

れん #X.Av9vec | URL | 2009/07/24 13:08 * edit *

れん様

丁寧で非常に分かりやすい説明、本当にありがとうございました。

おかげさまで、自分のイメージ通りのものになりそうで、本当に
感謝いたします。

これからも、今まで通りセンスの良いテンプレートの作成、期待
しています。

本当に、今までの中で一番のテンプレートに出会いました。
ありがとうございました。

 誠 #- | URL | 2009/07/24 23:54 * edit *

はじめまして。
ブログのテンプレートを選んでいると
気がつけばれんさんのもの多くをダウンロードしています。

これからもステキなテンプレートを楽しみにしていますネ♫♬

ただ、お礼が言いたくて… Thanks!

madhatter #- | URL | 2009/08/18 21:09 * edit *

madhatterさんへ

ありがとうございます。

ステキかどうかは分かりませんが、今後も利用して頂ければ幸いです^^

れん #X.Av9vec | URL | 2009/08/19 00:16 * edit *

こんにちは 
はじめまして。こちらのテンプレートを使用させていただいています。

さて、現在は基礎はそのままで私なりに少しずつ変更させていただいています。
そこで、3カラムの状態にしたいと思ったのですが(プラグイン2を左側に表示)、どのように変更すればいいのか分かりません。

初歩的な質問になってしまってますが、お答えいただけると助かります。
お忙しいとは思いますが、よろしくお願いします。

FSE #mQop/nM. | URL | 2009/08/26 14:30 * edit *

FSEさんへ

テンプレートをお使い頂きありがとうございます。

ご質問の件ですが、残念ですがご期待には添えられません。
2カラム専用の作りのため3カラムへの変更はちょっと大変な作業になってしまいます。
デザインを崩さず調整するのも手間で、現状ではすぐに回答を差し上げる事が出来ません。
申し訳ありませんがご理解下さい。

3カラムについては新しく作り直し、共有申請する方向で検討したいと思います。

れん #X.Av9vec | URL | 2009/08/27 01:27 * edit *

了解いたしました。
返答ありがとうございました。
そこまで大変な事とは知らなかったのでorz

自分で勉強してやってみます。しかし、お手数をかけますが、新しく作ってくださるのに期待します(ォィw

FSE #SFo5/nok | URL | 2009/08/27 01:42 * edit *

こんばんは

れん様

こんばんは!

こちらのテンプレートを使わせて頂き数か月が経過し、すっかり
貴テンプレートに惚れこんでおります。
いつも感謝しております。 ありがとうございます。

また質問で恐縮なんですが、今日突然タイトル画像以下ブログ記事
が下の方へスライドしてしまいました。
通常はタイトル画像が一番上にあるんですが・・・
特別スタイルシートやhtmlシートを触ってもいません。

対処方法がございましたらご教授願いたいのですが・・・

お忙しいとは存じますが、こちらのテンプレート、本当に気に入ってい
るため変えたくありません。
どうぞ、よろしくお願い致します。

誠 #- | URL | 2009/09/25 21:27 * edit *

誠さんへ

ご質問の件、申し訳ありませんが回答出来ません。

テンプレートをカスタマイズしている事で、テンプレートに問題があるのかそれともそれ以外なのか判断出来ないからです。
テンプレートをいじっているとカスタマイズを確認する事から始まり、テンプレートをいじってなければエントリー記事やプラグインをチェックする事になりますが、そこまでは手が回りませんしカスタマイズの為のサポートとは違ってきます。

まずは崩れる前に何をしたのか、その辺りを確認して下さい。

れん #X.Av9vec | URL | 2009/09/26 00:44 * edit *

シンプルで落ちついた感じが気に入ってこのテンプレートを
使わせていただいています。

カラー部分のテキストの色を変更してみたのですが
プラグインテキスト(リンクや最新記事)にある記号<<の部分も
テキストと同じ色にしたいのですがどこを変更していいかわかりません。

お忙しいと思いますが、
ご返答お願い致します。

madhatter #hqxokyiE | URL | 2010/02/05 16:31 * edit *

madhatterさんへ

テンプレートをお使い頂きありがとうございます。

ご質問の << はリストマークというのですが、これはリンク色に合わせて作った画像なので色の変更は出来ません。
リストマークの変更は画像を作り直すか画像ではなく○●□■の様な単色のマークになります。

以下スタイルシートの変更から。

画像を変更するのであればurlを変更します。
linkとvisitedには緑色の画像、hoverとactiveには白色の画像が入ります。
------------------------------
.menutext ul li a:link, .menutext ul li a:visited {
margin: 0 0 5px;
padding-left: 15px;
list-style: none;
background: url(http://blog-imgs-26.fc2.com/f/l/a/flaw/df01-01.gif) 0 0.5em no-repeat;
}

.menutext ul li a:hover, .menutext ul li a:active {
margin: 0 0 5px;
padding-left: 15px;
list-style: none;
background: url(http://blog-imgs-26.fc2.com/f/l/a/flaw/df01-00.gif) 0 0.5em no-repeat;
}
------------------------------

単純なリストマークにするのであれば上記は削除し下記を追加します。
(リストマークは白い丸)
------------------------------
.menutext ul li {
margin: 0 0 5px 15px;
padding: 0;
list-style: disc;
}
------------------------------

ちなみに
.entrytext ul li a:link, .entrytext ul li a:visited
.entrytext ul li a:hover, .entrytext ul li a:active
↑これもmenutext ul liと同様に対処します。

れん #X.Av9vec | URL | 2010/02/05 17:49 * edit *

ありがとう、ございます!
問題なく変更できました!!

madhatter #- | URL | 2010/02/06 13:53 * edit *

こちらのテンプレートを使わせて頂いているんですが、-- 続きを読む --というのを他の文字に変えたいんですが、どうすればいいでしょうか?

あっぷる #- | URL | 2011/05/22 23:48 * edit *

あっぷるさんへ

テンプレートをお使い頂きありがとうございます。

htmlの編集から書き部分を探し出し青字部分を変更してください。
------------------------------
<!--エントリー-->
<!--topentry-->
~省略~
<a href="<%topentry_link>#<%topentry_no>" ~省略~>-- 続きを読む --</a>
------------------------------

「続きを読む」の下にある
------------------------------
<a href="#e<%topentry_no>" ~省略~>-- 続きを閉じる --</a>
------------------------------
もあわせて変更されるといいと思います。

れん #X.Av9vec | URL | 2011/05/24 11:16 * edit *

▲Page top

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