WELCOME!!

| HOME |

テンプレートa--003

2009.06.24 Wed

テンプレートa--003が共有テンプレートに登録されました!!

ダウンロードはこちらから

テンプレートサンプル画像・サンプルミニバナー

クリックするとサンプルがみられます。

おそろいバナー

バナーへの文字入れはご自身でして下さいね。
(他サイトへ持ち込んでの文字入れはご遠慮下さい。)

文字入れをしてほしい場合は、この記事にコメントしてください^^
(当ブログへのリンク必須です。)

カスタマイズ【２カラム（左）にする】

右側にあるメニューを左側にしたい場合のカスタマイズ方法です。

やり方を２通りご用意しました。
CSSがわかる方は、最初の（CSSを一部書き換える）の方法で、CSSがわからないかたは（全て書き換える）の方法でスタイルシートを書き換えてください。

２カラム（左）にする方法（CSSを一部書き換える）

「A--003 のスタイルシート」の下記部分

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　ナビの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#navi {
width : 250px;
float : right;
text-align : left;
margin : 0;
padding : 0;
}
　　・
　　・
　　・
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　コンテンツの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#content {
width : 550px;
float : left;
text-align : center;
margin : 0;
padding : 0;
}

という部分があります。その部分の赤字を下記赤字のように書き換えてください。

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　ナビの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#navi {
width : 250px;
float : left;
text-align : left;
margin : 0;
padding : 0;
}
　　・
　　・
　　・
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　コンテンツの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#content {
width : 550px;
float : right;
text-align : center;
margin : 0;
padding : 0;
}

プレビューでメニューが左側になっているかご確認ください^^

２カラム（左）にする方法（全て書き換える）

「テンプレートの設定」→A--003の「編集」をクリック。
そこで下方に出てくる「A--003 のスタイルシート編集」を全て削除して下記を貼り付けて「更新」をクリック。

