おやつ代錬成術blog

おやつ代を稼ごう! と奮闘(?)する日々の記録。

カレンダー

08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

最近の記事

カテゴリー

コメント

最近のトラックバック

リンク

広告

お得なポイント貯まる!ECナビ

プロフィール

ぽんぽこ

  • [ ぽんぽこ ]
  • ネットでささやかなおやつ代を捻り出せたり出せなかったり。
    他所事が忙しく、ただいま更新停滞中。

Search

RSSフィード

        スポンサーサイト

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

        共有テンプレート仲間入り!

7/9に出来上がって申請していた「poko_sodaice」が、本日無事に承認されて共有テンプレートの仲間入りをしました。
早速ダウンロードしてくださった皆さま、ありがとうございます。


テンプレート「poko_sodaice」の下記のカスタマイズ方法については、
続きを読む、で御確認下さい。

「プラグイン対応にするには」
「コメント欄で絵文字を使えるようにするには」


「プラグイン対応にするには」

HTMLの
<!--★左サイドメニュー-->
<div id="secondary-column"> 
の下に、

<!-- secondary-column --><!--プラグイン-->
<!--plugin-->

<!--プラグイン1 ON-->

<!--plugin_first-->
<div class="menu1"><%plugin_first_title></div>
<div class="menu2">
<p align="<%plugin_first_ialign>"><%plugin_first_description></p>
<%plugin_first_content>
<p align="<%plugin_first_ialign>"><%plugin_first_description2></p>
</div>
<!--/plugin_first-->

<!--プラグイン1 ONここまで-->

<!--プラグイン2 ON-->

<!--plugin_second-->
<div class="menu1"><%plugin_second_title></div>
<div class="menu2">
<p align="<%plugin_second_ialign>"><%plugin_second_description></p>
<%plugin_second_content>
<p align="<%plugin_second_ialign>" class="side_discription2"><%plugin_second_description2></p>
</div>

<!--/plugin_second-->

<!--プラグイン2 ONここまで-->

<!--/plugin-->
<!--プラグインここまで-->

を挿入して下さい。

その後、<!--カレンダー--> ~ <!--RSS部分ここまで--> を、
<!--not_plugin-->  ~ <!--/not_plugin--> で囲むか、削除して下さい。
その下の削除不可広告のところを消してしまいますと、FC2の規約違反になりますので、消さないよう御注意下さい。

これでプラグインでコンテンツが動かせるようになります。
(枠全体の設定として、色や位置をまとめて指定していますので、プラグインの設定での文字位置の指定等は反映されないかもしれません)
カレンダーは、デフォルトではプラグインに入っていないようですので、公式プラグインから追加してください。

プラグインにした場合、枠の感じは同じでも、中身の表示が多少違ってきます。
特にカレンダーは、かなりスリムな表示になりますので、
<!--カレンダー--> ~ <!--カレンダーここまで--> は残して、そのまま使われるほうがいいかもしれません。

プラグインではなく、HTML上でサイドメニューの入れ替えを行う場合は、
<!--●●--> ~ <!--●●ここまで--> の順番を丸ごと入れ替えて下さい。 


「コメント欄で絵文字を使えるようにする
(絵文字・装飾機能がついているバーを追加する)には」


HTMLの
<!--コメント表示・編集--> ~ <!コメント部分ここまで--> の部分を、
下記のものに全部置き換えて下さい。
(置き換えが簡単なように大きく切り取っていますが、実際に変化があるのは柿色の部分だけですので、その部分だけの置き換えでも大丈夫です)。

<!--コメント表示・編集-->
<!--comment_area-->
<div class="dai" id="comment-top"> </div>

<div class="section">

<div>
<span class="tidai">Comment</span>
</div>

<ul class="entry-footer">
<li>
 </li>
</ul>

<!--コメント一括表示-->

<!--comment-->
<div>
<span class="tidai2" id="comment<%comment_no>"><%comment_title>&nbsp;</span>
</div>
<div class="comment-body">
<%comment_body>
</div>
<ul class="comment-footer">
<li>&nbsp;<%comment_year>-<%comment_month>-<%comment_day>&nbsp;
<%comment_mail+name> #<%comment_trip>&nbsp;<%comment_url+str>&nbsp;
[&nbsp;<a href="<%comment_edit_link>" title="コメントの編集">Edit</a>&nbsp;]&nbsp;</li>
</ul>
<!--/comment-->
</div>

<div class="dai"> </div>

<div class="section">

<div>
<span class="tidai">Comment Form</span>
</div>

