FC2blogのブログテンプレートを配布中

 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 31 - - - -

FC2blogの着せ替えブログスポンサー広告花*花テンプレート【花*花3カラム】固定カレンダーの移動(右→左へ)

スポンサーサイト

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

羽アイコン FC2 Blog Ranking 羽アイコン

【花*花3カラム】固定カレンダーの移動(右→左へ)

【花*花】や【花*花3カラム】のテンプレートには、固定表示のカレンダーが含まれております。
こちらのカレンダーの移動のやり方に関するご質問がございましたので、記事にしてみます。

まず、【花*花3カラム】では、カレンダーが右サイドに表示されますが、こちらを左サイドへ移動させるやり方を。

まず、右サイドバーの構造は以下のようになっております。

<!-- サイド(右) ▽ -->
<div id="side_right">

<h3 class="side_menu">side menu</h3>

<!-- サイドメニュー ▼ -->

<h4 class="side_title">CALENDAR</h4>
<div class="calendar" align="center">
<p class="calendar_month"><a href="<%prev_month_link>"><%prev_month></a> <img src="画像URLが入っています" width="7" height="7" alt="*" border="0" /> <%now_year>/<%now_month> <img src="画像URLが入っています" width="7" height="7" alt="*" border="0" /> <a href="<%next_month_link>"><%next_month></a></p>
<table border="0" cellspacing="0" cellpadding="0" class="calender" align="center">
<tr>
<th class="cell_su" abbr="日曜日" scope="row" id="sun">S</th>
<th class="cell" abbr="月曜日" scope="row">M</th>
<th class="cell" abbr="火曜日" scope="row">T</th>
<th class="cell" abbr="水曜日" scope="row">W</th>
<th class="cell" abbr="木曜日" scope="row">T</th>
<th class="cell" abbr="金曜日" scope="row">F</th>
<th class="cell_sa" abbr="土曜日" scope="row" id="sat">S</th>
</tr><!--calender-->
<tr>
<td class="cell"><%calender_sun></td>
<td class="cell"><%calender_mon></td>
<td class="cell"><%calender_tue></td>
<td class="cell"><%calender_wed></td>
<td class="cell"><%calender_thu></td>
<td class="cell"><%calender_fri></td>
<td class="cell"><%calender_sat></td>
</tr>
<!--/calender-->
</table>
</div>


<!-- プラグインでの表示部分 ▼ -->
<!--plugin-->

<!-- プラグインカテゴリ2▽ -->
<!--plugin_second-->

★ここには、プラグインカテゴリ2の内容が表示されます。
<記載のHTML内容を省略しています>

<!--/plugin_second-->
<!-- プラグインカテゴリ2△ -->

<!-- プラグインカテゴリ3▽ -->
<!--plugin_third-->

★ここには、プラグインカテゴリ3の内容が表示されます。
<記載のHTML内容を省略しています>

<!--/plugin_third-->
<!-- プラグインカテゴリ3△ -->

<!--/plugin-->
<!-- プラグインでの表示部分 ▲ -->

<!-- プラグインを使用しない場合のみ表示されます ▼ -->
<!--not_plugin-->

★ここは、プラグイン設定を無効にした場合のみ表示される、テンプレートに記載されていますサイドバーの内容が、表示されます。
<記載のHTML内容を省略しています>

<!--/not_plugin-->
<!-- プラグインを使用しない場合のみ表示されます ▲ -->

<!-- 削除不可、移動・修正可 -->
<h4 class="side_title">MATERIAL</h4>
<p class="side_text_b">【記事テーブル素材、他】<br /><a href="http://kisekae.blog3.fc2.com/" target="_blank">FC2blogの着せ替えブログ</a></p>
<!-- 削除不可、移動・修正可 -->


<p class="fc2ad"><a href="http://blog.fc2.com/">Powered By FC2 blog</a><br /><%ad><br /><%ad2></p>

<!-- サイドメニュー ▲ -->