/* --------------------------------------------------------------------------------

ダウンロードしていただきありがとうございます。
sakuranbo*ibu の桜ﾏﾏともうします。

テンプレートのカスタマイズ、画像の入れ替えはご自信で自由にしていただいて構いません。
他の素材屋さんの素材を使われるときは、その素材屋さんのご利用規約に従ってください。
ただし、著作権表示・当ブログへのリンクは消さないでください。

テンプレートの中で使っているweb素材はP-SOZAIにて配布しているものです。
加工、再配布は禁止です。 
著作権は放棄してません。著作権は桜ﾏﾏ、P-SOZAIにあります。

テンプレートのカスタマイズについての質問にはお応えできません。

sakuranbo*ibu：http://sakuranboibu.blog58.fc2.com/
P-SOZAI：http://www.katze.cc/psozai/

-------------------------------------------------------------------------------- */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　全体の詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
html,body {
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_w.gif);
  background-position : 50% 100px;
  background-repeat : repeat-x;
  background-attachment : fixed;
  text-align : center;
  font-size : 12px;
  color : #000000;
  font-family : Tahoma,"MS UI Gothic";
  background-color : #ffffff;
  margin : 0;
  padding-bottom : 10px;
}
div {
  font-size : 12px;
  color : #000000;
  font-family : Tahoma,"MS UI Gothic";
}
a:link,a:visited,a:hover,a:active {
  text-decoration : none;
  color : #ff8080;
}
img {
  border : 0;
  margin : 0;
}
ul {
  text-align : left;
  margin : 0;
  padding-left : 0;
  list-style-type : none;
  text-decoration : none;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　ヘッダー、カレンダーの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#header {
  width : 800px;
  height : 250px;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_header.gif);
  background-position : 50% 0;
  background-repeat : no-repeat;
  margin : 0 auto;
  padding : 0;
}
div.blog_title {
  text-align : left;
  font-size : 20px;
  color : #ffffff;
  margin : 0;
  padding : 50px 180px 0 180px;
}
.blog_title a:link,.blog_title a:visited,.blog_title a:hover,.blog_title a:active {
  text-decoration : none;
  color : #ffffff;
}
div.blog_introduction {
  text-align : right;
  color : #ffffff;
  margin : 0;
 padding : 120px 50px 20px 320px;
}
div#calendar {
  width : 800px;
  text-align : center;
  color : #ffffff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_calendar_w.gif);
  background-position : 50% 0;
  background-repeat : repeat-x;
  background-color : #6666ff;
  padding : 7px 0 5px 0;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　ボディの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#body {
  width : 800px;
  position : relative;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_body_w.gif);
  background-position : 50% 0;
  background-repeat : repeat-y;
  margin : 0 auto;
  padding : 0;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　ナビの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#navi {
  width : 250px;
  float : left;
  text-align : left;
  margin : 0;
  padding : 0;
}
div.navi_title {
  border : solid 1px #6666ff;
  margin : 10px;
  padding : 0;
}
div.navi_body {
  margin : 10px;
  padding : 0 20px 0 20px;
}
h1 {
  font-size : 14px;
  color : #ffffff;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac1.gif);
  background-position : 3px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 10px 10px 10px 35px;
}
p {
  margin : 0;
  padding : 0;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　コンテンツの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#content {
  width : 550px;
  float : right;
  text-align : center;
  margin : 0;
  padding : 0;
}
/* ■■■■■■■■■■エントリー■■■■■■■■■■ */
div.entry_title {
  border : solid 1px #6666ff;
  margin : 10px;
  padding : 0;
}
.entry_title a:link,.entry_title a:visited,.entry_title a:hover,.entry_title a:active {
  text-decoration : none;
  color : #ffffff;
}
h2 {
  font-size : 14px;
  color : #ffffff;
  text-align : left;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac2.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 7px 7px 7px 47px;
}
div.date {
  text-align : right;
  padding-right : 20px;
}
div.entry_body {
  text-align : left;
  padding : 20px;
}
div.entry_footer {
  text-align : right;
  margin : 0 0 30px 0;
  padding-right : 20px;
}
p.more_link {
  margin : 20px;
}
/* ■■■■■■■■■■コメント・トラックバック■■■■■■■■■■ */
div.comment {
  text-align : left;
  margin : 0;
  padding-left : 150px;
}
div.comment_title {
  border : solid 1px #6666ff;
  margin : 10px;
  padding : 0;
}
h3 {
  font-size : 14px;
  color : #ffffff;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac3.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 7px 7px 7px 38px;
}
div.comment_body {
  text-align : left;
  margin : 20px;
  padding : 0;
}
div.comment_footer {
  text-align : right;
  margin : 20px;
  padding : 0;
}
div.comment_form {
  text-align : right;
  margin : 20px;
  padding : 0;
}
h4 {
  font-size : 14px;
  color : #ffffff;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac4.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 7px 7px 7px 38px;
}
/* ■■■■■■■■■■フォーム■■■■■■■■■■ */
input {
  color : #000000;
  font-size : 12px;
  background-color : #ffffff;
  border : 1px solid #6666ff;
}
textarea {
  border : solid 1px #6666ff;
  padding : 5px;
}
input.himitu {
  border : none;
  background-color : #ffffff;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　ページ移動の詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div.entry_navi {
  text-align : center;
  margin : 0 auto;
  padding : 30px 0 30px 0;
}
div.page_navi {
  width : 800px;
  clear : both;
  text-align : center;
  margin : 0 auto;
  padding : 30px 0 30px 0;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　フッターの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#footer {
  width : 800px;
  height : 60px;
  text-align : center;
  color : #ffffff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_footer.gif);
  background-position : 50% 0;
  background-repeat : no-repeat;
  margin : 0 auto;
  padding : 2px 0 0 0;
}
#footer a:link,#footer a:visited,#footer a:hover,#footer a:active {
  text-decoration : none;
  color : #ffffff;
}

全体の文字の行間、文字と文字の間隔を開ける

「スタイルシートの一部を書き換える方法」と「スタイルシート全てを書き換える方法」の２通りの訂正方法をご用意いたしました。

一部を書き換える場合

