body〜introソース

次回から記事領域を追加していきますが、現在どうなっているでしょうか。

これまで解説したソースを記載しておきます。ここでの記述と違う場合は修正しておいて下さい。なお、「削除できない変数」である<%ad><ad2>は</body>の前に移動しました。body〜introの解説で追加したソースは赤文字で記述してあります。(HTML部分)

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>
<!-- allここまで -->
<%ad><%ad2>
</body>
</html>

スタイルシート部分

/* body */
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;
}

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

  1. bodyタグ
  2. 全体のリンク色
  3. 全体のレイアウト
  4. 全体をallで囲む
  5. h1-ブログタイトル部分
  6. intro-ブログ紹介文部分
  7. body〜introソース

前後の記事

最近の記事