2010.11.07     カテゴリ:  テンプレート 

   《オリジナル・テンプレート》 2カラム黒バック   共用テンプレート《 FDBlack_2column 》

《オリジナル・テンプレート》 2カラム黒バック V2.x

特徴
  • 写真ブログを念頭にバックを黒としました。
  • 幅1024ピクセルのPCモニターでもとぎれないように幅を960ピクセルに設定
  • 投稿可能な最大写真幅は700ピクセル
  • 写真の右寄せ、左寄せ、中央配置の3つのオリジナルタグを装備
  • 隠しリンクで記事編集ページをワンタッチで開きます
  • ページトップにページのリストを表示


全体の構成
構成は4部になっています
  1. ヘッダー
  2. サイドメニュー
  3. メインカラム
  4. フッター
ヘッダー部
ヘッダー画像と簡単なメニューを含みます。

サイドメニュー
ここにプラグイン1とプラグイン2が表示されます。

メインカラム
先頭にプラグイン3が入ります。「最近の記事」「ページリスト」が続き、そのあとから記事が始まります。

フッター
著作権などを表示する部分です

隠しリンク
ページリストと記事タイトル部の日付の横の隠しリンクをクリックすると編集ページが新しいウィンドウで開きます。

オリジナルタグ
写真の右寄せや左寄せができてその左、または右に文章を入れられます。

タグは

fc、fr、fl タグ
中央配置 <div class="fc"> ~ </div>
右寄せ <div class="fr"> ~ </div>
左寄せ <div class="fl"> ~ </div>
を使います。

中央配置の使用例
--------------------------------
<div class="fc">
画像説明文(写真上部に金文字で書かれます)
<img src="xxxxxxxx.jpg">
</div>
--------------------------------


右寄せの使用例
--------------------------------
<div class="fr">
画像説明文(写真上部に金文字で書かれます)
<img src="xxxxxxxx.jpg">
</div>
記事・・・・・・・・・・・・・・・・・・・・
(写真の左に書かれます)
<br clear=all>
--------------------------------
最後の<br clear=all>タグは回り込みを防止するために必ず入れてください。


左寄せの使用例
--------------------------------
<div class="fl">
画像説明文(写真上部に金文字で書かれます)
<img src="xxxxxxxx.jpg">
</div>
記事・・・・・・・・・・・・・・・・・・・・
(写真の右に書かれます)
<br clear=all>
--------------------------------
「<div class="fl"></div><br clear=all>」として単語登録しておくと使いやすいです。