▽行間については、「line-height」で指定します。
▽文字と文字の間隔を「letter-spacing」を使って指定するとデザインが崩れるので、申し訳ありませんが、フォント自体を変更して対応させていただきますm(_ _*)m

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　全体の詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
html,body {
background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_w.gif);
background-position : 50% 100px;
background-repeat : repeat-x;
background-attachment : fixed;
text-align : center;
font-size : 12px;
color : #000000;
font-family : Tahoma,"MS UI Gothic";
background-color : #ffffff;
margin : 0;
padding-bottom : 10px;
}
div {
font-size : 12px;
color : #000000;
font-family : Tahoma,"MS UI Gothic";
}

上記を下記のように書き換えます。（青い部分はなくなります。）

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　全体の詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
html,body {
background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_w.gif);
background-position : 50% 100px;
background-repeat : repeat-x;
background-attachment : fixed;
text-align : center;
font-size : 12px;
color : #000000;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", sans-serif;
background-color : #ffffff;
margin : 0;
padding-bottom : 10px;
}
* {
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", sans-serif;
line-height: 21px;
}
div {
font-size : 12px;
color : #000000;
}

スタイルシート全てを書き換える場合（初心者向け）

「A--003 のスタイルシート」を全て削除し、下記をコピペしてください。

/* --------------------------------------------------------------------------------

ダウンロードしていただきありがとうございます。
sakuranbo*ibu の桜ﾏﾏともうします。

テンプレートのカスタマイズについての質問にはお応えできません。

sakuranbo*ibu：http://sakuranboibu.blog58.fc2.com/
P-SOZAI：http://www.katze.cc/psozai/

-------------------------------------------------------------------------------- */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　全体の詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
html,body {
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_w.gif);
  background-position : 50% 100px;
  background-repeat : repeat-x;
  background-attachment : fixed;
  text-align : center;
  font-size : 12px;
  color : #000000;
  font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  background-color : #ffffff;
  margin : 0;
  padding-bottom : 10px;
}
* {
  font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 21px;
}
div {
  font-size : 12px;
  color : #000000;
}
a:link,a:visited,a:hover,a:active {
  text-decoration : none;
  color : #ff8080;
}
img {
  border : 0;
  margin : 0;
}
ul {
  text-align : left;
  margin : 0;
  padding-left : 0;
  list-style-type : none;
  text-decoration : none;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　ナビの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#navi {
  width : 250px;
  float : right;
  text-align : left;
  margin : 0;
  padding : 0;
}
div.navi_title {
  border : solid 1px #6666ff;
  margin : 10px;
  padding : 0;
}
div.navi_body {
  margin : 10px;
  padding : 0 20px 0 20px;
}
h1 {
  font-size : 14px;
  color : #ffffff;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac1.gif);
  background-position : 3px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 10px 10px 10px 35px;
}
p {
  margin : 0;
  padding : 0;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　　コンテンツの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#content {
  width : 550px;
  float : left;
  text-align : center;
  margin : 0;
  padding : 0;
}
/* ■■■■■■■■■■エントリー■■■■■■■■■■ */
div.entry_title {
  border : solid 1px #6666ff;
  margin : 10px;
  padding : 0;
}
.entry_title a:link,.entry_title a:visited,.entry_title a:hover,.entry_title a:active {
  text-decoration : none;
  color : #ffffff;
}
h2 {
  font-size : 14px;
  color : #ffffff;
  text-align : left;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac2.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 7px 7px 7px 47px;
}
div.date {
  text-align : right;
  padding-right : 20px;
}
div.entry_body {
  text-align : left;
  padding : 20px;
}
div.entry_footer {
  text-align : right;
  margin : 0 0 30px 0;
  padding-right : 20px;
}
p.more_link {
  margin : 20px;
}
/* ■■■■■■■■■■コメント・トラックバック■■■■■■■■■■ */
div.comment {
  text-align : left;
  margin : 0;
  padding-left : 150px;
}
div.comment_title {
  border : solid 1px #6666ff;
  margin : 10px;
  padding : 0;
}
h3 {
  font-size : 14px;
  color : #ffffff;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac3.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 7px 7px 7px 38px;
}
div.comment_body {
  text-align : left;
  margin : 20px;
  padding : 0;
}
div.comment_footer {
  text-align : right;
  margin : 20px;
  padding : 0;
}
div.comment_form {
  text-align : right;
  margin : 20px;
  padding : 0;
}
h4 {
  font-size : 14px;
  color : #ffffff;
  border : solid 1px #ffffff;
  background-color : #6666ff;
  background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_ac4.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin : 0;
  padding : 7px 7px 7px 38px;
}
/* ■■■■■■■■■■フォーム■■■■■■■■■■ */
input {
  color : #000000;
  font-size : 12px;
  background-color : #ffffff;
  border : 1px solid #6666ff;
}
textarea {
  border : solid 1px #6666ff;
  padding : 5px;
}
input.himitu {
  border : none;
  background-color : #ffffff;
}