<ul class="entry-footer">
<li>
 </li>
</ul>

<form method="post" action="./"
name="comment_form">
<table border="0" width="90%">
<colgroup class="hidari"></colgroup>
<colgroup></colgroup>
<tr><td>
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name">Name&nbsp;</label></td><td>
<input id="name" type="text" name="comment[name]" size="34" value="<%cookie_name>"></td></tr>
<tr><td>
<label for="name">Title&nbsp;</label></td><td>
<input id="subject" type="text" name="comment[title]" size="34"></td></tr>
<tr><td>
<label for="mail">Mail&nbsp;</label></td><td>
<input id="mail" type="text" name="comment[mail]" size="34" value="<%cookie_mail>"></td></tr>
<tr><td>
<label for="url">URI&nbsp;</label></td><td>
<input id="url" type="text" name="comment[url]" size="34" value="<%cookie_url>"></td></tr>
<tr><td>
<label for="comment">Message&nbsp;</label></td><td>
<script type="text/javascript" src="http://blog12.fc2.com/load.js"></script><br>
<textarea id="comment" cols="34" rows="3" name="comment[body]"></textarea></td></tr>
<tr><td>
<label for="pass">Pass&nbsp;</label></td><td>
<input id="pass" type="password" name="comment[pass]" size="12"> Secret&nbsp;<input id="himitu" type="checkbox" name="comment[himitu]"> <input type="submit" value="Submit">
</td></tr></table>
</form>
</div>

<!--/comment_area-->

<!--edit_area-->

<div class="dai"> </div>

<div class="section">

<div>
<span class="tidai">Comment Edit</span>
</div>

<ul class="entry-footer">
<li>
 </li>
</ul>

<form method="post" action="./"
name="comment_form">
<table border="0" width="90%">
<tr>
<colgroup class="hidari"></colgroup>
<colgroup></colgroup>
<td>
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name">Name&nbsp;</label></td><td>
<input id="name" type="text" name="edit[name]" size="34" value="<%edit_name>"></td></tr>
<tr><td>
<label for="name">Title&nbsp;</label></td><td>
<input id="subject" type="text" name="edit[title]" size="34" value="<%edit_title>"></td></tr>
<tr><td>
<label for="mail">Mail&nbsp;</label></td><td>
<input id="mail" type="text" name="edit[mail]" size="34" value="<%edit_mail>"></td></tr>
<tr><td>
<label for="url">URI&nbsp;</label></td><td>
<input id="url" type="text" name="edit[url]" size="34" value="<%edit_url>"></td></tr>
<tr><td>
<label for="comment">Message&nbsp;</label></td><td>
<script type="text/javascript" src="http://blog12.fc2.com/load.js"></script><br>
<textarea id="comment" cols="34" rows="3" name="edit[body]"><%edit_body></textarea></td></tr>
<tr><td>
<label for="pass">Pass&nbsp;</label></td><td>
<input id="pass" type="password" name="edit[pass]" size="12"> Secret&nbsp;<input id="himitu" type="checkbox" name="edit[himitu]"> <input type="submit" value="Edit"> <input type="submit" name="edit[delete]" value="Delete">
</td></tr></table>
</form>
</div>
<!--/edit_area-->

<!--コメント部分ここまで-->

 これで、絵文字・装飾機能がついているバーが、コメント欄に追加され、絵文字が使えるようになります。
文字色も変えられますし、下線も打ち消し線も引けますが……太字や斜体は機能しません。

太字や斜体も機能させたい場合は、CSSの最初の部分、下記の赤色の部分を削除して下さい。
(記事本文で太字、斜体を機能させたい場合も、同様です)

/* 全体的なマージン・パディング・フォントスタイル */
* { margin : 0px;
padding : 0px;
font-style : normal;
font-weight : normal;

}

スポンサーサイト

コメント

ありがとうございます

絵文字も対応できると良いですね^^

>montaさん

絵文字は本文中では使えますので、コメント欄での絵文字使用でしょうか?
コメント欄ではタグは使えませんので、絵文字・装飾機能がついているバーを追加することになります。
このバーのアヒルが黄色でして(アヒルとしては標準的な色ですが)、今回の空色テンプレートには合わないかな、と思ってつけませんでした。
ですが、御利用になりたい場合は、具体的なカスタマイズ方法をこの記事に追記しておきましたので、よろしければ参考になさって下さい。

コメントの投稿

管理者にだけ表示を許可  

トラックバック

http://noharanosato.blog12.fc2.com/tb.php/314-7adbdfd4

 | HOME | 

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