アンの小箱のブログへ、ようこそ♪

こちらでは、「アンの小箱」の素材を使ったFC2専用のテンプレートを作成しております。

この部分は、プラグイン3になります
プラグイン3の表示は、管理画面の「プラグインの設定」で行ってください。

「アンの小箱」のテンプレートは、申し訳ありませんが、
商用(アフェリエイト含む)のブログでの、使用を許可しておりません。
詳しくは、利用規約をごらんください。


◆テンプレート一覧 ◆利用規約 ◆よくある質問

スポンサーサイト

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

海のテンプレートのカスタマイズ

anne_10sea_3c テンプレート

[記事の幅の変更方法]

記事の幅は、510ピクセルから最大710ピクセルまで、
好きな幅に設定できます。
ここでは、3カラムの記事を710ピクセルにするやり方を紹介します。

↓ 追記をごらんください。

続きを読む

プラグイン3のカスタマイズ

トラのテンプレートのプラグイン3のデザインを、
お正月バージョンから、シンプルバージョンへ変更したものを
修正アップしています。


           ↓
plg3-s2.gif

ご自分で、修正されたい方は、
「テンプレートの設定」
→トラのテンプレートの「編集」
→「スタイルシートの編集」

ここで、次のように変更します。

続きを読む

トラのテンプレートのカスタマイズ

anne_tig_2c、3c テンプレート

[記事の幅の変更方法]

記事の幅は、510ピクセルから600ピクセルまで、
好きな幅に設定できます。
ここでは、600ピクセルにするやり方を紹介します。

↓追記をご覧ください。

続きを読む

プラグ3を記事下に表示させる

今、順次修正しているテンプレートでは、
プラグ3を記事の一番上に表示させるようにしています。

これを、記事の一番下に表示させる方法です。

テンプレートのhtml編集画面で、

 1. <プラグイン3 ここから> から <プラグイン3 ここまで>の間にあるプラグ3の記述部分を
  切り取ります。


<!--プラグイン3 ここから-->

<!--plugin-->
<div class="content">
<div class="plg3_top"></div>
<!--plugin_third-->
   (省略)
<!--/plugin_third-->
<div class="plg3_bottom"></div>
</div><!--/content-->
<!--/plugin-->

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

 

2. そして、上から2/3あたりにある search_area の下にあるもうひとつの
<プラグイン3 ここから> から <プラグイン3 ここまで>の間に 貼り付けます。


<div class="plg3_bottom"></div>
</div><!--/content-->
<!--/search_area-->

<!--プラグイン3 ここから-->

<!--plugin-->
<div class="content">
<div class="plg3_top"></div>
<!--plugin_third-->
   (省略)
<!--/plugin_third-->
<div class="plg3_bottom"></div>
</div><!--/content-->
<!--/plugin-->

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

<div class="page_navi">
<!--not_permanent_area-->

 

FC2公式テンプレートより

FC2の公式テンプレート 2カラム「pink_2column 」

● サイドメニューのlist styleが、反映されていない

これは、CSSの中の下記の部分の記述ミスです

/* Sidemenu (Plugin)
---------------------------------- */
#sidemenu1 li,
#sidemenu2 li {

list-style-type: disc;
list-style-position: outside;
margin-left: 15px;
}

このテンプレートには、"sidemen1""sidemenu2"は存在しないので

下記のように、"sidemenu"ひとつにすれば、OK♪

/* Sidemenu (Plugin)
----------------------------------- */
#sidemenu li {
list-style-type: disc;
list-style-position: outside;
margin-left: 15px;
}

● 「続きを読む」の部分

3カラムの方には、htmlに「more。。。」と、記述されていますが
2カラムの方には、下記のように、記述されています。
(ブログには、「続きを読む」と表示されるのですが。。)

<%topentry_more>

これは、近い将来、「続きを読む」は、新規投稿画面で
好きな言葉に置き換えられるようになるって、ことかも~♪

公式テンプレートから(2)

7月2日投稿記事の続きです。

