2コラム(壁紙背景タイプ)

淡い色の壁紙を選んで、差し替えてお使い下さい。

サンプル


◆テンプレ使用素材◆

タイトル背景 760×130 hagi_usagi760-1.jpg

萩とうさぎ

壁紙 1000×182(サイズはどのサイズでも可能です)

萩

シンプルにするなら、こちらの壁紙(和風素材の通年に色違いがあります)


メニュー用アイコン 179×30 日付用アイコン 57×45
(うさぎ)l-usagi.jpg (うさぎと萩) a-usagi.gif
うさぎ うさぎ
◆ご利用方法◆
下のタグをメモ帳などにコピーし、赤字の4箇所の画像のアドレスを変更してお使い下さい。
例: ● http://ご自分のURLアドレス/minori760-1.jpg

画像をアップロードします。

テンプレートのシンプルから2カラムを選び(Blue Safari など)、デザインを変更して「すべてのページ」を再構築ます。

「スタイルシート(CSS)」のタグを全て消して、
画像のアドレスを修正したタグを、コピー&貼り付けをします。

この内容で保存する

ブログに設定を反映(再構築)

※3コラムから2コラムに変更した時は、プラグインの位置を修正します。

◆下のタグの簡単なコピーのしかた◆
下のタグの最初の文字の前でクリックし、そのまま画面をスクロールして最後の文字の後を「Shift」を押しながら
クリックします。タグが黒く反転したら、右クリックでコピーし、メモ帳などに右クリック・貼り付けします。
Macユーザーさんは「コマンド+C」でコピー、「コマンド+V」でペーストして下さい。

●壁紙・タイトル背景にあわせて、記事の背景色を変更してお使い下さい。
background:#dfe8ee;  /*記事BOXの背景色*/

@charset "EUC-JP";
/*
-----------------------------------------------------
livedoor Blog CSS
2コラム(壁紙タイプ)
Designed by mugenka
-----------------------------------------------------
*/