スポンサーサイト

テンプレートa--006 | HOME | 水草付き流木＆水草付き石が届きました♪

Comment

no subject

これって使いたいんですけど・・・・。だめですか？？
あと、さくらんぼのもほしいんですけどだねですか？
もしいいならよくやり方がわからないのでお願いしますｗｗ

NM3Acles | ゆりぇ | URL | 2009.06.26(Fri) 20:44:44 | [EDIT] | top↑ |

Re: no subject

ゆりぇさん

ご自由にお使いください。^^
FC2ブログにログインして、記事の「ダウンロードはこちらから」からダウンロードしてお使いください♪
さくらんぼの方も、さくらんぼのテンプレートの記事の「ダウンロードはこちらから」からダウンロードしてください。

FC2ブログの登録がまだでしたら、右側メニューの「リンク」にある「無料レンタルブログ FC2BLOG」のバナーから登録してくださいね。
登録は簡単ですよ^^

- | 桜ﾏﾏ | URL | 2009.06.27(Sat) 22:46:46 | [EDIT] | top↑ |

質問です

桜ﾏﾏさん　はじめまして
こちらのテンプレートが共有テンプレートに登録されてからすぐに使い始めさせていただきました。私のブログの読者の方にもとても好評で、私自身もとても気に入って使用させていただいています。どうもありがとうございます。
一つカスタマイズについて教えていただきたいことがあります。
　＊本文とコメント欄の行間と文字間隔を変えるのはどうしたらいいのでしょうか？
私はブログの本文を長く書くもので、今のままの設定だと文字がぎっしり詰まりすぎていて少々読みにくい印象があります。そこで行間隔と文字間隔を少し広く取りたいと思っていますがやり方がわかりません。ご指導いただけると幸いです。
桜ﾏﾏさんのブログの本文とコメント欄位の行間隔と文字間隔が理想です。
どうぞよろしくお願いします。

- | 龍児 | URL | 2009.08.05(Wed) 16:49:36 | [EDIT] | top↑ |

龍児さんへ

２～３日中にこの記事に「本文とコメント欄位の行間隔と文字間隔」の変更方法を追加で記載させていただきます。
ご不便おかけしますが、もう暫くお待ち下さいm(_ _)m

J7S1TTU6 | 桜ﾏﾏ | URL | 2009.08.05(Wed) 23:54:41 | [EDIT] | top↑ |

no subject

はじめまして
ありがたくもここ最近このテンプレート使わせてもらっているものです、こんにちわ！
実は、今日公開されたChrome3.5で文字化けして見れなくなってしまいました。とても、気に入っていたテンプなんで、もしよろしければ確認＆対応よろしくお願いいたします。

- | skaG | URL | 2009.08.06(Thu) 14:35:45 | [EDIT] | top↑ |

skaGさんへ

当ブログでテンプレートを作る際は、下記ブラウザでしか確認をしておりません。
【IE6、IE7、Firefox3.0、Opera9】
あまり、ブラウザには詳しくないおですが、、、
Chrome3.5をダウンロードして確認してみようと思いましたが、、、ダウンロードページがわかりませんでした。
教えていただけますか？
全てを書き換えなくてはならないようでしたら、申し訳ありませんが対応できません＞＜
少しの訂正ですむのであれば、対応させていただきます^^