<!-- サイド(右) △ -->
</div>

上記を良く見ていただきたいのですが、テンプレートには、【プラグイン設定を有効にした場合のみ表示されるエリア】【プラグイン設定を無効にした場合のみ表示されるエリア】そして、【プラグイン設定の有無に関係無く表示されるエリア】の3つが混在しております。

【プラグイン設定の有無に関係無く表示されるエリア】は、上記の場合ですと、カレンダー部分MATERIAL部分FC2の広告部分が、それにあたります。

こちらの、【プラグイン設定の有無に関係無く表示されるエリア】のそれぞれの項目は、左サイドへの移動が可能です。

では、今度は左サイドバー部分の構造を見てみましょう。

<!-- サイド(左) ▽ -->
<div id="side_left">
<h3 class="side_menu">side menu</h3>
<!-- サイドメニュー ▼ -->

<!-- プラグインでの表示部分 ▼ -->
<!--plugin-->

<!-- プラグインカテゴリ1▽ -->
<!--plugin_first-->

★ここには、プラグインカテゴリ1の内容が表示されます。
<記載のHTML内容を省略しています>

<!--/plugin_first-->
<!-- プラグインカテゴリ1△ -->

<!--/plugin-->
<!-- プラグインでの表示部分 ▲ -->

<!-- プラグインを使用しない場合のみ表示されます ▼ -->
<!--not_plugin-->

★ここは、プラグイン設定を無効にした場合のみ表示される、テンプレートに記載されていますサイドバーの内容が、表示されます。
<記載のHTML内容を省略しています>

<!--/not_plugin-->
<!-- プラグインを使用しない場合のみ表示されます ▲ -->

<!-- サイドメニュー ▲ -->

</div>
<!-- サイド(左) △ -->

上記を見た場合、【プラグイン設定を有効にした場合のみ表示されるエリア】と【プラグイン設定を無効にした場合のみ表示されるエリア】の2つしか無いように見えますね?
でも、【プラグイン設定の有無に関係無く表示されるエリア】を作る事が出来るエリアがあるのです。
可能な場所は、☆印の場所です。

<!-- サイド(左) ▽ -->
<div id="side_left">
<h3 class="side_menu">side menu</h3>
<!-- サイドメニュー ▼ -->

☆ここの場所に挿入可能です。
<プラグインカテゴリ1の上に表示されます>

<!-- プラグインでの表示部分 ▼ -->
<!--plugin-->

<!-- プラグインカテゴリ1▽ -->
<!--plugin_first-->

★ここには、プラグインカテゴリ1の内容が表示されます。
<記載のHTML内容を省略しています>

<!--/plugin_first-->
<!-- プラグインカテゴリ1△ -->

<!--/plugin-->
<!-- プラグインでの表示部分 ▲ -->

<!-- プラグインを使用しない場合のみ表示されます ▼ -->
<!--not_plugin-->

★ここは、プラグイン設定を無効にした場合のみ表示される、テンプレートに記載されていますサイドバーの内容が、表示されます。
<記載のHTML内容を省略しています>

<!--/not_plugin-->
<!-- プラグインを使用しない場合のみ表示されます ▲ -->

☆ここの場所に挿入可能です。
<プラグインカテゴリ1の下に表示されます>

<!-- サイドメニュー ▲ -->

</div>
<!-- サイド(左) △ -->

上記の☆印の部分に、右サイドにあるそれぞれカレンダー部分MATERIAL部分FC2の広告部分のHTMLのカタマリをソックリ切り取って、☆印のいずれのスペースに貼りつけると、右サイドバーから左サイドバーへ表示させる事が出来ます。
(なお、こちらの作業は、管理画面のテンプレートの設定で該当テンプレートの修正を選び、テンプレートの編集画面で、HTMLの上記の場所を修正します。)

スポンサーサイト

羽アイコン FC2 Blog Ranking 羽アイコン

ソースネクスト

コメント

コメント欄のカタカナについて

はじめまして!花*花を使わせていただいております。
とってもかわいくて色合いもステキで気に入っています^^

ここに書いていいものかどうか迷ったのですが・・・もし場違いでしたらごめんなさい。

コメントを書く時に、カタカナを全角で打っていても、投稿すると半角に置き換わってしまいます。
スタイルシートをちょっといじってみたのですが、何も変わらずわかりません・・・。
打ち込んだ全角カナのままで投稿後も表示するのはムリな設定なのでしょうか?
もし可能ならば全角表示するよう変えたいと思っております。

お忙しいとは思いますが、お返事のほどよろしくお願い致します。

>りえさん

テンプレートのご利用ありがとうございます!
気に入っていただけて嬉しいです。

コメント欄の半角カタカナの件ですよね?
そちらは、どうやら、FC2のサーバー側の問題(トラブル?)のようですよ。
【FC2ブログ サポートフォーラム】でも、話題にのぼっていますね。

ですから、そのうち解決されるのではないでしょうか?

そうなんですか!

お返事ありがとうございます!

FC2の方でしたか・・・そちらはチェックしていませんでした、お手数おかけ致しました。
花*花は前から使っていたのに、半角はつい最近なり始めたような気がしてならなかったのです。
気のせいかとも思っていたのですが・・・違ったようですね^^;

今回はお門違いな事でお手を煩わせてしまい、申し訳ありませんでした。
これからもかわいいテンプレ、期待してますね♪
ありがとうございました!

>りえさん

もう、FC2側で修正されたようですね!
コメント欄のカナが全角に戻っています(^_^)
これで、ひと安心ですね。

コメント投稿フォーム

(必須)
(必須)
(必須)
(必須)
管理者にだけ表示を許可する

【コメント、トラックバックについて】を読まれましたか?

トラックバックURI

side menu

羽アイコン INDEX 羽アイコン

【花*花3カラム】固定カレンダーの移動(右→左へ)

★★★

【COMMENT】

【TRACKBACK】

    ★★★

    全タイトルを表示

    ★★★

    羽アイコン INFORMATION 羽アイコン

    ★★★

    ご利用の前に

    お問い合わせの前に

    ★★★

    • ▼リンクスタッフがおすすめ!
    • 3000円キャッシュバック中

    ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!
    ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!

    ★★★

    このブログをリンクに追加する

    FC2ブックマークに追加

    羽アイコン RECENT ENTRIES 羽アイコン

    羽アイコン RECENT COMMENTS 羽アイコン

    ★★★

    羽アイコン RECENT TRACKBACK 羽アイコン

    羽アイコン CATEGORY 羽アイコン

    羽アイコン ARCHIVES 羽アイコン

    羽アイコン LINKS 羽アイコン

    羽アイコン MATERIAL 羽アイコン

    【イラスト素材】
    オレンジジュース100%
    オレンジジュース100% 様

    【素材の加工】
    FC2blogの着せ替えブログ

    <こうさぎ背景>
    silverheart

    羽アイコン PROFILE 羽アイコン

    elouai's doll maker 3

    ez-HTML

    Powered By FC2 blog

    FC2Ad






    side menu

    サイトマップラス
    Powered by SEO対策

    マクロミルへ登録

    羽アイコン BLOG PET 羽アイコン

    羽アイコン Collection Picnic 羽アイコン

    ★★★

    羽アイコン 訪問バナー配布中 羽アイコン

    ★★★

    はなみつきのお家に行く!

    ★★★

    はなみつきの家に訪問の際は、コレピクにログインしている必要があります。

    ★★★

    トイザらス・オンラインショッピング

    ★★★

    Apple Store
(Japan)

    art5_120x90.jpg

    羽アイコン おすすめ本・ソフト 羽アイコン

    ベクターPCショップ&ソフトウェア・ライブラリ

    ★★★

    羽アイコン RECOMMEND 羽アイコン

    ★★★

    ★★★

    ★★★

    ★★★

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