スポンサーサイト

rmenu(右メニュー部分)

赤文字で記述した部分が今回記述したソースです。

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 class="kizi_footer"> <%topentry_month>月<%topentry_day>日 (<%topentry_wayoubi>)<%topentry_hour>時<%topentry_minute>分 |<a href="<%topentry_category_link>"><%topentry_category></a> <!--allow_comment--> |<a href="<%topentry_link>#comment">コメント(<%topentry_comment_num>)</a> <!--/allow_comment--> <!--deny_comment--> |コメント(-) <!--/deny_comment--> <!--allow_tb--> |<a href="<%topentry_link>#trackback">トラックバック (<%topentry_tb_num>)</a> <!--/allow_tb--> <!--deny_tb--> |トラックバック(-) <!--/deny_tb--> </div> </div> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="<%topentry_link>" trackback:ping="<%url>tb.php/<%topentry_no>" dc:title="<%topentry_title>" dc:identifier="<%topentry_link>" dc:subject="<%topentry_category>" dc:description="<%topentry_discription>" dc:creator="<%author_name>" dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>: <%topentry_minute:<%topentry_second>+09:00" /> </rdf:RDF> --> <!--/topentry--> <!--comment_area--> <div class ="kizinav"> <!--preventry--> <<a href="<%preventry_url>"><%preventry_title></a> <!--/preventry--> |<a href="./">TOP</a>| <!--nextentry--> <a href="<%nextentry_url>"><%nextentry_title></a>> <!--/nextentry--> </div> <h4 id="comheader"><a id = "comment" name="comment">コメント</a></h4> <!--comment--> <div class = "comtitle"> <a id="comment<%comment_no>"><%comment_title></a> </div> <div class="content"> <%comment_body> <div class = "comfooter"> <%comment_year>/<%comment_month>/<%comment_day>(<%comment_wayoubi>) <%comment_hour>:<%comment_minute>:<%comment_second> |<%comment_url+str>|<%comment_mail+name> #<%comment_trip> [<a href="<%comment_edit_link>">編集</a>] </div> </div> <!--/comment--> <h4 id="comformtitle">コメントの投稿</h4> <form method="post" action="./"> <input type="hidden" name="mode" value="regist"> <input type="hidden" name="comment[no]" value="<%pno>"> <div class="content"> <ul class = "comform"> <li><label for="name">お名前</label></li> <li><input type="text" name="comment[name]" size="30" value="<%cookie_name>"></li> <li><label for="subject">タイトル</label></li> <li><input type="text" value = "" name="comment[title]" size="30"></li> <li><label for="mail">メール</label></li> <li><input type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></li> <li>URL</li> <li><input type="text" name="comment[url]" size="30" value="<%cookie_url>"></li> <li>コメント</li> <li><textarea cols="40" rows="8" name="comment[body]"></textarea></li> <li>パスワード</li> <li><input type="password" name="comment[pass]" size="20"></li> <li>秘密</li> <li><input type="checkbox" name="comment[himitu]"> 管理者にだけ表示を許可する</li> <li><input type="submit" value="投稿"></li> </ul> </div> </form> <!--/comment_area--> <!--edit_area--> <h4 id = "comformtitle">コメントの編集</h4> <form method="post" action="./"> <div class="content"> <input type="hidden" name="mode" value="edit" /> <input type="hidden" name="mode2" value="edited" /> <input type="hidden" name="edit[rno]" value="<%eno>" /> <ul class="comform"> <li><label for="name">お名前:</label></li> <li><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></li> <li><label for="subject">タイトル:</label></li> <li><input id="subject" ype="text" name="edit[title]" size="30" value="<%edit_title>"></li> <li><label for="mail">メール </label></li> <li><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></li> <li><label for="url">URL:</label></li> <li><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></li> <li><label for="comment">コメント:</label></li> <li><textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea></li> <li><label for="pass">パスワード:</label></li> <li><input id="pass" type="password" name="edit[pass]" size="20"></li> <li><input type="submit" value="編集" /></li> </ul> </div> </form> <!--/edit_area--> <!--trackback_area--> <h4 id="tbheader"><a id = "trackback" name="trackback">トラックバック</a></h4> <div class = "content"> トラックバックURL:<%trackback_url> </div> <!--trackback--> <div class = "tbtitle"> <a name="trackback<%tb_no>"><%tb_title></a> </div> <div class="content"> <%tb_excerpt> <div class="tbfooter"> <%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | <a href = "<%tb_url>"><%tb_blog_name></a> </div> </div> <!--/trackback--> <!--/trackback_area--> <!--prevpage--> <a href="<%prevpage_url>"><<前のページ</a> <!--/prevpage--> <!--nextpage--> <a href="<%nextpage_url>">次のページ>></a> <!--/nextpage--> </div> <div id = "rmenu"> <h3>カテゴリ</h3> <ul> <!--category--> <li><a href="<%category_link>" title="<%category_name>"><%category_name></a> (<%category_count>)</li> <!--/category--> </ul> <h3>新着記事</h3> <ul> <!--recent--> <li><a href="<%recent_link>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li> <!--/recent--> </ul> <h3>月別アーカイブ</h3> <ul> <!--archive--> <li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月 "><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li> <!--/archive--> </ul> <h3>最近のコメント</h3> <ul> <!--rcomment--> <li><a href="<%rcomment_link>#comment<%rcomment_no> "><%rcomment_name>:<%rcomment_etitle></a> (<%rcomment_month>/<%rcomment_day>)</li> <!--/rcomment--> </ul> <h3>最近のトラックバック</h3> <ul> <!--rtrackback--> <li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_blog_name>:<%rtrackback_title></a> (<%rtrackback_month>/<%rtrackback_day>)</li> <!--/rtrackback--> </ul> <h3>プロフィール</h3> <img src = "<%image>" alt = "<%author_name>" /> <ul> <li>Name: <%author_name></li> <li><%introduction2></li> <li><a href="<%url>?xml">RSS</a></li> </ul> <h3>copyright</h3> <ul> <li>Template by:<a href = "***">***</a></li> <li><%ad> <%ad2></li> </ul> </div> </div> <!-- allここまで --> </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 {
  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 {
  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;
}
.kizi_footer {
  font-size: 70%;
  text-align: right;
  margin: 15px 10px 5px 0px;
}
.kizinav { 
	text-align: center;
}
h4#comheader, h4#tbheader {
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 6px 0 6px 25px;
	background: #ffffff;
        border: 1px solid #999999;
	color: #000;
}
.content {
	margin: 0px 0px 10px 0px;
	padding: 15px 5px 5px 5px;
	line-height: 140%;
	border: 1px solid #999999;
}
.comtitle {
      background-color: #dcdcdc;
      border: 1px solid #999999;
      }