J7S1TTU6 | 桜ﾏﾏ | URL | 2009.08.07(Fri) 11:12:24 | [EDIT] | top↑ |

no subject

先に訂正させていただきます。
上のコメでのChrome3.5→3.0です、すいません^^;
私はメインブラウザでFireFox3.5を使っているんですが、
そのブラウザではまったく問題なく使えています。
ただ、クロムだけではなくほかのSAFARIなんかでも同じ症状出ていますので、おそらくブラウザエンジンが対応していないと思われます。（ここではWebkitといわれるエンジンです）（ttp://www.google.com/intl/en/landing/chrome/beta/）一応こちらでダウンロードできますのでお試しください。僕もド素人なんでまったくアドバイスできませんが・・・・

- | skaG | URL | 2009.08.07(Fri) 17:05:35 | [EDIT] | top↑ |

no subject

ついでに、すいません。
もしよかったらうちのblogにどんな風になったか
ScreenShotのしてるんで見てください^^
skaG Blogで検索すると出てくると思うので。

- | skaG | URL | 2009.08.07(Fri) 17:08:48 | [EDIT] | top↑ |

ありがとうございました

説明の通りにやってうまく行きました。
今までよりも大分読みやすくなり、大満足です。
これからもどうぞよろしくお願いします。

- | 龍児 | URL | 2009.08.07(Fri) 21:48:12 | [EDIT] | top↑ |

Macで正しく表示されないようです

桜ﾏﾏさん　こんにちは
先日は行間隔の変え方についてご指導いただき、ありがとうございました。
先日、ブログの読者の方からブログが正しく表示されていないとの指摘を頂きました。ミクシィとブログ記事でみなさんにはどのように見えているのかを聞いた所、以下のような回答を頂きました。
MacやIE以外のブラウザーでも正しく表示できるように対応していただくことは可能でしょうか？このテンプレートをとても気に入っているので、手放すのが惜しいんです。

読者の方の回答のいくつかです。
1.　まったく問題なく表示されております。ちなみに僕のパソコンはWindows XP搭載のVAIOです。
2.　一部のブラウザで表示が崩れるようです。
（ブラウザは、Safari と IE 以外は最新のものを使用しています）
OS は Windows Vista Home Premium です。
表示が崩れないブラウザ
　IE 8
表示が崩れるブラウザ
　Firefox 3.5
　Google Chrome 2
　Safari 4
　Opera 9.6
表示の崩れ方（？）からするとスタイルシートが一因なのかも。たぶん(汗)。
3.　FireFox v.3.0.13ですが…
因みに見れないのは本文のみ。レインボーやカレンダー、過去日記のリンクは見えてます。けど、そのリンクをクリックしても本文は出てきません。
…と思ったら～、よ～く見ると下の方～に本文も画像もありました。ただ、レイアウトはベタ打ちみたいな感じになってます。読めないワケじゃないけど、多分龍児さんはこんなレイアウトは望んじゃいないだろ～な～、って感じです。ちょっと前まではちゃんと表示されてたんで、多分、FireFoxとのバージョン不適合でしょうかね。因みに、Mac版Safariでも同じです。
4.　Mac OS10.4.11で、Safariで見てますが、他のMacユーザーさんと同じように、レインボウの帯が画面上に鎮座していて、それに重なってまずデータみたいなのがスクロール、本文がかなり下から始まります。レイアウトは明らかにオリジナルから崩れています。
5.　私の使用しているのはウィンドウズxp　ですが、やっぱりレイアウトが壊れていたんですね。右側のコラムのいちばん下までスクロールしてやっと記事が出てきます。ちなみに私はグーグルフィードに登録して読んでいます。こんなものなのかなと読んでいました。もちろん正しくレイアウトが反映されれば、ずっと読みやすくなります。

よろしくお願いします。

- | 龍児 | URL | 2009.08.12(Wed) 23:41:44 | [EDIT] | top↑ |

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

| | | 2012.03.21(Wed) 09:05:52 | [EDIT] | top↑ |

12/03/21書き込みの秘密コメントさんへ

> Firefoxで見ると大丈夫なのですが、なぜか、IEで見ると、
> 本文記事の部分が、下に、ずずずっと落ちてしまっています。

