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

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

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

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


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

スポンサーサイト

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

たんぽぽのテンプレートのカスタマイズ

anne_11spr_2c,3c テンプレート

[記事の幅の変更方法]

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

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






「テンプレートの設定」→「anne_11spr_3c」編集
→「スタイルシートの編集」

下記赤文字の数字を
青文字の数字に変更してください。

-------------------------------------------------
  レイアウト
-------------------------------------------------

div#container {
width: 1000px;

   ↓
div#container {
width: 1200px;


- - - - - - - - - - - - - - - - - - -

div#header {
width: 1000px;
height : 250px;
background : url(http://~/11spr-t1000.jpg) no-repeat;

   ↓
div#header {
width: 1200px;
height : 250px;
background : url(http://~/11spr-t1200.jpg) no-repeat;


- - - - - - - - - - - - - - - - - - -
(2カラムでは、この部分は、ありません。)
div#wrapper {
width: 755px; 

   ↓
div#wrapper {
width: 955px

- - - - - - - - - - - - - - - - - - -

div#main {
float : right;
width : 510px;

   ↓
div#main {
float : right;
width : 710px;


- - - - - - - - - - - - - - - - - - -

div#footer {
clear: both;
width: 1000px;
height : 300px;
background-color : #fff;
background : url(http:~/11spr-f1000.jpg) no-repeat;

   ↓
div#footer {
clear: both;
width: 1200px;
height : 300px;
background-color : #fff;
background : url(http:~/11spr-f1200.jpg) no-repeat;




-------------------------------------------------
  プラグイン3 部分の画像と文字色
-------------------------------------------------

/* -- プラグイン3の上の部分 -- */
.plg3_top {
background : url(http:~/11spr-con11.gif) no-repeat;

   ↓
.plg3_top {
background : url(http:~/11spr-con21.gif) no-repeat;


- - - - - - - - - - - - - - - - - - -

.plg3_1 {
background : url(http:~/11spr-con14.gif);

   ↓
.plg3_1 {
background : url(http:~/11spr-con24.gif);


- - - - - - - - - - - - - - - - - - -

/* -- プラグイン3の本文文字 -- */
.plg3_2 {
background : url(http:~/11spr-con12.gif);

   ↓
.plg3_2 {
background : url(http:~/11spr-con22.gif);


- - - - - - - - - - - - - - - - - - -
/* -- プラグイン3の下の部分 -- */
.plg3_bottom {
background : url(http:~/11spr-con13.gif) no-repeat;

   ↓
.plg3_bottom {
background : url(http:~/11spr-con23.gif) no-repeat;


-------------------------------------------------
  メイン記事部分の設定
-------------------------------------------------

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;

- - - - - - - - - - - - - - - - - - -


Secret

カスタマイズ

FC2カウンター

ブログ内検索

リンク

全記事表示リンク

全ての記事を表示する

あなたの気持ちを。。

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