2コラム(黒背景用)

黒背景用のテンプレートです。お好みのタイトルやアイコンに変更してお使い下さい。

サンプル

◆テンプレ◆
黒背景は、タイトルのフォントの色やカレンダーの色で雰囲気がかなり変わります。
お好みで変更してお使い下さい。(/*記事タイトルの文字指定*/ などの部分)

タイトル背景 760×130

萩と月

日付用アイコン 60×60
(萩と月) a-hagi-tuki.gif
萩

◆ご利用方法◆
下のタグをメモ帳などにコピーし、赤字の2箇所の画像のアドレスを変更してお使い下さい。
例: ● http://ご自分のURLアドレス/minori760-1.jpg

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

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

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

この内容で保存する

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

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

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

@charset "EUC-JP";
/*
-----------------------------------------------------
livedoor Blog CSS
2コラム(黒背景用)
Designed by mugenka
-----------------------------------------------------
*/

body{
color:#fff;
margin:0;
text-align:center;
width:100%;
height:100%;
font-family: verdana ,arial ,sans-serif;
background-color:#000;

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

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

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

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

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

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

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


#container{
width:765px ;
margin:0 auto 0 auto;
text-align:left;
word-break:break-all;
background-color:#000;    /*背景色*/
}

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

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

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

#ad{width:380px;}

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

.blogtitle{     
/*タイトルの文字指定*/
color:#fff;
font-family:serif;
font-size:26px;
font-weight:bold;
padding:40px 0px 0px 30px;
text-align:center;
letter-spacing:2px;
}

.description{      
/*サブタイトルの文字指定*/
color:#fff;
font-size:13px;
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:#000;
text-align:center;
margin-left:25px;
margin-right:10px;
margin-top:20px;
}

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


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


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

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

.title{        
/*記事タイトルの文字指定*/
color:#999933;
font-size:12px;
font-weight:bold;
}

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

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

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

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

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

.comments-head{
color:#fff;
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:#fff;
font-size:11px;
text-align:right;
margin:0 0 25px 0;
}

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

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

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

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

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

label{
font-size:12px;
}

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

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

/*----------------カレンダーの色変更 ここから---------------*/
.calendarhead{
color:#999900;
font-size:11px;
font-weight:bold;
padding:13px 5px 5px 5px;
text-align:center;
}

.calendartable{
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
width:100%;
text-align:center;
background-color:#cccc99;
}

.calendarweek{color:#000;font-size:11px;font-weight:bold;position:center;}
.calendarwd{padding:2px;background:#999933;}
.calendard{color:#fff;empty-cells:show;}
.calendardbg{}

.calendar{
font-size:11px;
padding:1px 1px;
position:center;
}

/*----------------カレンダーの色変更 ここまで---------------*/

.sidetitle{
color:#999933;
font-size:12px;
font-weight:bold;
letter-spacing:2px;
padding:13px 5px 5px 5px;
text-align:center;
}

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

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

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

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

.quotetable{}
.quote{color:#fff;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:#000;}

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


トップページ > サイトメニュー >  ブログ素材 > 2コラム(黒クベース)

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