シーサーブログのサイドカラムを片側に寄せる;FC2ブログ・プチカスタマイズ   

シーサーブログのサイドカラムを片側に寄せる|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・FC2以外の無料ブログサービス | シーサーブログのカスタマイズ| シーサーブログのサイドカラムを片側に寄せる に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > シーサーブログのサイドカラムを片側に寄せる・FC2以外の無料ブログサービス > シーサーブログのカスタマイズ > シーサーブログのサイドカラムを片側に寄せる


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




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 シーサーブログには、3カラムのテンプレートも当然存在する。

 けど、オーソドックスな3カラムテンプレートばっかりだ。

 メインカラムが真ん中にあってその左右にサイドカラムがある。

 サイドカラムを片方に寄せるようなテンプレートは目に入らない。

 できないのかと思っていたが、この間、シーサーブログのテンプレートをいじったら、サイドカラムを片側に寄せる方法が見つかったので、ちょっと皆さんにもやり方をご紹介しようと思う。

 

シーサーブログのサイドカラムを2つとも右側に寄せる方法

1、デザイン⇒HTMLとクリック。

2、以下のHTMLを探して切り取り、テキストエディタに貼り付ける。

<% if:have_content_left -%>
<div id="links-left">
<% content_left %>
</div>
<% /if -%>

3、以下のHTMLを探す。

<% if:have_content_right -%>
<div id="links">
<% content_right %>
</div>
<% /if -%>

4、2のHTMLを3のHTMLの前か後ろに貼り付ける。

 2のHTMLを3のHTMLの前に貼り付けると、左側にあったコンテンツが右側にあったコンテンツの左横にくるようになる。
 元の3カラムの左側を1、メインカラムを2、右側のカラムを3とすると、2(メインカラム)-1(左カラムに配置されたコンテンツ)-3(右カラムに配置されたコンテンツ)という順番になる。

 2のHTMLを3のHTMLの後ろに貼り付けると、左側にあったコンテンツが右側にあったコンテンツの右横にくるようになる。
 元の3カラムの左側を1、メインカラムを2、右側のカラムを3とすると、2(メインカラム) -3(右カラムに配置されたコンテンツ)-1(左カラムに配置されたコンテンツ)という順番になる。

5、保存ボタンを押す。

 

シーサーブログのサイドカラムを2つとも左側に寄せる方法

1、デザイン⇒HTMLとクリック。

2、以下のHTMLを探して切り取り、テキストエディタに貼り付ける。

<% if:have_content_right -%>
<div id="links">
<% content_right %>
</div>
<% /if -%>

3、以下のHTMLを探す。

<% if:have_content_left -%>
<div id="links-left">
<% content_left %>
</div>
<% /if -%>

4、2のHTMLを3のHTMLの前か後ろに貼り付ける。



サイト内の同タグへのリンク: シーサーブログ  HTML  カラム  テンプレート  カスタマイズ 
他のサイトへのタグリンク : シーサーブログ HTML カラム テンプレート カスタマイズ

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[シーサーブログのカスタマイズ]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/156-ed65be41
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。