スポンサーサイト

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

前後の記事

最近の記事

left(記事部分～追記)のソース

赤文字で記述している部分が今回追加したソースです。

HTML部分

<?xml version="1.0" encoding="EUC-JP"?>
<!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" xml:lang="ja" lang = "ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />
<meta name="keywords" content="ウェブログ,ブログ,FC2BLOG" />
<link href="<%css_link>" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" 
title="RSS" href="<%url>?xml" />

<!--nextpage-->
<link rel="next" url="<%nextpage_url>" title="次のページ" />
<!--/nextpage-->
<!--nextentry-->
<link rel="next" url="<%nextentry_url>" 
title="次の記事：<%nextentry_title>" />
<!--/nextentry-->
<!--prevpage-->
<link rel="prev" url="<%prevpage_url>"title="前のページ" />
<!--/prevpage-->
<!--preventry-->
<link rel="prev" url="<%preventry_url>" 
title="前の記事：<%preventry_title>" />
<!--/preventry-->
<title><%blog_name> <%sub_title></title>
</head>
<body>
<div id = "all">
  <h1><a href="./"><%blog_name></a></h1>
  <div class = "intro"><%introduction></div>
  <div id = "left">
    <!--topentry-->
    <h2><a href="<%topentry_link>"><%topentry_title></a></h2>
      <div class="kizi_body">
        <%topentry_body>
        <div class = "kizi_more">
          <!--more_link-->
            <a href="<%topentry_link>#more">続きを読む</a>
          <!--/more_link-->
          <!--more-->         
            <a id="more" name = "more"></a>
            <%topentry_more>
          <!--/more-->
        </div>
      </div>
    <!--/topentry-->
  </div>
</div>
<!-- allここまで -->
<%ad><%ad2>
</body>
</html>

スタイルシート部分

body {
  background : #ffffff;
  margin : 0px ; padding : 0px;
  font-size : 100%;
  font-family : Geneva,Hiragino Maru Gothic Pro,
VERDANA,ARIAL,SANS-SERIF;
  line-height : 150%;
  color : #000;
}
/* 全体のリンク色 */
a:link { color: #0000ff; text-decoration:underline;} 
a:visited { color: #660099; text-decoration:underline;} 
a:active { color: #ff0000; text-decoration:underline;}
a:hover { color: #ff0000; text-decoration:underline;}
/* h1-ブログタイトル部分 */
h1 {
  height: 37px;
  font-size: 200%;
  color:#000;
  margin: 0px;
  padding: 10px 50px 0 30px;
  text-align: left;
  background: #ffffff;
  border: 2px solid #999999;
}
h1 a:link, h1 a:visited {
  color:#666699;
  text-decoration: none;
}
h1 a:hover, h1 a:active {
  color:#000000;
  text-decoration: none;
}
/* intro-ブログ紹介文部分 */
.intro {
  font-size: 80%;
  text-align: right;
  color:#000;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 10px 0px;
  border: 1px solid #999999;
  background: #cccccc;
  height: 19px;
}
#left {
  width: 65%;
  float: left;
  overflow: hidden;
  margin: 0px 0px 0px 5px;
  background: #ffffff;
}
h2 {
  font-size: 120%;
  color :#000;
  margin: 0px;
  padding: 6px 12px 6px 12px;
  border: 1px solid #999999;
  background: #ffffff;
}
h2 a:link {
  color:#666699;
  text-decoration: none;
}
h2 a:visited {
  color:#666666;
  text-decoration: none;
}
h2 a:hover, h2 a:active {
  color:#000000;
}
.kizi_body {
  margin: 0px 0px 10px 0px;
  padding: 15px;
  border-top: none;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
.kizi_body img {
  border: 1px solid #666666;
  margin: 0px 5px 5px 0px;
}
.kizi_more {
  margin: 10px 0px 0px 0px;
}

ゼロから創るテンプレートトップ

  1. left-左部分
  2. topentry-エントリー繰り返し表示
  3. h2-記事タイトル部分
  4. 記事本文を表示
  5. 追記部分
  6. left(記事部分～追記)のソース

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。