テンプレートa--006

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

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

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

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

　

おそろいバナー

　

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

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

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

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

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

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

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

/* -----レイアウト
------------------------------------------------------------ */
　　・
　　・
div#navi {
width: 230px;
float: right;
margin: 0;
padding: 0;
}

div#content {
width: 550px;
float: left;
margin: 0;
padding: 0;
}

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

/* -----レイアウト
------------------------------------------------------------ */
　　・
　　・
div#navi {
width: 230px;
float: left;
margin: 0;
padding: 0;
}

div#content {
width: 550px;
float: right;
margin: 0;
padding: 0;
}

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

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

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

/* -------------------------------------------------------------------------------- ダウンロードしていただきありがとうございます。 sakuranbo*ibu の桜ﾏﾏともうします。 テンプレートのカスタマイズ、画像の入れ替えはご自信で自由にしていただいて構いません。 他の素材屋さんの素材を使われるときは、その素材屋さんのご利用規約に従ってください。 ただし、著作権表示・当ブログへのリンクは消さないでください。 テンプレートの中で使っているweb素材はP-SOZAIにて配布しているものです。 加工、再配布は禁止です。 著作権は放棄してません。著作権は桜ﾏﾏ、P-SOZAIにあります。 テンプレートのカスタマイズについての質問にはお応えできません。 sakuranbo*ibu：http://sakuranboibu.blog58.fc2.com/ P-SOZAI：http://www.katze.cc/psozai/ ★各設定・レイアウト★ -------------------------------------------------------------------------------- */ /* -----全体 -------------------------------------------------------------------------------- */ body { text-align: center; color: #808080; font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; font-size: 13px; background-color: #ffffff; margin: 0 auto; padding: 0; } * { line-height: 1.6; font-size: 100%; } img { border: 0; margin: 0; } ul { text-align: left; margin: 0; padding-left: 0; list-style-type: none; text-decoration: none; } h1 { height : 35px; font-size: 90%; background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/006_navi.gif); background-position: 0 50%; background-repeat: no-repeat; margin: 0 0 5px 0; padding: 7px 0 0 15px; } p.plugin { margin: 5px 5px 20px 10px; padding: 0; } h2 { height : 35px; font-size: 105%; background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/006_cont.gif); background-position: 0 50%; background-repeat: no-repeat; margin: 0 0 5px 0; padding: 7px 0 0 35px; } h3 { background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/006_navi.gif); background-position: 0 50%; background-repeat: no-repeat; margin: 5px 0 0 0; padding: 0 0 0 15px; } /* -----リンク -------------------------------------------------------------------------------- */ a { color: #c0c0c0; text-decoration: none; } a:hover { color: #efefef; } #blog_title a:link,#blog_title a:visited,#blog_title a:hover,#blog_title a:active { text-decoration: none; border-bottom: none; color: #808080; } #footer a:link,#footer a:visited,#footer a:hover,#footer a:active { text-decoration : none; border-bottom: none; color: #808080; } /* -----フォーム -------------------------------------------------------------------------------- */ input { color: #808080; background-color: #ffffff; border: 1px solid #3e3e3e; } textarea { color: #808080; border: solid 1px #3e3e3e; padding: 5px; } input.box { border: none; background-color: #ffffff; } /* -----レイアウト -------------------------------------------------------------------------------- */ div#all { width: 800px; text-align: left; margin: 0 auto; padding: 0; } .clear { clear: both; } div#header { width: 800px; height : 195px; letter-spacing: 0.1em; text-align: left; background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/006_header.gif); background-position: 0 50%; background-repeat: no-repeat; margin: 0 auto; padding:0; } div#blog_title { text-align: right; font-size: 200%; margin: 0; padding-top: 30px; padding-right: 30px; padding-bottom: 0; padding-left: 30px; } div#blog_introduction { text-align: left; font-size: 50%; margin: 0; padding-top: 20px; padding-right: 30px; padding-bottom: 55px; padding-left: 80px; } div#main { width: 800px; background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/006_body.gif); background-position: 0 50%; background-repeat: repeat-y; margin: 0; padding: 0; } div#navi { width: 230px; float: left; margin: 0; padding: 0; } div#content { width: 550px; float: right; margin: 0; padding: 0; } div#footer { width: 800px; height : 115px; background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/006_footer.gif); background-position: 0 50%; background-repeat: no-repeat; margin: 0 auto 10px auto; padding: 0; } div#footer_text { width: 800px; letter-spacing: 0.1em; text-align: center; font-size: 85%; margin: 0; padding-top: 52px; padding-right: 0; padding-bottom: 0; padding-left: 0; } /* -----各設定 -------------------------------------------------------------------------------- */ div.plugin { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 20px; } div#content_area { padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 0; } div.entry { margin: 0 0 20px 0; padding: 0; } div.date { text-align: right; font-size: 85%; } div.entry_body { text-align: left; margin: 30px 20px; padding: 0; } p.more_link { margin : 20px; } div.entry_foot { text-align: right; font-size: 85%; margin-bottom: 50px; } div.text_area { text-align: left; margin: 10px; padding: 0; } div.text_foot { text-align: right; font-size: 85%; } div.comment { text-align: left; margin: 20px; padding: 0 0 0 70px; } div.comment_form { text-align: right; margin: 20px; padding: 0 50px 0 70px; } div.entry_navi { text-align: center; font-size: 90%; margin: 30px; } div.page_navi { clear: left; text-align: center; font-size: 90%; margin: 20px 0 0 0; }