.comfooter, .tbfooter {
      margin: 0px;
      text-align: right;
      font-size: 70%;
}
h4#comformtitle {
        font-size: 100%;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 6px 0 6px 25px;
	background: #ffffff;
        border: 1px solid #999999;
	color: #000;
}
.comform ul {
	width: 100%;
	margin: 0;
	padding: 0;
        
}
.comform li {
	font-size: 90%;
	margin: 0;
	padding: 0px 0px 10px 0px;
        list-style: none;
}
.tbtitle {
      background-color: #dcdcdc;
      border: 1px solid #999999;
}
#rmenu {
	margin: 0px 5px 0px 0px;
	width: 30%;
	float: right;
	overflow: hidden;
	background: #FFF;
}
#rmenu h3 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
        border:1px solid #999999;
	text-align : left;
	padding: 6px 0px 6px 0px; 
	background: #ffffff;
}
#rmenu ul {
	font-size: 80%;
        line-height: 160%;
	padding: 3px 0px 0px 0px; 
	margin: 0px;
}

#rmenu li {
	background: #fff;
	padding: 2px 2px 0px 4px;
	list-style-type: none;
}

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

  1. rmenu-右メニュー部分
  2. 見出しとリスト部分のスタイル
  3. カテゴリ部分
  4. 新着記事部分
  5. 月別アーカイブ部分
  6. 最近のコメント部分
  7. 最近のトラックバック部分
  8. プロフィール部分
  9. コピーライト部分
  10. rmenu(右メニュー部分)ソース

前後の記事

最近の記事

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