無料ブログ作成ならJUGEM(ジュゲム)

ホーム

ホーム > ブログデザイン一覧 > ユーザー作成テンプレート「utf」 >

テンプレート簡単ダウンロード機能について: JUGEMのログイン情報を入力して「ダウンロード」ボタンをクリックするだけで、テンプレートのストックに追加することができます。
テンプレートHTML・CSSについて: 公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について: 弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。

テンプレート名 : 夜にふられても

テンプレートイメージ表示ページへ戻る

テンプレート簡単ダウンロード機能を使う

以下のフォームにログイン情報を入力すると簡単にダウンロードできるようになります。

HTML・CSSをコピーして使う

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<body onload="javascript:initval();">
<a name="top"></a>
<div id="layout">


<TABLE width="600" height="260"><tr><TD class="img" valign="bottom">
<div id="blog_name">{blog_name}</div>
</TD></tr></TABLE>
<div style="width:600px;height:210px;overflow:auto;border:none;">

<div class="entry">
<TABLE width="580" border="0">
<tr><TD>
<div class="entry_date">{entry_date}</div>
</TD></tr>
<tr><TD>
<div class="entry_title">{entry_title}</div>
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
</TD></tr>
<tr><TD>
<div class="entry_other">*{category_name}</div>
</TD></tr>
</TABLE>
</div>

</div>

<div class="calendar">
{calendar_horizontal}
</div>

<br>
<div class="copyright">{copyright}<br>
Template by.<a href=http://jtem.jugem.jp/>Blog Apartment＠JUGEM</a><br>Photo by.<a href=http://www.lcb-brand.com/>LCB BRAND</a></div>

<br>
{ad}

<div class="entry">
<div class="entry_body">{profile_description}</div>
</div>

CSS

* { margin : 0 ; padding : 0 ;}

.img {background-image:url(http://img-cdn.jg.jugem.jp/2b6/314902/20061103_13050.jpg);
      background-repeat: no-repeat;
      background-attachment:fixed;
      background-position: 100% 0%;
}

html {
scrollbar-3dlight-color    : black ;
scrollbar-arrow-color      : #797B6F ;
scrollbar-base-color       : black ;
scrollbar-darkshadow-color : black ;
scrollbar-highlight-color  : #999999 ;
scrollbar-shadow-color     : #999999 ;
scrollbar-track-color      : black ;
}

body {
background-color : black ;
background-image : url() ;
text-align       : center ;
padding-top      :10px;
}

#title {
text-align       : center ;
}

#blog_name{
font-size        : 20px ;
margin-left      : 5px ;
font-weight      : bolder ;
font-family      :"Arial Black";
}
#blog_name a       { color : #FFFFFF ; text-decoration : none ;}
#blog_name a:hover { color : #666666 ; text-decoration : underline ;}

div {
font-family      : "Verdana","Osaka" ;
font-size        : 10px ;
color            : #888878 ;
text-align       : left ;
}

a       { color : #cccccc ; text-decoration : none ;}
a:hover { color : #666666 ; text-decoration : underline ;}

/* レイアウト -------------------- */

#layout { width : 580px ;}

/* メイン -------------------- */

/* エントリー */
.entry {
width:350px;
margin:  0px 0px 50px 0px;
}

.entry_date {
color            :#797b6F;
font-weight      : bold ;
font-size        : 12px ;
font-weight      : bold ;
padding-top      : 10px ;
padding-bottom   : 10px ;
padding-left     : 5px ;
border-bottom    : dashed #797B6F 1px;
}

.entry_title {
color            :#888878;
font-size        : 12px ;
padding-top      : 5px ;
padding-bottom   : 10px ;
padding-left     : 5px ;
}

.entry_other {
font-size        : 10px ;
color            : #797B6F ;
text-align       : right ;
padding          : 10px 0px 10px 0px ;
border-top       : dashed #797B6F 1px;
border-bottom    : dashed #797B6F 1px;
}

/* 記事本文 */
.entry_body {
line-height      : 150% ;
letter-spacing   :  1pt ; 
text-align       : justify ; text-justify : inter-ideograph ;
padding-top      : 10px ;
padding-bottom   : 15px ;
padding-left     : 10px ;
padding-right    : 10px ;
}

/* 記事続き */
.entry_more {
line-height      : 150% ;
text-align       : justify ; text-justify : inter-ideograph ;
padding-top      : 5px ;
padding-bottom   : 5px ;
}

/* 「記事の内容」の一部を隠す */
.entry_body hr {
  display: none;
}

.pict { border-width : 0px ;}

/* フッタ -------------------- */

.copyright {
font-size        : 10px ;
color            : #797B6F ;
}

.calendar {
background:      #000000;
color:           #666666;
font-size:       7pt;
padding:         3px 0px 10px 7px;
text-align:      left;
}

.xx{
font-size        :  7pt ;
color            : #575A58 ;
margin-left      :15px;
}

高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成！: 今すぐ 無料ブログ をはじめよう！ ≫ブログ作成