Powered By FC2ブログ
ブログやるならFC2ブログ
今すぐブログを作っちゃおう!

--年--月--日

スポンサーサイト

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

2007年02月17日

テンプレートに、コメント欄の絵文字・デコレーション機能を追加

今回はリクエストにお応えする形ですが、需要はあると思いますのでエントリでご紹介します。
FC2ブログの機能にある、コメント時に絵文字&装飾を使用できる機能を追加します。公式のテンプレだと付いているようですが、こちらでご紹介しているFC2ブログ用のテンプレートには付いていません。必要と思われる方は以下の方法でカスタマイズをお願いいたします。

0.記事を書く機能にある装飾機能を利用する場合

(コメント時の絵文字&装飾機能とは関係ありませんので、それだけをカスタマイズする場合は必要ありません。)
このテンプレだと、FC2の標準機能を用いた場合の、文字を大きくしたり小さくしたりする機能がうまく利用できませんので、それを修正するカスタマイズです。以下の通りに変更してください。

CSS部分

  • テキストエディタにCSS全文をペースト
  • 置換機能を使って、font-size: 12px;を全て削除
    (置換部分を空白にしておけば、削除(空白で置換)されると思います。改行はそのままでも大丈夫です)
  • 以下を追加

* {
margin: 0;
padding: 0;
font-style : normal;
font-weight: normal; /*太字を使うなら削除*/
word-break: break-all;
font-size: 12px; /*追加*/
font-family: Verdana, Arial, sans-serif;
}

.maincontent{
padding: 0 10px;
margin-bottom: 10px;
color: #000;
font-size: 14px;/*追加*/
line-height: 1.5;/*変更*/
}

これで修正は終わりですので、テキストエディタ全文をコピーして、FC2ブログ管理画面のテンプレート編集画面でペーストして下さい。
プレビューでは確認できませんので、元のCSSをテキストエディタなどで保存した上で、管理画面の方も保存して、表示を確認してください。
また、エントリ本文の太字が効かない件に関してはこちらもご覧下さい。
FC2の新しく記事を書く機能を使って強調文字を使用する場合

1.FC2ブログの機能、コメント時に絵文字&装飾の追加

コメント時に絵文字&装飾機能の追加はHTMLを編集します。追加だけですので、以下箇所を変更して下さい。


<!-- コメント投稿フォーム -->
から3行下にある、
<form method="post" action="./"><form method="post" action="./" name="comment_form">
に変更


<dt><label for="comment">comment :</label></dt>
<dd><textarea id="comment" cols="44" rows="8" name="comment[body]"></textarea></dd>
<dt><label for="pass">pass :</label></dt>
<dd><input id="pass" type="password" name="comment[pass]" size="45" /></dd>
<dt><label for="himitu">secret :</label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" />サイト管理者にのみ通知する</dd>
</dl>
<div class="comment-button">

上記の部分を下記に置き換えて下さい(該当部分にそのまま貼り付けて、その下の説明箇所だけ更に変更してください)。


<dt><label for="pass">pass :</label></dt>
<dd><input id="pass" type="password" name="comment[pass]" size="45" /></dd>
<dt><label for="himitu">secret :</label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" />サイト管理者にのみ通知する</dd>
<dt><label for="comment">comment :</label></dt>
<dd><textarea id="comment" cols="44" rows="8" name="comment[body]"></textarea></dd>
</dl>
<script type="text/javascript" src="http://blogxx.fc2.com/load.js"></script>
<div class="comment-button">

赤が追加青が移動箇所です。また、http://blogxx.fc2.comのxx部分はご利用のFC2ブログのサーバー名を入れて下さい。このブログならblog78.fc2.comなので、xxは78になります。

これでFC2ブログのコメント機能である、絵文字&装飾が追加されます。java scriptですので機能を有効にしないと表示されませし利用できません。

カスタマイズは以上です。ちなみにこの絵文字&装飾機能についてはこちらが公式の情報のようです。この記事もこちらを参考にしています。
コメント欄での絵文字・デコレーション機能のカスタマイズについて

スポンサーサイト

コメント

初めまして♪

いつも分かりやすい解説をありがとうございます♪
とても使いやすいテンプレートを提供していただき、こんなに詳しい説明まで♡とても助かっています^^
本当にありがとうございます♪

素人ながらも、templatetubeさんの記事で勉強をして自分なりのブログを作っていっているのですが、一つ難問題にぶち当たってしまいましたので、質問してもいいでしょうか・・・!?
急に現れて、いきなり質問でごめんなさい・・・。