(1)の他に、この公式テンプレートには、
もうひとつ欠陥があります。
こちらは、htmlの記述の方です。

現象としては、プラグインの背景画像及び背景色が一部表示されないというものです。

**詳細**
サイドバーの中の、プラグインの設定で、背景色または、背景画像を
設定した場合に、プラグインのプラグインカテゴリ1では、
正常に表示されるのが、プラグインカテゴリ2,3においては、
「description 」の部分に、背景色または、背景画像が表示されません。

下記のhtml記述の「plugin_first」と、
「plugin_second」を比較してみてください。

--------------------------------------------------
<!--plugin_first-->
<h3><%plugin_first_title></h3>
<div class="sidebody">
<div class="description"><!-- plug-in-align -->
<%plugin_first_description>
</div><!-- /plug-in-align -->
<%plugin_first_content>
<div class="description"><!-- plug-in-align -->
<%plugin_first_description2>
</div><!-- /plug-in-align -->
</div>
<div class="sidebottom"></div>
<!--/plugin_first-->
--------------------------------------------------
--------------------------------------------------
 <!--plugin_second-->
<!-- plug-in-section -->
<h3><%plugin_second_title></h3>
<div class="description"><!-- plug-in-align -->
<%plugin_second_description>
</div><!-- /plug-in-align -->
<div class="sidebody">
<%plugin_second_content>
</div>
<div class="description"><!-- plug-in-align -->
<%plugin_second_description2>
</div><!-- /plug-in-align -->
<div class="sidebottom"></div>
<!-- /plug-in-section -->
<!--/plugin_second-->
--------------------------------------------------

<div class="sidebody">の位置が違うことに、お気づきでしょうか?

これにより、プラグインカテゴリ2では、プラグインの記事部分にだけ、sidebodyの設定が、反映され、
description(リンクのプラグインで、「このブログをリンクに追加する」の部分)には、反映されなくなっているのです。

◆対処方法は、プラグイン2及び3のhtmlの設定で、<div class="sidebody">の位置を、プラグイン1の設定と同じようにすることです。
これで、背景色または、背景画像の非表示が解消されます。

公式テンプレートから(1)

私は、共有テンプレートを作るときに、
公式テンプレートを、もとにして、カスタマイズしました。

2カラム → 公式テンプレートの「hitode

3カラム → 公式テンプレートの「girlish

しかし!!
この公式テンプレートが、曲者で。。。

CSSの最初の設定が、下記のようになっているため、
記事中の太文字や、文字の大きさの設定などが、
全部無視されてしまいます。

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
font-size:12px;
word-break:break-all;
}


最初、これに気がつかず、後からの修正が大変でした!(>_<)

これから、テンプレートを自分なりに、カスタマイズしたいなぁと、
考えている方!
公式テンプレートも、いろいろ不備があるので、
気をつけましょう!!

ちなみに、この対処方法は、

* {
margin : 0;
padding : 0;
word-break:break-all;
}


このように、fontの設定を、全部削除して、
プラグイン、メイン記事、コメント、トラックバックと、
それぞれにフォントの設定をします。

ブログを確認しながら、地道な作業です。。。(^_^;)

太文字が使えるように、修正

本当は、梅雨入り前に、雨のテンプレートを、アップしたかったのですが。。(^_^;)

文字の太さが、変えられないということで、
テンプレートを修正してみました。

太文字

色つき文字

簡単に言えば、bodyの文字設定を全部、削除してしまえばいいのですが、

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
font-size:12px;

word-break:break-all;
}

  
* {
margin : 0;
padding : 0;
word-break:break-all;
}

これにより、他の箇所の文字サイズが、すべて大きくなってしまいます。
それで、共有したテンプレートを、修正していますので、
どうぞ、「アンの小箱」のテンプレートを使ってくださっているみなさま、
もう一度テンプレートを、ダウンロードしなおしてください。

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

カスタマイズ

FC2カウンター

ブログ内検索

リンク

全記事表示リンク

全ての記事を表示する

あなたの気持ちを。。

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