とのことですが、私が使っているPC（IE）だと問題なく使えるのですが、、、
なぜでしょう？？

横幅の大きい画像をのせていませんでしょうか？
デザインで指定している幅より大きい画像を貼ったり、
画像を横並びに貼って横幅を使うと記事部分が下に落ちてしまいます。
ご確認をお願いいたします^^

- | 桜ﾏﾏ | URL | 2012.03.22(Thu) 19:26:35 | [EDIT] | top↑ |

Trackback

http://sakuranboibu.blog58.fc2.com/tb.php/25-72539db9

テンプレートについてRe: テンプレートお借りしましたコメントありがとうございます♪

全然下手ではないです！
このテンプレートをあんなに素晴らしく生まれ変わらせていただき光栄です^^
どんどん素晴らしいものに変身さ桜ﾏﾏ６×ウーパールーパーの性別12/09/27 秘密コメントさんへコメントありがとうございます！
お返事が遅くなり申し訳ありません＞＜

約5-6センチのウパちゃんが、来た時からエラがフサフサしてなく、
エサも食べなくて見る見る桜ﾏﾏ遊園地とパールーンショートボディ♪のんさんへコメントありがとうございます。
お返事がおそくなり申し訳ありません＞＜

1ペアの繁殖から1～数匹くらいショートタイプが出ますが、
ご存知とは思いますが、奇形です桜ﾏﾏ謎のスーパーブラック！ﾌﾟﾙﾒﾘｱさんへこちらこそ、かなりお久しぶりです^^
もちろん覚えています！！
私の方こそ忘れられていないか不安ですが、、、(^ ^;)

スーパーブラックちゃんですか！
もう大きくな桜ﾏﾏテンプレートa--008大野さんへコメントありがとうございます。
また、お返事がおそくなりもうしわけありません。

このテンプレートですが、
私自信も長く使っておりましたが、そのようなことは一度桜ﾏﾏ【ウーパールーパー】繁殖行動りょうたさんへコメントありがとうございます！
お返事おそくなりました＞＜

そろそろウパ達の恋の時期になりましたね♪
我が家は今年どうするか検討中です^^桜ﾏﾏテンプレートについてテンプレートお借りしましたFC2でテンプレートをお借りしましたので、ご挨拶にまいりました。
下手ながら少しカスタムしてみたのですが、
「こんなに変えたらダメ！」
と思われましたら、おっしゃmaya

カテゴリ

バナーリンク

リンク

FC2ブックマーク

最近の記事＋コメント

最新トラックバック

月別アーカイブ

RSSリンクの表示

ＱＲコード

桜ﾏﾏのTweet

YAHOO! オークション

検索フォーム

テンプレート案内

プロフィール

水槽紹介

楽天ショッピング

うぱ∋σ..σ∈ 紹介

テンプレートa--003

テンプレートサンプル画像・サンプルミニバナー

おそろいバナー

カスタマイズ【２カラム（左）にする】

２カラム（左）にする方法（CSSを一部書き換える）

２カラム（左）にする方法（全て書き換える）

全体の文字の行間、文字と文字の間隔を開ける

一部を書き換える場合

スタイルシート全てを書き換える場合（初心者向け）

Comment

Trackback

カテゴリ

バナーリンク

リンク

FC2ブックマーク

最近の記事＋コメント

最新トラックバック

月別アーカイブ

RSSリンクの表示

ＱＲコード

桜ﾏﾏのTweet

YAHOO! オークション

検索フォーム

テンプレート案内

プロフィール

水槽紹介

楽天ショッピング

うぱ∋σ..σ∈ 紹介

テンプレートa--003

テンプレート サンプル画像・サンプルミニバナー

おそろいバナー

カスタマイズ【２カラム（左）にする】

２カラム（左）にする方法（CSSを一部書き換える）

２カラム（左）にする方法（全て書き換える）

全体の文字の行間、文字と文字の間隔を開ける

一部を書き換える場合

スタイルシート全てを書き換える場合（初心者向け）

Comment

Trackback

テンプレートサンプル画像・サンプルミニバナー