body{
color:#666;
margin:0;
text-align:center;
width:100%;
height:100%;
font-family: verdana ,arial ,sans-serif;
background:url(
http://○○○○○○○/hagi-1000-3.jpg) repeat-y 50% 0;   /*背景壁紙*/

/*スクロールバーの色指定*/
  scrollbar-arrow-color:#ffffff; 
  scrollbar-base-color:#ffffff;   
  scrollbar-face-color:#bfd0dd;  
  scrollbar-highlight-color:#ffffff; 
  scrollbar-3d-light-color:#dfe8ee; 
  scrollbar-shadow-color:#fd0dd;}  

a{color:#666;text-decoration:underline;}
a:link{color:#608aaa;text-decoration:underline;}
a:visited{text-decoration:underline;}
a:active{}
a:hover{color:#68b6ea;text-decoration:none;}

a.acalendar{color:#666;text-decoration:none; background-color:#7f98d4}
a.acalendar:link{color:#666;text-decoration:none;}
a.acalendar:visited{text-decoration:none;}
a.acalendar:active{}
a.acalendar:hover{color:#608aaa; text-decoration:underline; background-color:#7f98d4}

a.acontinues{color:#666;text-decoration:underline;}
a.acontinues:link{color:#68b6ea;text-decoration:underline;}
a.acontinues:visited{text-decoration:underline;}
a.acontinues:active{}
a.acontinues:hover{color:#68b6ea;text-decoration:none;}

a.amenu{color:#68b6ea;text-decoration:underline;}
a.amenu:link{color:#68b6ea;text-decoration:underline;}
a.amenu:visited{text-decoration:underline;}
a.amenu:active{}
a.amenu:hover{color:#68b6ea;text-decoration:none;}

a.aposted{color:#666;text-decoration:underline;}
a.aposted:link{color:#68b6ea;text-decoration:underline;}
a.aposted:visited{text-decoration:underline;}
a.aposted:active{text-decoration:underline;}
a.aposted:hover{color:#68b6ea;text-decoration:none;}

a.atrackback-post{color:#666;text-decoration:underline;}
a.atrackback-post:link{color:#68b6ea;text-decoration:underline;}
a.atrackback-post:visited{text-decoration:underline;}
a.atrackback-post:active{text-decoration:underline;}
a.atrackback-post:hover{color:#68b6ea;text-decoration:none;}

#container{
width:765px ;
margin:0 auto 0 auto;
text-align:left;
word-break:break-all;
background-color:#transparent;  
}

#banner,#subbanner{
background:url(
http://○○○○○○○/hagi_usagi760-1.jpg) no-repeat fixed 50% 0;     /*タイトル背景画像*/
width:765px;
height:130px;
}

#banner a{color:#608aaa;text-decoration:none;}
#banner a:link{color:#608aaa;text-decoration:none;}
#banner a:visited{text-decoration:none;}
#banner a:active{}
#banner a:hover{color:#608aaa;text-decoration:underline;}

#subbanner a{color:#666;text-decoration:none;}
#subbanner a:link{color:#608aaa;text-decoration:none;}
#subbanner a:visited{text-decoration:none;}
#subbanner a:active{}
#subbanner a:hover{color:#608aaa;text-decoration:underline;}

#ad{width:380px;}

h1,h2,h3{margin:0;padding:0;}

.blogtitle{
color:#608aaa;
font-family:serif;
font-size:30px;
font-weight:bold;
padding:40px 0px 0px 30px;
text-align:center;
letter-spacing:2px;
}

.description{
color:#608aaa;
font-size:14px;
font-weight:bold;
padding:0 20px 10px 30;
text-align:center;
letter-spacing:2px;
}


#content{
width:546px;
float:right;
}


#links{
position:absolute;
width:179px;
float:left;
background:#fff;
text-align:center;
margin-left:25px;
margin-right:10px;
margin-top:20px;
}

.blog{
padding:20px 23px 20px 23px;
}


.date{
color:#608aaa;
font-size:12px;
font-weight:bold;
padding:30px 5px 10px 5px;
text-align:left;
text-indent:15mm;
background:url(
http://○○○○○○○/a-usagi.gif) no-repeat left bottom;   /*記事日付バナー*/
}

.blogbody{
padding:10px 10px 10px 10px;
margin-bottom:10px;
fopacity:0.35;
background:
 #dfe8ee ;  /*記事BOXの背景色*/
width:100%;
}

.title{
color:#7f9bd4;
font-size:12px;
font-weight:bold;
}

.main{
font-size:12px;
line-height:135%;
margin:15px 0 15px 0px;
color:#444;
}

.main-continues{
font-size:12px;
}

.posted{
color:#444;
font-size:11px;
text-align:right;
margin:0 0 5px 0;
}

a.aposted{color:#68b6ea;text-decoration:underline;}
a.aposted:link{color:#68b6ea;text-decoration:underline;}
a.aposted:visited{color:#68b6ea;text-decoration:underline;}
a.aposted:active{}
a.aposted:hover{color:#68b6ea;text-decoration:none;}

.menu{
color:#000;
font-size:11px;
text-align:center;
}

.comments-head{
color:#000;
font-size:12px;
font-weight:bold;
padding:0 0 0 0px;
height:10px;
}

.comments-body{
font-size:12px;
line-height:135%;
margin:20px 0 15px 13px;
}

.comments-post{
color:#444;
font-size:11px;
text-align:right;
margin:0 0 25px 0;
}

.trackback-url{
color:#7f9bd4;
font-size:12px;
margin:20px 0 15px 13px;
}

.trackback-body{
font-size:12px;
line-height:135%;
margin:20px 0 15px 13px;
}

.trackback-post{
color:#444;
font-size:11px;
text-align:right;
margin:0 0 25px 0;
}

a.atrackback-post{color:#68b6ea;text-decoration:underline;}
a.atrackback-post:link{color:#68b6ea;text-decoration:underline;}
a.atrackback-post:visited{color:#68b6ea;text-decoration:underline;}
a.atrackback-post:active{}
a.atrackback-post:hover{color:#68b6ea;text-decoration:none;}

table.form{margin:25px 0 0 13px;}

label{
font-size:12px;
}

#author{width:200px;border:1px solid #93a5e6;}
#email{width:200px;border:1px solid #93a5e6;}
#url{width:200px;border:1px solid #93a5e6;}
#text{width:500px;height:200px;border:1px solid #93a5e6;}

.pagetop{
font-size:11px;
text-align:right;
margin:5px 0 25px 0;
}

.calendarhead{
color:#666;
font-size:12px;
font-weight:bold;
text-align:center;
padding:5px 0 5px;
background:url() no-repeat 50% 0%;
}

.calendarhead a:link{color:#666;}
.calendarhead a:visited{color:#666;}
.calendarhead a:active{color:#666;}
.calendarhead a:hover{color:#666;text-decoration:none;}

.calendarpre,.calendarnext{
font-size:11px;
}

.caltop{}
.calbody{}
.caltbl{
width:170px;
margin:0 auto 30px;
border:solid #e3dac3;
border-width:1px 0px 0px 1px;
}

.caltblwkbg{}
.caltblwk{
color:#fff;
font-size:12px;
}
.caltblwk td{
padding:3px 0;
text-align:center;
background:#426fae;
border:solid #e3dac3;
border-width:0 1px 1px 0;
}

.weekday{}
.sun{}
.sat{}

.caltbldaybg{}

.caltblday{
font-size:11px;
color:#000;
}

.caltblday td{
text-align:center;
padding:3px 0px;
background:#fff;
border:solid #e3dac3;
border-width:0 1px 1px 0;
}

.calon{}
.caloff{}

.caltblday a:link{color:#233a58;font-weight:bold;}
.caltblday a:visited{color:#233a58;font-weight:bold;}
.caltblday a:active{color:#233a58;font-weight:bold;}
.caltblday a:hover{color:#233a58;font-weight:bold;text-decoration:none;}
.calbottom{}


.sidetitle{
color:#7f9bd4;
font-size:12px;
font-weight:bold;
letter-spacing:2px;
padding:20px 5px 10px 5px;
text-align:center;
background:url(
http://○○○○○○○/l-usagi.jpg) no-repeat center bottom;   /*メニュー用バナー画像*/
}

.side{
font-size:12px;
line-height:135%;
text-align:left;
margin:0 0 10px 0;
padding:5px;
}

a.aside{color:#68b6ea;text-decoration:underline;}
a.aside:link{color:#68b6ea;text-decoration:underline;}
a.aside:visited{color:#68b6ea;text-decoration:underline;}
a.aside:hover{color:#68b6ea;text-decoration:none;}

a.arss{color:#68b6ea;text-decoration:underline;}
a.arss:link{color:#68b6ea;text-decoration:underline;}
a.arss:visited{color:#68b6ea;text-decoration:underline;}
a.arss:active{}
a.arss:hover{color:#68b6ea;text-decoration:none;}

.photo{text-align:center;}
.nickname{color:#68b6ea;font-size:11px;font-weight:bold;margin:10px 0;}
.message{font-size:11px;}

.quotetable{}
.quote{color:#7f9bd4;font-size:11px;padding:1px;}

.blogtimes{margin:0 0 15px 0;text-align:center;}

.powered{
text-align:center;
margin:0 0 10px 0;
}

.syndicate{
font-size:11px;
text-align:center;
}
.checkers{
font-size:11px;
margin-top:10px;
}

a.adtitle{text-decoration:underline;}
a.adtitle:link{text-decoration:underline;}
a.adtitle:visited{text-decoration:underline;}
a.adtitle:active{text-decoration:underline;}
a.adtitle:hover{text-decoration:underline;}

a.addescription{color:black;text-decoration:none;}
a.addescription:link{color:black;text-decoration:none;}
a.addescription:visited{color:black;text-decoration:none;}
a.addescription:active{color:black;text-decoration:none;}
a.addescription:hover{color:black;text-decoration:none;}

a.adurl{color:blue;text-decoration:none;}
a.adurl:link{color:blue;text-decoration:none;}
a.adurl:visited{color:blue;text-decoration:none;}
a.adurl:active{color:blue;text-decoration:none;}
a.adurl:hover{color:blue;text-decoration:none;}

a.adld{text-decoration:underline;}
a.adld:link{text-decoration:underline;}
a.adld:visited{text-decoration:underline;}
a.adld:active{text-decoration:underline;}
a.adld:hover{text-decoration:underline;}
body.ad{background:#fff;}

文章・テンプレートの無断使用・転載は一切禁止


トップページ > サイトメニュー >  ブログ素材 > 2コラム(壁紙タイプ)

季節の素材 夢幻華亭
Copyrightc(c) mugenka_tei All Rights Reserved since 2003