トップページ以外を2カラム(左サイドバー)に設定をしたくて、右サイドバーを
<!--index_area-->~<!--/index_area-->
で囲んでみたら、右サイドバーが消えるだけでした。
私は、記事の部分を右サイドバーの部分まで広げたいんです。
できれば教えていただけないでしょうか・・・。

今日一日中頑張ってみたのですが、無理でした;;
お願いします・・・☆彡

難しいかも…

☆みぅ☆さん、こんにちは。お返事が遅れまして申し訳ありません。

>トップページ以外を2カラム(左サイドバー)に
理論上は出来るかもしれませんが、おそらくこのままの
テンプレートではできないんじゃないでしょうか。

考えられるのは、2カラム用のスタイルシートも用意して、
ホームは3カラム、それ以外は2カラムにする方法ですが、
それをやるとなると時間が必要です。(2カラム用を用意する必要があります)

試してはみますので、もうしばらくお時間をいただけますでしょうか。

はじめまして。
シンプルなのが好きなので、
このテンプレートを使わせてもらってます。
お願いなんですが、blogtube_basic01の
ブラックバージョンを作って頂けないでしょうか。
僕はこの分野はチンプンカンプンで、一応自分でいじって
みましたが、駄目でした。
ぜひ、お願いします。

こんにちわ♪

お返事ありがとうございます☆
贅沢なお願いをしてしまい、本当に申し訳ございません・・・。
blogtubeさんのお時間のある時で構いませんので、どうぞよろしくお願いいたします。

ご親切にありがとうございます♪
これからもよろしくお願いします^^

2カラム作成しました

塩さん、こんにちは。

>blogtube_basic01ブラックバージョン

おそらく色の反転(背景が黒で文字が白)かと思いますが、
それ位ならそれ程難しくはないかと思いますので、次回
エントリしてみたいと思います。
少々お時間をいただきますので、しばらくお待ち下さい。


☆みぅ☆さん、こんにちは。

ご希望のカラム数の切り替えをエントリしましたのでご覧
下さい。
左メニューのサイズがもしかしたら標準の150pxなのかも
しれませんが、最後の説明を読めばサイズは変更できますので
ご希望のサイズに変更をお願いします。

また、プラグインやフリーエリアも簡単に変更できますので、
ご自分でカスタマイズしてみて下さい。

画像と画像の隙間

blogtubeさん初めまして。
今blogtubeさんのテンプレートを編集しているのですが、画像を並べると、画像と画像の間にどうしてもわずかな隙間がでてしまうんです。この隙間をけす方法はないでしょうか?色々と調べてみたのですが、結局解決せず、こちらに書き込みさせていただきました。
 返答お待ちしています。

画像を並べる場所

らいさん、こんにちは。

>画像と画像の隙間

画像を並べる場所によって対応が異なります。できましたら
どの場所(エントリ本文、バナー部分、フリーエリアetc)に、どのような形(上下とか、左右とか)
で並べるのか教えて下さい。

本文に画像は並べられません。修正すれば大丈夫だと
思いますが。

blogtubeさん返答ありがといございます。
試行錯誤を繰り返し、なんとかできました。お騒がせいたして申し訳ありません。
カスタマイズできるテンプレートはすごいいいですね!
これから使わせていただきます♪

らいさん、こんにちは。

問題が解決したようでなりよりです。カスタマイズ頑張って
下さいね。

塩さん、こんにちは。

遅くなりましたが、黒背景のテンプレートを作成しました。
是非使ってみてください。

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://templatetube.blog78.fc2.com/tb.php/19-604918dd

トラックバック

【絵文字】について

絵文字絵文字(えもじ)とは語(音形)ではなく、ものや事柄を、絵を用いて象徴的に示唆したもので、象形文字の前段階と考えられている。マヤなどに伝わる文字は絵文字とされる。また、コンピュータで入力される文字や記号を使用して作る絵、或はアイコンのことを絵文字とい

トラックバック

絵文字について

絵文字絵文字(えもじ)とは語(音形)ではなく、ものや事柄を、絵を用いて象徴的に示唆したもので、象形文字の前段階と考えられている。マヤなどに伝わる文字は絵文字とされる。また、コンピュータで入力される文字や記号を使用して作る絵、或はアイコンのことを絵文字とい

トラックバック

【絵文字】について

絵文字絵文字(えもじ)とは語(音形)ではなく、ものや事柄を、絵を用いて象徴的に示唆したもので、象形文字の前段階と考えられている。マヤなどに伝わる文字は絵文字とされる。また、コンピュータで入力される文字や記号を使用して作る絵、或はアイコンのことを絵文字とい
プロフィール

templatetube

Author:templatetube
FC2ブログへようこそ!

最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

Appendix


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