ブログパーツ

趣味の工房

特定の人からのコメントの背景を変える☆

【予約投稿です】
先日、コメント欄への投稿時に、自分のコメント時の背景だけ変わるように設定をしなおしました。
FC2ブログの場合、HTML記述とCSSに記述を加えるだけで変更できます。

特定の人からのコメントの背景を変える☆



※最初にお断りしておきますが、FC2ブログでの参考例です。
 また、念のためにテンプレートのコピーをとっておくことをお忘れなく。(コチラ参照


ブログ管理画面から、「環境設定」→「テンプレートの設定」をクリック。
2012y01m20d_223215373.jpg

テンプレートの一覧が出ますので、変更したいテンプレート右側の「編集」をクリック。
※バックアップ(複製)はすでにとってあるものとします。
 左側に旗のマークがついているのが現在使用されているテンプレート。


まずは上側の「○○(テンプレート名) のHTML編集」から、
<!--comment-->という記述を探します。
(※「Ctrl」+「F」キーで検索すると早いです。)

また、その数行下に、<!--/comment-->
という記述もあると思います。
2012y01m20d_224103294.jpg


この<!--comment--><div class="<%comment_name>">を追加し、
<!--/comment--></div>と追加します。
202y01m20d_224055021.jpg


続いて、下の枠の「○○(テンプレート名) のスタイルシート編集」欄の記述の一番下から1行空けて

.任意の名前 { background-color:#FFFFFF; }



を追加します。(※名前のまえの「.」を忘れないよう注意。)
「#FFFFFF」の値を変更することで色を変えることができます。
また、{}の中を「background-image: url(画像のURL);」に変更することで、任意の画像に変更することもできますが、見易さで言えば単色のカラーに押さえておいたほうがいいと思います。
尚、この記述をいくつか(名前を変えて)記述することで、複数名の背景を変えることもできますので、使い方によってはグループごとに色を変えたり、いろいろ使えそうですね。

例:
2012y01m20d_223917607_20120120230603.jpg
※例では文字に影を入れる設定「text-shadow」も追加しています。
 


ちなみに、名前欄に入力された文字に対して変化しますので、いうまでもなく誰かが間違えて他の人の名前をうってしまっても変化してしまいますのでその点はご注意を。


それではみなさん、ヽ(* ̄∀ ̄)**SeeYou**




ランキングに参加しております。クリックにご協力を♪
にほんブログ村ランキングへ
にほんブログ村


関連記事


    20:22 | Trackback : 0 | Comment : 6 | Top
Comment
2012.01.22 Sun 05:15  |  丸々 #-
おはようございます。

早速導入させてみました。
画像入りでとても分かりやすかったです。

弄るのスキなんで、またこういった記事書いていただけると助かりますw

初めは、適用させても「あれ?変わらないな~」と
思っていたのですが、別のテンプレを弄っていたようです(; ̄ー ̄A
  [URL] [Edit]
>丸々さん

おはようございます☆
って、はやッΣ( ̄□ ̄; 

>初めは、適用させても「あれ?変わらないな~」と
思っていたのですが、別のテンプレを弄っていたようです(; ̄ー ̄A

あるあるw
ボクもよくやりました(爆)
  [URL] [Edit]
2012.03.13 Tue 17:07  |  特定口座 #-
とても魅力的な記事でした!!
また遊びに来ます!!
ありがとうございます。。
  [URL] [Edit]
特定口座さん
ありがとうございます☆人´∀`).☆.。.:*
お役にたてたのでしたらうれしいです☆
  [URL] [Edit]
2015.09.25 Fri 09:02  |  拳論/藤堂 #-
たとえば名前欄に未記入の場合、投稿本文の文字色を変えたりとかは可能なのでしょうか
ご相談  [URL] [Edit]
2015.09.26 Sat 00:51  |  りくんちゅ。パパ #CLdJdQDA
拳論/藤堂 さん
FC2では管理画面の設定から未記入の場合の名前は設定できますが、文字色などの設定はないようです...
試しに未記入の場合の設定(このブログの場合No Name)を指定して文字色の指定をしてみましたが、変わりませんでした。
できないことはないと思うのですが...申し訳ありません、わかりません(; ̄ー ̄A

  [URL] [Edit]









(編集・削除用)


管理者にだけ表示を許可
Trackback
http://rikuntyudady.blog101.fc2.com/tb.php/704-20fd0a14
プロフィール

りくんちゅ。パパ

Author:りくんちゅ。パパ
初歩的な話からオーバークロックまで、PCに関することやその他趣味に関することを思い付きで書いています。
コメントはお気軽にどぞ。

「rikuntyudady」の名前で出没することもあります(笑)

rikuntyudady01.jpg

このサイトはFirefox,Google Chrome用に最適化されています。
IEでは一部表示が正しく行われない場合があります。
ご了承ください。


アクセスカウンター
signbot_20101017072856.gif
現在の閲覧者数:

galleryロゴ02
cmcrogo2.png
RikuntyudadyのCM690をUP!!
☆ただ今34台展示中☆



みんなのPC♪ギャラリーはコチラ。

Page 1 Page 2


Categories...

クリックで全て開閉↓

openclose


○自作をしてみたい方へ
○オーバークロックについて

「+」はフォルダクリックでOPEN

全ての記事を表示する


見つからない場合はコチラ
(記事内検索)

最新記事
最新コメント
☆MY GEAR☆
カスタマイズ工程はコチラ
画像
画像
画像
画像
画像
画像
画像
ATCS840
COSMOS II
CORE1500
MasterCase5Mod

<製作依頼PC>
画像
Overclock.net work log
MNPCTECH"Case Mod Blog"
画像
画像
【CORSAIR Vengeance® C70】
HAF X MOD

<コラボ企画> 画像
SNIPER
☆おもな活動サイト☆

Cooler Master Forum
CoolerMaster

techPoweUp! Case Mod Gallary-
techPowerUp!

Overclock.net
   -Case Mod Work Logs-
Overclock.net

Case Modding Forum
Case Modding Forum

こだわりの持ち物を登録しよう♪
2010y05m05d_221238218.jpg

Web page translation
THIS IS MY GEAR
2016y03m23d_233159886.png 2016y03m23d_233204419.png
感染者増殖中...
りくんちゅ。パパにメールする







本文:

☆掲示板☆

趣味の工房 ~みんなの休憩室♪~
お気に入りブログ♪
カメラ熱上昇中♪
【Canon】EOS 70D 70D.png ○レンズ
【Canon】
EF-S18-135mm F3.5-5.6 IS STM
EF-S55-250mm F4-5.6 IS STM 【SIGMA】
18-35mm F1.8 DC HSM|Art
APO 50-150mm F2.8 EX DC OS HSM


【Canon】G7 X canon_g7x_20150528010550367.png
☆広告☆
ブロとも申請フォーム
QRコード
QRコード
RSSリンクの表示