2011.12.21
龍のテンプレートのカスタマイズ
anne_12ryu_2c,3c テンプレート
[記事の幅の変更方法]
記事の幅は、510ピクセルから800ピクセルに、変更できます。
ここでは、3カラムの記事を710ピクセルにするやり方を紹介します。
↓ 追記をごらんください。
「テンプレートの設定」→「anne_12ryu_3c」編集
→「スタイルシートの編集」
下記赤文字の数字を
青文字の数字に変更してください。
-------------------------------------------------
レイアウト
-------------------------------------------------
div#container {
width: 1000px;
~
↓
div#container {
width: 1200px;
~
- - - - - - - - - - - - - - - - - - -
div#header {
width: 1000px;
height : 250px;
background : url(http://blog-imgs-45.fc2.com/a/n/n/annebox/12ryu-t1300.gif) no-repeat;
~
↓
div#header {
width: 1200px;
height : 250px;
background : url(http://blog-imgs-45.fc2.com/a/n/n/annebox/12ryu-t1300.gif) no-repeat;
~
- - - - - - - - - - - - - - - - - - -
div#wrapper {
width: 755px;
~
↓
div#wrapper {
width: 955px
(注:2カラムの場合は、この「div#wrapper」の設定はありません。)
- - - - - - - - - - - - - - - - - - -
div#main {
float : right;
width : 510px;
~
↓
div#main {
float : right;
width : 710px;
~
- - - - - - - - - - - - - - - - - - -
div#footer {
clear: both;
padding-top:10px;
width: 1000px;
height : 129px;
~
↓
div#footer {
clear: both;
padding-top:10px;
width: 1200px;
height : 129px;
~
-------------------------------------------------
メイン記事部分の設定
-------------------------------------------------
div.content {
text-align: left;
width: 510;
overflow: hidden;
}
↓
div.content {
text-align: left;
width: 710;
overflow: hidden;
}
-------------------------------------------------
横カレンダー(ヘッド下)の設定
-------------------------------------------------
#xcalender{
width:1000px;
~
↓
#xcalender{
width:1200px;
~
- - - - - - - - - - - - - - - - - - -
html>body #xcalender{
width:980px;
~
↓
html>body #xcalender{
width:1180px;
~
- - - - - - - - - - - - - - - - - - -

教えてください
はじめまして、辰年の年男です。
今年から、龍のテンプレートを使わせていただいています。
とてもかわいくて、かなり好評です。
(来年はどうしようか、今から悩んでいます)
申し訳ありませんが、ちょっとカスタマイズに失敗したようで、以下の現象が出るようになってしまいました。
ブログのホームでは、左サイドに過去の記事がリンクされてしまうようになってしまいました。
ただ、カレンダーをクリックすると元に戻ります。
このような現象で、原因が分かれば教えていただけると助かります。
今年から、龍のテンプレートを使わせていただいています。
とてもかわいくて、かなり好評です。
(来年はどうしようか、今から悩んでいます)
申し訳ありませんが、ちょっとカスタマイズに失敗したようで、以下の現象が出るようになってしまいました。
ブログのホームでは、左サイドに過去の記事がリンクされてしまうようになってしまいました。
ただ、カレンダーをクリックすると元に戻ります。
このような現象で、原因が分かれば教えていただけると助かります。
表示の崩れについて
龍のテンプレートを使ってくださって、ありがとうございます。
申し訳ないのですが、カスタマイズ後のサポートは、行なっておりません。
再度、龍のテンプレートをダウンロードしなおして、
最初からカスタマイズをやり直しては、いかがでしょうか?
どのようなカスタマイズをしたのかも、説明なしでは、
助言のしようもないですし。。(^_^;)
申し訳ないのですが、カスタマイズ後のサポートは、行なっておりません。
再度、龍のテンプレートをダウンロードしなおして、
最初からカスタマイズをやり直しては、いかがでしょうか?
どのようなカスタマイズをしたのかも、説明なしでは、
助言のしようもないですし。。(^_^;)
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます