スポンサーサイト

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

前後の記事

最近の記事

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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。