カスタマイズ
  • ヘッダー画像の設定
    オリジナルのヘッダー画像は960 x 240ピクセルを使用しています。画像の差し替えは可能ですが、高さを240ピクセルから変更した場合はスタイルシートの変更が必要です。画像差し替え手順は
    1. 画像をアップロード
    2. スタイルシートを変更します。
      スタイルシートの最後あたりの"設定"部の「ヘッダー画」項のurlを書き換えます。
      #header {background: #000 url(http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/kubiwamukudori_960x240.jpg) center 2px no-repeat;}の
      http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/kubiwamukudori_960x240.jpg を書き換えます。
    イメージの高さを変更したとき
    1. 設定部「ヘッダー画の高さ設定」項の .header_title {height: 240px;} の数値を変更
  • 右メニューを左メニューにする
    スタイルシートを2カ所変更 「設定」部 「左右メニュー設定」項の
    1. #side_menu {float:right;} === right を left に変更
    2. #main_column {float:left;} === left を right に変更
  • 投稿部分をセンター寄せにする
    写真だけを投稿したりするときに写真をセンターに置きたいときなど。
    文字、写真全部センター寄せになります。
    スタイルシートを1カ所変更 「設定」部 「投稿部の整列」項の
    1. .entry_body {text-align: left;} === left を center に変更
  • メール設定
    ヘッダーメニューにメールボタンも表示できます。
    1. HTMLファイル・ヘッダー部の
      <!--
      <li class="headmenu_mail"><a href="">Mail</a></li>
      -->
      の部分の "<!--" と "-->" を削除して
      <li class="headmenu_mail"><a href="">Mail</a></li>
      とします
    2. <a href="">を設定します。アドレスを直接書き込む場合はmailto:のあとにアドレスを書きます。
      <a href="mailto:aaa@bbb.com">
  • ヘッダーメニュー部にメニューを追加する
    HTMLファイルの <!-- ヘッドメニュー -->部にメニュー項目を追加します。
    1. <ul>~</ul>>の後か先に
      ===================
      <ul>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      </ul>
      ===================
      の形式をを追加します。
    2. <ul>~</ul>で一つのブロックができ、ブロックとブロックの間はスペースで区切られます。
  • 写真の金枠を消す
    1. スタイルシートを変更
      システム・タグ部のイメージ項
      .entry_body img {padding:0;margin:5px 0px;border:1px inset Goldenrod;}のborderを削除して
      .entry_body img {padding:0;margin:5px 0px;}とします
  • 「太字」の色を変更する (投稿エディタの「B」)
    デフォルトは「Tomato」に設定されていますがほかの色にしたいとき
     色の一覧は  HTML Color Chart  を参照
    1. スタイルシートの最後の方の「システムタグ」部「強調」項の
      .entry_body strong {color: Tomato;}
      の Tomato を変更します。
      色の名前か数値(16進数)で変更します。数値の場合先頭に#をつけます。たとえばWhiteの場合
      color:White またはcolor:#FFFFFF とします。(大文字・小文字は区別されません)
    2. 指定を消去して .entry_body strong {} とすると普通字と同色で文字が太くなるだけとなります。

  • ページリスト
    ページリストの表示はHTMLファイルの
    <!-- ページリスト
    ----------------------------- --> から
    </div><!-- pagelist --> までの部分です。
    不必要ならばファイルから削除します。

  • 最近の記事
    最近の記事表示はHTMLの
    <!-- 最新記事
    ----------------------------- --> から
    <!-- 記事部分手前の <!--/index_area--> までの部分です。
    不必要ならこの部分を削除します。

  • 投稿部分のスタイル初期設定
    投稿部分の見栄えはスタイルシート「投稿記事内で使用するタグ」部の「.entry_body」 項に記述されます。

    /* 投稿記事内で使用するタグ (上記の全体設定も参照)
    ============================================================ */
    .entry_body {}

    従ってデフォルトの初期設定を変更したい場合は{}内に必要項目を追加します。たとえば
    1. .entry_body {color:#FFFFFF;}
      とするとデフォルトの文字色が#FFFFFF (白)となります。 (参考  HTML Color Chart   )
    2. .entry_body {color:#FFFFFF; font-size:20px;}
      とすると文字色が白でフォントサイズが20pxのデフォルトとなります。
    (注) 少し上、「投稿部の整列」項にも.entry_body がありますがどちらに書き込んでも有効です。

FDBlack2column V2.x
バージョンV1からの変更内容 (HTML、スタイルシートの上部にバージョン表示があります)

見栄え調整など
  1. ヘッダーメニューの位置変更(ヘッダー画像変更を簡単にするため)
  2. サイドメニューのbackground-colorをなくす(見栄え)
バグ修正
  1. Firefoxでのinputボックスの不具合対策(マウスでの選択、右ボタンが使えなかった)
  2. 検索結果の表示をきれいに(以前のカスタムタグが残っていたため)
関連記事
画像の枠を取る方法を教えてください!
スタイルシートの最後の方の
.entry_body img {padding:0;border:1px inset Goldenrod;margin:5px 0px;}

の "border:1px inset Goldenrod;"を削除して
.entry_body img {padding:0; margin:5px 0px;}

としてください
テンプレートをつかわせていただこうと思っているのですが、
見出しの入れ方を教えていただけないでしょうか。
(記事タイトルではなく、記事内の見出しです)

▼この記事にのっているようなものです
http://toshiiy.blog22.fc2.com/blog-entry-95.html

cssはほとんど知識がなく、検索していろいろ調べたのですがわかりませんでした。
よろしければ教えていただければと思います。
たとえば「見出しサンプル07」を使うとしましょう。

準備
スタイルシートに追加します。(一番最後の行にでも追加してください。一度だけの操作です。)
=============
.selector07{
background:#eee;
border-bottom:7px solid #ccc;
padding:.8em .9em .3em
}
=============
このselector07というのはどんな名前にしてもかまいませんが(スタイルシート内に同じ名前がないことを確認してください)、先頭のドット"."は忘れないでください。

記事を書くときに
=============
<h3 class="selector07">「タイトル文」</h3>
=============
と書くとOKです。<h3 ***></h3>はセットものですのでワンセットで使います。
selector07を別の名前に変更したら class="selector07"に変更した名前を書きます。
早々の解説、ありがとうございました。
無事、見出しをつくることができました!
多分とても初歩的なことだったのかもしれないですが、丁寧に解説してくださり助かりました。
ありがとうございました!
右カラムの幅はどうやって調整するのですか?
Uさん

右カラムとメインカラム(記事を書いている部分)両方の幅を変更する必要があります。

右カラムの幅変更は
-------------------------------------------
/* メニューブロック side_menu
===================================================== */
#side_menu {width: 200px;overflow: hidden; /*padding:10px 7px;background-color:#111;*/}
-------------------------------------------
の"width: 200px"の数値を変更します。

メインカラムの変更は
-------------------------------------------
/* Main_columnブロック
===================================================== */
#main_column {width: 740px;overflow:hidden;}
-------------------------------------------
の"width: 740px"の数値を変更します。

両方の合計が940pxになるよう調整してください。
迅速な対応ありがとうございます。
数値を変えても、変化が無いので、現状のままで間に合わせたいと思います(^_^;)
返信を書くに当たってためしに数値を変更して変化するのを確認しています。
もう一度挑戦してみてください。
300と640にしてみました。
確認しました。うまくいって何よりです。
対応ありがとうございますm(_ _)m

またなにかあったらよろしくお願いします。
Scenewayさん、はじめまして。nmtr220と申します。
写真にぴったりのテンプレートと思い、利用させていただきました。
ヘッダー画像の準備もままならないド素人ですが、
こちらのマニュアルで徐々に変えて行こうと思っています。

奈良県のご出身とありましたが、私も現在、奈良県在住です。
トップの画像は香港の夜景でしょうか、
私もそんなシーンを残してみたいと思っているカメラ初心者です。
どうも、ありがとうございました。
nmtr220さん 初めまして。
この夜景画像は香港ではなく深セン。ここらあたりは年々高層ビルが増えて夜景がきれいです。羽を広げた形のところは市民センターと市役所。

nmtr220さん、バイクのツーリングをされているのですね!
私も高校の時に二輪免許を取って簡単なツーリングをしていましたのですごく懐かしいです。nmtr220さんのブログの動画、見ました。気持ちよさそうです。
これからもよろしくお願いします。
Scenewayさんこんにちは。
テンプレートをお借りさせて頂きました。

自分の所は写真ブログではありませんが
基本レイアウトの良さ、見やすさ
などに惹かれて利用を決めました。

ヘッダーの下にできる
「このページのリスト」が使いやすくて、
ブログ初心者としてはありがたい限りです。


御自身のブログの方も拝見させて頂きました。
町や自然がとても素敵ですね。
見ていて面白かったです。
またお邪魔させていただくかもしれません。


どうもありがとうございました。
失礼致します。
オタケさん こんにちは。
喜んでいただけましたようで、こちらも嬉しいです。
何度かそちらにもおじゃましていますが、写真がとてもきれいにまとめられていると思いました。

当方のオリジナルのヘッダーの画像が貧弱で恥ずかしい気になりますね。
そちらの写真に変えていただいた方がきれいになるような気も・・・
これからもよろしくお願いいたします。
始めまして!
テンプレート気に入って使用させていただいています。
早速ですが、あちこち触りながら遣っているのですが、お恥ずかしいですがメインの記事のフォントサイズ変える場所が見つけられないのです。
お教えいただけましたら、有りがたいのですが・・・。
ヨロシクお願いいたします。
だーさん 初めまして!
お返事が遅れてすみません。

投稿記事のデフォルトの文字の大きさですね。
スタイルシート最後の方の

/* 投稿記事内で使用するタグ (上記の全体設定も参照)
======================================================== */
.entry_body {}

の .entry_body {}
に書き込んでください。
class名のentry_body は全体のレイアウトには影響せず、投稿部分にのみ適用されますので投稿部分の初期設定はここで行ってください。
おはようございます。
無事完了しました。お教え頂いた通り、カッコ内にフォントXX%と入れたら大きく成りました。
漆黒のバックに色んな色が有って、モノクロとは違う綺麗さでとても気に入っております。Scenewayさんのblogトップの画像の夜景のようで、とても綺麗だと思います。
もう一つ伺っても宜しいでしょうか?
画像を左に置いてその右側に文を入れるのは、「<div class="fl"></div><br clear=all>」をどのように使うと良いのでしょうか?
スミマセン宜しければ、ご教授願えましたらお願いします。
だーさん、恐縮です。

投稿の時に
======================
<div class="fl"><img src="画像のurl"></div>
「文」<br clear=all><br>
======================
としてみてください。<br clear=all><br>は回り込みを防止します。

ご存じと思いますが、<div class="fl"></div>は必ず1セットで使ってくださいね。
全体のレイアウトが崩れてしまいますので・・・
文を書く時にこの中に画像と文を入れるんですね!

試してみます。有難うございました。

また質問の際は宜しくお願い致します。
初めましてテンプレートを遣わさして頂いてます。
質問宜しくお願いします。
ブログTOP画像をランダムに表示する事は
可能でしょうか?

素人ながらに色々のやりましたが分かりませんので
お時間あります時に返信宜しくお願いします。
Jackittyさん 初めまして。

以前に時間的にヘッダー画を変更することを検討しています。
JAVAを用いて変えられることを確認しています。下記のページが参考になるでしょうか・・

http://www.sky.sannet.ne.jp/masapine/java_top.html
こんばんわ
ご親切に有難う御座います
早速参考にさせて頂きなんかも試すのですが
貼り付けの場所が今一理解できていないのか

上手くいきません(^^;
下記をBODY区間に貼り付けと
BODY区間に貼っても現在のTOP画像の上に小さく表示されたり
表示されなかったりと(^^;


<SCRIPT LANGUAGE="JavaScript">
<!--
simg=new Array(5);
simg[0]="images/icons1.gif";
simg[1]="images/icons2.gif";
simg[2]="images/icons3.gif";
simg[3]="images/icons5.gif";
simg[4]="images/icons8.gif";
Myimg=Math.floor(5*Math.random());
document.write("<center><img src='"+simg[Myimg]+"'></center>");
//-->
</SCRIPT>


現在はこちらで見させて頂いた
↓を利用させて頂いてます。
こちらの場所とは違うのでしょうか?

カスタマイズ

ヘッダー画像の設定
オリジナルのヘッダー画像は960 x 240ピクセルを使用しています。画像の差し替えは可能ですが、高さを240ピクセルから変更した場合はスタイルシートの変更が必要です。画像差し替え手順は
画像をアップロード
スタイルシートを変更します。
スタイルシートの最後あたりの"設定"部の「ヘッダー画」項のurlを書き換えます。
#header {background: #000 url(http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/kubiwamukudori_960x240.jpg) center 2px no-repeat;}の
http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/kubiwamukudori_960x240.jpg を書き換えます。

↓こちらでしょうか?
FDBlack2column のHTML編集
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="<%author_name>">
<meta name="description" content="<%introduction>">
<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="デフォルト">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS">
<link rel="top" href="<%url>" title="トップ">
<link rel="start" href="<%url>" title="最初の記事">
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="前のページ"><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページ"><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>"><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>"><!--/nextentry-->
</head>
<body>   ←の事でしょうか?この場所に貼り付けますと画像がTOP画像の上に
                                 のってしまいます(^^;
ホントにど素人で申し訳御座いませんが
宜しくお願いします。(^^;

Jackitty さん
お疲れ様です。

HTML編集の方ではなくてスタイルシート編集の方で設定します。
スタイルシートの終わりの方に「設定」の項目があります。

------------------------------------------
/* 設定
======================================================== */
/* ヘッダー画 */
#header {background: #000 url(http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/kubiwamukudori_960x240.jpg) center 2px no-repeat;}
/* ヘッダー画の高さ設定 */
.header_title {height: 240px;}
--------------------------------------------

url(http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/kubiwamukudori_960x240.jpg) を変更したい画像のアドレスにしてください。

画像の高さを変えたときは高さ設定
.header_title {height: 240px;}
の 240 の数値を調整してください。
お返事有難う御座います
現在その設定で画像を変更させて頂いてます。
私の聞き方が悪くてすみません

TOP画像をランダムに載せる場合も
同じ場所で宜しいのでしょうか?↓
を貼りつける場所も同じでも何か付け加えるものが
必要でしょうか?


<SCRIPT LANGUAGE="JavaScript">
<!--
simg=new Array(4);
simg[0]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/TOP2_2s.jpg";
simg[1]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/TOP2_3s.jpg";
simg[2]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/TOP2_4s.jpg";
simg[3]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/sp1hs.jpg";
Myimg=Math.floor(4*Math.random());
document.write("<center><img src='"+simg[Myimg]+"'></center>");
//-->
</SCRIPT>
Jackitty さん

当方の勘違いでお手数をかけてしまいました。当方も言葉足らずですね。

JAVAでできることは確認しているのですが、こちらも同様にまだ試したことがないのです。
少し時間をくださいませんか?自身のためにも少しやってみますのでうまくいったらご報告させていただきますので・・
1週間以上はかからないようにします。できましたらJackitty さんのブログにコメントさせていただきます。

頼りないことですみませんがよろしくお願いします。
有難う御座います(^^

お手数をおかけいたしますが
宜しくお願いします。
先日はお世話になりました。
横からすみません、私もトップ絵をランダムで表示にしたいので、
できればこちらのコメント欄に回答を書いていただけると助かります。

お手数おかけいたしますが、よろしくお願い致します。
373さん
こちらのコメント欄にも書かせていただきますのでまたご覧ください。
Jackitty さん
長いことすみません。

document.write("<center><img src='"+simg[Myimg]+"'></center>");
の部分を変更して

=====================
<SCRIPT LANGUAGE="JavaScript">
<!--
simg=new Array(4);
simg[0]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/TOP2_2s.jpg";
simg[1]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/TOP2_3s.jpg";
simg[2]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/TOP2_4s.jpg";
simg[3]="http://blog-imgs-45.fc2.com/j/a/c/jackkity/sp1hs.jpg";
Myimg=Math.floor(4*Math.random());
document.write("<style type='text/css'>#header {background:#000 url('"+simg[Myimg]+"') no-repeat top center;}</style>");
//-->
</SCRIPT>
======================

としてHTMLファイルに挿入してください。
画像の位置は "top center"の記述で変更します。

場所はどこでもいいのですが<body>の下あたりがわかりやすくていいかも知れません。
トップの画像が変更できました!
もとの「document.write("<center><img src='"+simg[Myimg]+"'></center>"); 」の部分が見つからなかったのですが、<body>の下に入れたらできました。
ありがとうございます!
(「+simg[Myimg]+」とかで検索しても見つかりませんでした…)
373さん
うまくいってよかったです。
simgというのは作者の定義した変数名でしょうから検索しても無理かも。
  • 管理人のみ閲覧できます
  •  - 
  • 2011.03.06 09:24  
  •  [ 編集 ]
このコメントは管理人のみ閲覧できます
私のテンプレートは編集自由と考えて作っています。
したがって"Template basically designed by Sceneway"としています。
ご自由に編集してください。
初めまして76と申します。
たいへんすてきなデザインでとても気に入っています。
ヘッダーの画像を変えようと思っているのですが、設定したい画像のアドレスというものがよく分らなくて困っています・・教えていただけますか?
76さん、初めまして。

1. 管理ページで"ツール"の"ファイルアップロード"を選択してファイルをアップロードします。
2. アップロードすると赤字で画像のアドレスが標示されます。

すでにアップロードされている場合は
ページ下のファイル一覧からファイルをみつけてサムネイルをクリックすると実寸大の写真とアドレスラインにアドレスが表示されます。

またはサムネイルを右クリックして「ショートカットのコピー」を撰びます。これでアドレスのコピーができますので「貼り付け」して下さい。
「ショートカットのコピー」はIEですが他のブラウザでは「リンクのアドレスをコピー」(Chrome)とか「リンクのURLをコピー」(Firefox)になります。
丁寧なお返事ありがとうございます。
おかげですぐに設定することができました。

もう一点お聞きしたいことがあります。

題名(タイトル)の文字の大きさと色の変え方を教えていただけますか?
スタイルシート編集で /* ヘッダータイトル部 */ の

.header_title h1 {font-size: 16px; font-weight: bold; padding-top:10px; text-align:right;}
.header_title h1 a:link, .header_title h1 a:visited {color:White;}
.header_title h1 a:hover {color:LemonChiffon;background-color:transparent;}

を変更します。

文字の大きさ
.header_title h1 の font-size: 16px; の数値を変更します。大きくするときは16pxを大きくします。


.header_title h1 a:link, .header_title h1 a:visited {color:White;}
を変更します。
色の指定方法は名前で指定する方法とRGB(赤緑青)の16進数コード6桁、又は3桁で指定する方法があります。
オリジナルは名前で指定しています。数字の場合は#をつけて {color:#FFFFFF;}のようにします。
色の名前とコードは
http://www.cam.hi-ho.ne.jp/mendoxi/misc/colorchart.html


.header_title h1 a:hover {color:LemonChiffon;background-color:transparent;}
の color はマウスを置いた時の色です。background-color は背景色で transparent は透明です。
再度ありがとうございます。
迷うことなくできました。
また何かありましたらそのときはよろしくお願いします。
ユニークなテンプレートでとても気に入り、お借りしています。

質問をさせていただきます。
コメントをする時、新しい窓が開くんですけど
新しい窓を開けさせずにその場でコメントができる方法はありませんか?
「さんさん」さん

HTML編集で
-----------------------------------
<!-- 記事フッター部分 -->
<div class="entry_footer">
<div class="fr">
<ul>
<li><%topentry_year>.<%topentry_month>.<%topentry_day> | </li>
<li>
<!--allow_comment-->
<a href="<%topentry_link>#comment" title="「<%topentry_title>」のコメント" target="_blank">コメント <%topentry_comment_num></a>
-----------------------------------
赤字部分の《 target="_blank" 》を削除してください。
この場合、1記事表示となります。
おかげ様でできました。
迅速な対応、本当にありがとうございました。
お久しぶりです。

ブログのタイトルと説明文を消して、画像をリンクにしたいんですけど
どうするか教えてくださいm(_ _)m
1. ブログのタイトルと説明文はHTML編集の

---------------------------------------------------
<!-- ブログ ヘッダー
============================= -->
<div id="header">

<div class="header_title">
<h1><a href="<%url>" accesskey="0"><%blog_name></a></h1>
<h2><%introduction></h2>

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

赤字部分
<h1><a href="<%url>" accesskey="0"><%blog_name></a></h1>
<h2><%introduction></h2>
を抹消します。

2. ヘッダー画像をリンクに変えるのは
(1). スタイルシートを変更

--------------------------------------------------
/* ヘッダー画 */
#header {background: #000 url(---------------) center 2px no-repeat;}
--------------------------------------------------

を抹消

(2). HTMLファイルの編集
---------------------------------------------------
<!-- ブログ ヘッダー
============================= -->
<div id="header">
<div class="header_title" style="padding:0;">
<a href="<%url>"><img src="画像のURL"></a>
</div>
---------------------------------------------------
青字部分を追加してください
出来ました!!

ありがとうございます!!m(_ _)m

これからもこのテンプレ使わせてもらいます
昨年からお借りしています。デザインは勿論、カスタムもし易く、素晴らしいテンプレートだと思います。
一つ不明な点があります。記事の最後(左下)に”タグ”と表示されているのですが、どのような使い方ができるのか不明です。もしかすると私の見落としで、何処かに説明があるのかもしれません。御教示いただきたく、よろしくお願いします。
wansukさん
タグはユーザータグのことです。
http://fc2blogmanual.blog60.fc2.com/blog-entry-28.html

私の場合、カテゴリを大分類、ユーザータグを小分類として使っていますので便利かなと思って表示させています。
良く分かりました。
早々にお返事いただき、ありがとうございます。
お世話になります

1つめですが
このページのリスト
最近の記事
ふたつが同じく重複する内容なので 最近の記事を削除しようと


最近の記事
最近の記事表示はHTMLの
<!-- 最新記事
----------------------------- --> から
<!-- 記事部分手前の <!--/index_area--> までの部分です。
不必要ならこの部分を削除します。

↑試したのですが うまくいきません どうしたらよいでしょう


2つめですが
ブログタイトルを左に移動することができたのですが
左下に したいのですが 

3つめですが
ブログ記事内を 白にして ブログ記事内の 文字色をもう少しグレーだけど
黒に近い色の文字にしたいのですが

4つめですが
ブログ記事の題名の左に
☆今日の日記
↑ アイコンを入れたいのですが・・・


どうぞよろしくお願いします。



華さん 御返事が遅くなってしまってすみません。

>1つめですが
> 最近の記事
・・・
> ↑試したのですが うまくいきません どうしたらよいでしょう

おかしいですね。こちらでもやってみましたがなくなります。
もう一度確認してください。20行足らずです。バージョンはV2.0ですね?


> 2つめですが
> ブログタイトルを左に移動することができたのですが
> 左下に したいのですが 

スタイルシート
.header_title h1 {font-size: 16px; font-weight: bold; padding-top:10px; text-align:right;}
の padding-top:10px; が上下の位置を決めます。10pxの値を大きくしてください。


> 3つめですが
> ブログ記事内を 白にして ブログ記事内の 文字色をもう少しグレーだけど
> 黒に近い色の文字にしたいのですが

スタイルシートの
.entry_body {}
に color:XXX を追加してください。
.entry_body {color:xxxxxxx;}
xxxxxxは色の名前かコードを書きこんで下さい。
http://www.cam.hi-ho.ne.jp/mendoxi/misc/colorchart.html

> 4つめですが
> ブログ記事の題名の左に
> ☆今日の日記
> ↑ アイコンを入れたいのですが・・・

スタイルシート
/* ----記事部分 ----*/
/* タイトル */

entry_title h2 {
margin:0;
padding-left:15px;
background-color: #222;
font-size:100%;
line-height:30px;
border:outset #444 1px;
}
がその題名部分のスタイルになります。
アイコン画像をアップロードして
background-color: #222; を
background:#222 (画像のURL) no-repea-t left;
のように変更してください。 (↑一例です。)
padding-left:15px;
の変更も忘れずに。
こんばんは~お忙しい中ご丁寧な説明ありがとうございました。

1つめと 2つめはできました。

3つめの 記事内の背景
 ]スタイルシートの
.entry_body {}

は・・・・・
cssの下の方にたくさん .entry_bodyがありますけど、
書き足せばよいのですか?
それとも


*/
.entry_body {}

部分ですか この部分は書き足したのですが反映されなかったので
私が勘違いしてるのかもしれません 



/* 投稿記事内で使用するタグ (上記の全体設定も参照)
============================================================ */
.entry_body {}

/* システム・タグ
------------------------------------------------------------ */
/* 強調 */
.entry_body em {color: Tomato;font-style:italic; font-weight: normal;}
.entry_body strong {color: Tomato;}


4つめなのですが

background-color: #222; を
background:#222 (画像のURL) no-repea-t left;
のように変更してください。 (↑一例です。)
padding-left:15px;
の変更も忘れずに。


やってみたのです
background:#222 (画像のURL) no-repea-t left;
を書き換えて
イメージが来る余白部分のサイズ変更も→padding-left:15px;
をいじったのですが 反映されないので・・・

.entry_title h3 の下の
.entry_title h2の部分の ~~~場所ですよね


.entry_title h2 {
margin:0;
padding-left:15px;
background:#222 (htt~~~com/h/a/n/hanahanajisub/arrow39-003.gif) no-repea-t left;
font-size:100%;
line-height:30px;
border:outset #444 1px;
}

書き換えて

padding-left:30px;


反映されないみたいで・・・・

あと記事内容の文字色をもう少し黒に近いグレー色にするばあいと
次のページへのところ囲いが 白い四角になります それを黒か グレーにしたいのですが

何度も伺いすみませんm(__)m よろしくお願いします。
ありがとうございました。
華さん

> .entry_body {}
> cssの下の方にたくさん .entry_bodyがありますけど、
> 書き足せばよいのですか?

失礼しました。同じ名前( .entry_body )ならどこに書きたしても同じなのですが
あとで分かり易いように

/* 投稿記事内で使用するタグ (上記の全体設定も参照)
============================================================ */
.entry_body {}

の部分に追加してください。
コロンとセミコロンをまちがえないでください。まちがえるとアウトです。
{属性:値; ・・・}
をくりかえします。

> 4つめなのですが
> .entry_title h2 {
> margin:0;
> padding-left:15px;
> background:#222 (htt~~~com/h/a/n/hanahanajisub/arrow39-003.gif) no-repea-t left;
> font-size:100%;
> line-height:30px;
> border:outset #444 1px;
> }

#222のあとに urlが脱けていますね。
background:#222 url(htt~~~com/h/a/n/hanahanajisub/arrow39-003.gif) no-repea-t left;
としてください。

プラグインの標題の赤玉部分
dl.plugin dt, .plugin_ttl {
padding-left: 18px;
margin-bottom: 5px;
font-weight: bold;
color: Orchid;
}
/* プラグインタイトル アイコン */
dl.plugin dt, .plugin_ttl {background:url(http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/red_bubble.png) 3px no-repeat;}

の設定も参考にしてもう一度挑戦してみてください。

> あと記事内容の文字色をもう少し黒に近いグレー色にするばあいと
> 次のページへのところ囲いが 白い四角になります それを黒か グレーにしたいのですが

記事内の文字色を変える場合は上記.entry_body {}の中に color:xxxx; を追加してください。
「次のページ」の部分はページリストと同じ設定を使っているので白くなります。変更するには
HTML編集が簡単です。

HTML
<!-- ページリスト post
----------------------------- -->
<!--not_titlelist_area-->
<br>
<div class="pagelist pagelist">
<!--/// 移動用ナビゲーションリンク部分↓-->

の部分で
<div class="pagelist pagelist">

<div class="pagelist" style="background-color:xxx;">
としてください。xxxにCSSファイルの色指定の要領で色を指定します。
"pagelist pagelist"はバグですね。ダブらなくてもいいのに・・m(_ _)m
こんばんは~ご丁寧に説明を 心からありがとうございます。
今日は残業になり帰宅が遅くなりましたので
明日トライしてみます。
頑張ってください
ありがとうございました。ほぼ出来上がりましたが・・・・
記事本文の文字の左から書き込みがはじまる部分
かなり 最初の文字が 左の線の端っこになってしまいます・・・
どうしたらよいでしょうか?

コメント欄の 背景カラーとコメントの文字も
記事と同じ 背景白 文字は 黒に近いグレーにしたいのですが・・・

記事題名マークはできませんでした・・・あきらめます

お時間のあるときぜひ教えてください。
よろしくお願いいたします。
> 記事本文の文字の左から書き込みがはじまる部分
> かなり 最初の文字が 左の線の端っこになってしまいます・・・
> どうしたらよいでしょうか?

.entry_body に追加します。例として
.entry_body {padding:10px 20px;}
10px は上下のすきまになります。20px は左右のすきまです。


> コメント欄の 背景カラーとコメントの文字も
> 記事と同じ 背景白 文字は 黒に近いグレーにしたいのですが・・・

●コメント入力部分
/* Input Box */
textarea, input, select {
margin: 0px 0px 5px 0px;
padding:2px 2px;
line-height: 1.2;
font-size:100%;
color: Goldenrod;
background-color: #111;
border: 1px solid #444;
}
背景色を白に
background-color: #111; →  background-color: #FFF;
文字色を灰色に
color: Goldenrod; →  color: #444;

●コメント表示部分
div.comment_body {color:Goldenrod;
width:450px;
border: 1px solid #333;
background-color:#111;
margin-bottom: 10px;
padding : 10px 20px;
}
背景色変更
background-color:#111; →  background-color:#FFF;
文字色変更
color:Goldenrod; → color:#444;


> 記事題名マークはできませんでした・・・あきらめます

現在、華さんのファイルは
.entry_title h2 {
margin:0;
padding-left:15px;
background-color: #222;background:#222 no-repea-t left;

font-size:100%;
line-height:30px;
border:outset #444 1px;
}
となっていますね。
background-color: #222;background:#222 no-repea-t left;
の部分を
background:#222 url(http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/red_bubble.png) no-repeat 10px center;
としてください。(background-color: #222; は不要です)
アイコンに赤玉が出ませんか?
うまくいったら上記のurl(~~)を変更してみましょう。
こんばんは~
ご丁寧にありがとうございます。
できました~
あの赤い丸が素敵なので使ってもよいですか?
直リンクになるならアップしなおしますが
全部完璧にできました~
当ブログは友人たちと更新していて、友人たちもとても素敵ね!と
喜んでくれています。
お忙しい中ご丁寧に親切にありがとうございます。
これから長く使わせていただきますね。
ありがとうございます。
すみません~
今テストで 自分のブログにコメント書いてみましたら
書いてる最中のコメント書く部分は背景白になったのですが・・・・
書いて投稿したら
表現された部分は黒背景に ・・・
書き込みミスをしていますよ~

div.comment_bodyで

background-color::#FFF;
 「::」 二つ重なっています。

background-color:#FFF;
としてください。
できました~(*^_^*)
ありがとうございました。
ありがとうございました。素敵なすばらしいテンプレート!感激です
おめでとう!!
こんにちは~ おせわになっています。

記事一覧をクリックすると
http://hanahanajisub.blog78.fc2.com/?all

2010年6月22日より 前の記事が出てこないのですが
どうしたら出てきますか?
教えてください。
よろしくお願いします。
FC2はすべての記事とは過去500記事です。
以前は2000記事だったのですが500記事に変更されました。
ですので500記事以上はリストできません。
fc2が変わってしまったんですね~
わかりました。
お忙しい中ありがとうございます。
こんばんは~お世話になります

今のブログ記事多すぎて・・・引越ししています

http://hanahanajisub.blog78.fc2.com/

HTML CSSを コピペしたんですね

引越し先1の場所
http://sojisubnews.blog.fc2.com/

引越し先2の場所
http://sojisubhappynaice.blog.fc2.com/

プラグインのリンクのブルーの文字色が変?で
あとAdmin | Post が右だったのに 左へ行ってしまい
何度もソース確認したのですが 間違いないと思うのですが

新ブログの2箇所のこちらのテンプレートを
旧のテンプレと同じに・・・したくています
とても素晴らしいテンプレートで美しいのでかなり 気に入っています。

お時間あるときお返事よろしくお願いします。
すみません何度も
ウインドウズの IE6で作業してたので IE6では 元のが通常にみえて
引越し先1 2は IE6では 表現が違うみたいで
今 ウィンドウズ7 IE8で見たら ほとんど変わらない状態でした
問題なかったということでしょうか?

FC2で新しくブログを作ると文字コードがユニコードに変わります。
CSSファイルの

========
body, html {
color : Silver;
background-color:#000;
font: 13px/1.4 "Arial","Osaka", "MS Pゴシック", "Verdana", fantasy,"SimHei", sans-serif;
}
=========
font設定を次のように変更してください

======
body, html {
color : Silver;
background-color:#000;
font: 13px/1.4 "Arial",sans-serif;
}
======
ありがとうございました。文字コード変更してみました。
初めましてWasabiと言います。
素敵なデザインなので気に入っております。
で、一つ質問があるので教えて頂けますでしょうか?

題名(タイトル)の文字の大きさと大きくすると、”管理・投稿”も大きくなってしまいます。”管理・投稿”の文字を小さくすると題名(タイトル)の文字も小さくなってしまいました。

題名(タイトル)の文字だけを大きく表示して”管理・投稿”の文字を小さくさせる方法を教えて頂けますか?

お手数ですが宜しくお願い致します。
Wasabiさん 初めまして。

タイトルのみを変えるにはスタイルシートの「ヘッダータイトル」部

.header_title h1 {font-size: 30px; font-weight: bold; padding-top:10px; text-align:right;}

のfont-sizeの30pxを変更してください。
説明文は

.header_title h2 {font-size: 95%; font-weight: normal; color: #fff; text-align:right;}

になります。
早々にありがとうございます。

このすばらしいテンプレートを少しカスタマイズして
使用させて頂きますので、よろしくお願い致します。

この度はご丁寧に教えて頂きありがとうございました。
夜分遅くにすみません。
takagkと申します。

ヘッダー部の 管理|投稿という項目を消したいのですが、これは可能なのでしょうか?

あとテンプレートに関係しているのか分かりませんが、ブログの名前も消すことはできるのでしょうか?

教えていただけると助かります。
takagkさん こんばんは

可能です。
”管理|投稿”の消去は HTML編集<!-- ヘッドメニュー -->部で

<div class="fr">
<a href="<%url>?admin" target="_blank" title="管理人ページ">管理</a> |
<a href="<%server_url>control.php?mode=editor&process=new" target="_blank" title="投稿">投稿</a>
</div>

を消去してください。

ブログ名を消すにはHTML編集 <!-- ブログ ヘッダー --> 部で

<h1><a href="<%url>" accesskey="0"><%blog_name></a></h1>

を削除してください。
説明文も消去する場合は

<h2><%introduction></h2>

も消去してください
無事できました。

迅速かつ丁寧なご説明ありがとうございました!
これからも末永く使わせていただきます。
とても素敵なデザインで使わせて頂こうと思っているのですが、
ヘッダー部分をメインカラム部と同じ幅にして
サイドメニューがヘッダー部分の横から始まるようにしたいのですが
ヘッダー部分とメインカラムを同じ幅には出来たのですが
サブメニューをヘッダー部の横から始まるようにするにはどうすればいいのでしょうか?
教えていただけると助かります;
sacさん 初めまして。返信が遅れてすみません。
HTMLの変更が必要です。

ブログヘッダー部、

********************
<!-- ブログ ヘッダー
============================= -->
<div id="header">

<div class="header_title">
<h1><a href="<%url>" accesskey="0"><%blog_name></a></h1>
<h2><%introduction></h2>
</div>

<!-- ヘッドメニュー -->
<div class="headmenu">
<div class="fr">
<a href="<%url>?admin" target="_blank" title="管理人ページ">管理</a> |
<a href="<%server_url>control.php?mode=editor&process=new" target="_blank" title="投稿">投稿</a>
</div>

<ul>
<!--
<li><a href="">Mail</a></li>
-->
<li class="headmenu_rss"><a href="<%url>?xml" target="_blank">RSS</a></span></li>
</ul>

<ul>
<li><a href="<%url>"> 最新 </a></li>
<li><a href="<%url>archives.html">最新500記事</a></li>
</ul>
</div>

</div><!-- Header -->
********************

を全て移動します。
場所は

<!--/// Main  main_column
============================= -->
<div id="main_column">

の直後です。 (<!-- プラグイン3 -->の直前)
ご無沙汰しております、右側のメニューのタイトル文字(ピンクで太字のやつ)の色と書体の変え方を教えて下さいm(_ _)m
Uさん お久

--- プラグインの設定 --- 内の

************************************
dl.plugin dt, .plugin_ttl {
padding-left: 18px;
margin-bottom: 5px;
font-weight: bold;
color: Orchid;
}
************************************

の color: Orchid; を変更します。
フォントの設定もこの項に追加します。
出来ました~ありがとうございます。
あともう二点なのですが、この文字の左の赤丸を消す方法と、
ファビコンが表示されなくて困ってるのでちょっとCSSを見ていただけませんか?
Uさん

赤丸を消すにはスタイルシートの下の方
**************
/* プラグインタイトル アイコン */
dl.plugin dt, .plugin_ttl {background:url(http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/red_bubble.png) 3px no-repeat;}
**************
を抹消して更に

**************
dl.plugin dt, .plugin_ttl {
padding-left: 18px;
margin-bottom: 5px;
/* font-size :110%;*/
font-weight: bold;
color: #00FFB7;
font-family: "Times New Roman",sans-serif;
}
***************
の中の " padding-left: 18px;" を抹消します。
ファビコンの件についてはわかりません。すみません。
反映出来ました、ありがとうございます!!

ファビコンについてはコチラでも調べてみます。
度々申し訳ないです。
最近の記事が表示されなくなってしまったのでタグの再発行をお願いします。

あと、最近の記事の記事の下に横長の広告を貼り付けたいのでどこに挿入すればいいのか教えて下さい。
タイトル画(ヘッダー画)をクリックすると最近の記事が出ますよ。

HTMLで上部に "</div></div>" がたくさん出てきますが、意味がないというより正しい動作をしなくなりますので全体をチェックしなおしてください。
<div>と</div>はセットものですから<div>の数と</div>の数が一致する必要があります。おそらく最近の記事が出ないのはこの辺に理由がありそうです。
この作業は時間もかかるし大変ですが必ず整理しておく必要があります。

最近の記事の下に広告を貼り付けるのであれば、HTMLの最近の記事のすぐ下、<!-- 記事部分 ----------------------------- --> のすぐ上に入れればよいはずです。
わかりました、チェックしてみます。

最近の記事なのですがHTMLではなくCSSの方をちょっといじってしまいました(´;ω;`)
こんばんわ、このブログみたいに"このページのリスト"みたいにページ数とスクロールバーを付けたいのですがやり方を教えて下さい
Danielさんの「Page Selector」という共有プラグインを基にして多少変更を加えて使用しています。
なるほど、加工してたのですね!!

ありがとうございますm(_ _)m
すいません、やり方教えてください^^;
??
あ、「Page Selector」のですw
プラグインのHTML編集で内容を次のように変更しています。

http://blog-imgs-32.fc2.com/s/c/e/scenewayfc/page-selector.txt
ありがとうございます、出来ました!!

あともう一つなのですが、ブログの記事のタイトルをこの"概要"みたいな感じにすることってできますか?
http://dic.nicovideo.jp/a/%E8%B3%AA%E9%87%8F%E3%82%92%E6%8C%81%E3%81%A3%E3%81%9F%E6%AE%8B%E5%83%8F
タイトルを概要みたいにすると言うことでしょうか?

ブログ内検索の検索結果の表示を応用できないでしょうか?
<%topentry_discription> の変数あたりではないかと思います。
わかりました、やってみます☆
RSSの表示を以下のサイトのように表示したいのですが
http://nakayu2.blog91.fc2.com/

記事の枠のタグ(?)を教えて下さい
プラグインを使います。
《公式プラグインの追加》で《RSSリンクの表示》を追加してください
言葉が足りませんでした、相互リンク+当サイト更新情報!みたいな感じです!

すみません・・よくわかりませんが、プラグインの項を囲む枠をつけるということでしょうか?
そです!!
記事の枠みたいな感じで
スタイルシートを編集すればいいと思います。
プラグインはスタイルシートの dl.plugin に border の項目を追加すればプラグインを覆う枠ができます。
あープラグインというかなんというか
もしかしたらソースかな?(´・ω・`)

http://blog-imgs-35.fc2.com/u/3/q/u3qace/eddd.jpg
この部分のやつを

http://blog-imgs-35.fc2.com/u/3/q/u3qace/ssss.png
記事みたいな枠とタイトルバーで囲むって言ったほうがよかったでしょうか
該当部分の定義、<div class"xx">  のxxをスタイルシートで bouder を追加すればOKですよ。
ごめんなさい;; よくわからないのであきらめます;;
うーん。
Webでもよく調べてみてください。
度々申し訳ないです

今使っているプラグインを3カラムにしたいのですが、スタイルシートをいじれば変えられますか?
スタイルシートだけではできません。HTMLファイルもいじらないとできません。
2カラム固定を前提にしてデザインしていますので3カラムへの変更は少し大がかりになりますし、チェックも必要ですのでHTMLのある程度の知識が必要になります。
そうですかぁ(´・ω・`)

いろいろと難しそうですね;;
ご無沙汰しております。
こちらのテンプレートを使わせていただいております。

2つお聞きしたいことがあります。

①firefoxで見た場合、一部エリアでテキストに色がつく
ブログの記事タイトルとその上のタグと本文内見出しにおいて、
firefoxで閲覧した場合に、半角英数字と記号にオレンジぽい色がついてしまいます。
▼たとえばこちら。
http://apple10ce.blog111.fc2.com/blog-entry-50.html
 →カテゴリの横の「iPhone」や、記事タイトル内の半角をご覧ください。
  指定は#6495EDにしているはずだと思いますがオレンジになります。

こちらはChromeでは起きないことを確認しています。
また、カスタマイズせず元のテンプレートのままで見た場合、本文中のstrong指定した文に対して、同じことが発生するようです。
これはどのように修正すればよいのでしょうか。


②記事フッタ部分の黄色について
「タグ:」やその横の「|」の黄色を白にしたいのですが、
どこを変更すればよいでしょうか。


これだけのたくさんの質問にお答えになられていて大変かとは思いますが、
ご確認いただければ幸いです。
(お手すきの際で構いません。)
373さん ご無沙汰です


確認しましたがFirefox(7.01)もChrome(15.0.874.106 m)も同じでしたが・・・PCでの確認です。携帯版はわかりません・・

もし、本文リンクの文字色でしたら

/* リンク */
.entry_body a:link, .entry_body a:visited {color: #FFCC33; text-decoration:underline;}

と言う記述で#FFCC33という色になっています。色を変える時はここを変えると変わるはずです。


strong の指定に関しては

/* 強調 */
.entry_body em {color: Tomato;font-style:italic; font-weight: normal;}
.entry_body strong {color: #CCCCCC;}

の.entry_body strong {color: #CCCCCC;} の色指定で変わります。




スタイルシート div.entry_footer のcolor指定を変更してください。
color:Gold; → color:#FFFFFF;



これから日本に帰省しますので(飛行機に乗ります)次の返事はちょっと遅れるかも知れません。
※投稿名をブログでの名前にしてしまったので再投稿します。
すみませんが、前のものは削除してください。

早々のご回答、ありがとうございました。
①に関しては、自宅のfirefoxで見たときにはなっていたのですが、
会社のfirefoxで見たらなっていませんでした。
入れているアドオンや設定が違うせいかもしれないので、調べてみます。
お手数おかけしました。

②に関しては、ご指示の通りで変更できました!
ありがとうございます。

いつも質問に丁寧にお答えいただき感謝しております。
今後も使わせていただきます!

#これを機に、少しCSSを勉強してみようと思いました。
初めまして。

テンプレート借りてます。

コメントをクリックすると新しいタブが開かれるのを無くしたいのですがどうすればいいでしょうか?

何個も自分のブログがでてコメントを見るのに邪魔だと思うので是非新しいタブが出ない方法を教えていただきたいです。

よろしくお願いします。
こんばんは。テンプレートをお借りした園田と申します。

すばらしい作品、まずは、ありがとうございました。
トップ画像、たいへん綺麗でしたが、画像を変更して、
使わせていただいてます。

コメント欄にも、多くの方の質問に丁寧に答えられていて、
読んでいて感動しました。

私たちブログの素人には、本当に強い味方だなぁ、と
思います。今後とも、よろしくお願いいたします。

取り急ぎお礼まで
S.I さん 初めまして

HTML編集で
-----------------------------------
<!-- 記事フッター部分 -->
<div class="entry_footer">
<div class="fr">
<ul>
<li><%topentry_year>.<%topentry_month>.<%topentry_day> | </li>
<li>
<!--allow_comment-->
<a href="<%topentry_link>#comment" title="「<%topentry_title>」のコメント" target="_blank">コメント <%topentry_comment_num></a>
-----------------------------------
赤字部分の《 target="_blank" 》を削除してください。
この場合、1記事表示となります。
sonodakatsunoriさん 初めまして

御丁寧なコメント、ありがとうございます。
このテンプレートは自由にカスタマイズできることを目標に作成しましたのでいろいろカスタマイズしていただけると嬉しいです。

ネットのどこかでお会いした時はよろしくお願いいたします。
とても素早い対応ありがとうございます。

おかげで出来ました!

今後も何かありましたらお願いします。
はじめまして。
写真ブログではなく猫ブログなのですが、素敵なテンプレートだと思いまして、
今日から徐々に変更しつつ使わせていただこうと思います。
よろしくお願いします。
初めまして  まさぽんさん
かわいいねこのブログで和みます。
これからもよろしくお願いします。
おはようございます♪
ちょっとずつ変更加え、
解説のおかげでヘッダの写真も替えることが出来ました。
コメント欄が違うタブで開くのも
↑S.I.さんのQ&Aで書き換えられました。
ご丁寧な対応、すばらしいですね。
ありがとうございます。
ずっと使わせていただきます。

おはようございます。
とてもすてきなサイトになりましたね。なによりねこちゃんがとてもかわいい。
子供の時に飼っていたねこを思い出しました。
今後ともよろしくお願いします。
初めまして。

テンプレートをお借りしてます飛騨えびと申します。
1年ほど前から使用させて頂いております。

自分なりにカスタマイズをさせて貰っているのですが
この度、白バージョンをやってみたくなり
色々と作業をしてるのですが、コメント部分で
どうしても白色に変更できません。

了承も無く、勝手に変更をしてしまい、お気を悪くさせて
しまったら、ごめんなさい。
お許し頂けるのでしたら、アドバイスお願い致します。
飛騨えびさん 初めまして。
自由に編集していただいてけっこうですよ。

スタイルシートの

/* Input Box */
textarea, input, select {
margin: 0px 0px 5px 0px;
padding:2px 2px;
line-height: 1.2;
font-size:100%;
color: Goldenrod;
background-color: #111;
border: 1px solid #444;
}

div.comment_body {color:Goldenrod;
width:450px;
border: 1px solid #333;
background-color:#111;
margin-bottom: 10px;
padding : 10px 20px;
}

以上2ヶ所をいじってみてください。
こんばんは。

アドバイスありがとうございました。
お陰さまで解決できました。
ずっと使わせて頂きます!
こんにちは!

ステキなテンプレートありがとうございますm(__)m
分かりやすい説明で無事にアップする事ができました♪

これからも~よろしくお願いします
ちりママさん こんにちは

ちりママページ、見ましたさわやかです。
これからもよろしくお願いします。
こんばんわ

テンプレートをお借りしてるsinaと申します。
他のブログサイトから引越し作業中です。
TOP画像を変更して使わせてもらってます。

記事部分の背景を変更したくて試行錯誤してます。
現在のbackground-color:#000;を変更してbody {

background-image : url(“画像のパス”); /* repeat*/にしても変更できません・・・・
もしカスタマイズ不可でしたらこのまま使うつもりですが、車とバイクがメインの
ブログにしたいので背景をカーボン柄のjpg画像をしようとしてます。
テーブルtag部分?でもカーボン柄に変更出来れば幸いです

。もし可能であれば時間がある時で構いませんのでアドバイス頂ければ助かります。よろしくお願いします。





sinaさん 初めまして。

昨日sinaさんに返信したのですが大きな勘違いをしておりましたので削除いたしました。ごめんなさい。
カスタマイズは好きにやっていただいてけっこうですよ。何も規制はかけていません。

現在いろいろ努力されているところでしょうか?
今のsinaさんのページの状態ですとスタイルシートの body, html にbackgroundのurlを入れると表示されますね。
Sceneway さん、こんばんわ!

アドバイス有難うございました。
無事背景画を変更する事が出来ました。

いま使用してるカーボン柄に見えづらいので少し変えてみます。
少しずつ変更しようと思います。
テンプレートはずっと使用させてもらいます!!

今後もよろしくお願いします。




sinaさん

ページを見ました。すてきになっていました。
がんばってください。
こんばんわ はじめまして!

FC2ブログで使用させてもらっています。



本文の太文字の色変更について教えてください。

1色のカラー指定は出来るのですが、

FC2ブログで、色指定した場合、反映させるのに

どうのようなタグになるのでしょうか?

HTML初心者なので、わかりやすく

教えていただくと助かります。

よろしくお願いします。


☆ネモさん 初めまして。

本文の太文字と言うのは☆ネモさんの7月9日ブログの「換気システム」とか「塗装ブース」で使用されているものですね?
これらは<strong>タブを使用されています。もし常時使用する色に変更したい時はCSSファイルの

***************
/* 投稿記事内で使用するタグ (上記の全体設定も参照)
============================================================ */
.entry_body {}

/* システム・タグ
------------------------------------------------------------ */
/* 強調 */
.entry_body em {color:Tomato ;font-style:italic; font-weight: normal;}
.entry_body strong {color: Tomato;}
*****************

の部分を探してください。
この
.entry_body strong {color: Tomato;}
の部分を変更すると常時指定色になります。
現在の指定色はTomato色です。

なお色は
http://www.cam.hi-ho.ne.jp/mendoxi/misc/colorchart.html
を参照してください。名前で指定するほかに要素で指定することができます。この場合は
.entry_body strong {color: #FF6347;}
のように指定します。
早速のご連絡、ありがとうございます!

ちょっと説明の仕方が悪かったのかもしれません。



希望のタグは

各、指定した文章ごとに色の変更は可能でしょうか?

例えば、「換気システム」は黄色、

「塗装ブース」はオレンジ色などです。

FC2ブログ内のリアルタイムプレビューで見ると、

希望の色が出ているのですが・・・


要するに、Tomatoの色をFC2ブログの書き込みで

任意の色に変更させたいのですが、

可能でしょうか?



素人的な質問で申し訳ないですが、

よろしくお願いいたします。

>指定した文章ごとに色の変更は可能でしょうか?

指定の文で自動的に色変更と言うことならできません。それぞれで色指定する必要があります・・
ありがとうございます。

綺麗なテンプレなので、しばらく使わせていただきます。

これからも、よろしくお願いいたします。
夜分遅くにすみません、初めまして。
説明が初心者にも分かりやすく丁寧で、コメントのやりとりも参考にしながら自分なりにアレンジしつつ使わせて頂いております。

記事内の画像にカーソルを合わせた時、青い枠(フォーカス枠?)が画像をはみ出してしまうのですが、どうしたら直せるのでしょうか。

初心者というより無知に近い自分ですが、アドバイス頂けると幸いです。
讃岐うどんさん お返事が遅れました。

青いフォーカス枠ですが・・・
スタイルシートの一番下あたり

================
/* イメージ img */
.entry_body img {padding:0;margin:5px 0px;border:1px inset Goldenrod;}
.entry_body a:hover img, .entry_body a:active img {}
================

の部分の margin:5px 0px; をカットして

================
/* イメージ img */
.entry_body img {padding:0;border:1px inset Goldenrod;}
.entry_body a:hover img, .entry_body a:active img {}
================

としてください。





トラックバック


この記事にトラックバックする(FC2ブログユーザー)



Produced by Sceneway copyright © "深圳と香港の日々 - Funny days in Shenzhen + Hong Kong" all rights reserved.
powered by