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

ホーム

テンプレートHTML・CSSについて: 公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について: 弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。

テンプレート名 : sqit2

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}" />

</head>

<body>
<div id="page">
<div id="head">

<p><a href="./"><b>{blog_name}</b></a><br>{blog_description}</p>

</div>

<div id="calender">

{calendar_horizontal}

</div>

<div id="main">


 {prev_entry} | <a href="./">main</a> | {next_entry}

<h2>{entry_title}</h2>
<p>{entry_description}</p>
<p><a name="sequel"></a>
{entry_sequel}</p>

<ol class="sub">
<li>{entry_date} {entry_time} | </li>
<li>posted by {user_name} |</li>
<li> {category_name} |</li>
<li> <a href="{entry_permalink}">permalink</a> |</li>
<li> {comment_num} |</li>
<li> {trackback_num} |</li>
</ol>

<p id="nav">{prev_entry} |  <a href="./">main</a> | {next_entry}</p>

<a name="comments"></a>
<h2>この記事に対するコメント</h2>

<p>{comment_description}</p>
<ol class="sub">
<li>{comment_name}</li> |
<li>{comment_time} </li>
</ol>

<h2>コメントする</h2>
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<dl class="comform">
<dt><label for="name">name:</label></dt><dd><input id="name" type="text" name="name" value="{cookie_name}" size="30"></dd>

<dt><label for="email">email:</label></dt><dd><input id="email" type="text" name="email" value="{cookie_email}" size="30"></dd>

<dt><label for="description">comments:</label></dt><dd><textarea id="description" cols="40" rows="8" name="description"></textarea></dd>

</dl>
<p><input type="submit" value="コメント送信" style="border-style:solid; border-width:1px; border-color:#7070B2; background:#ffffff; font-size:10pt; color:#000000"></p>
</form>

<h2>トラックバック</h2>
<a name="trackback"></a>
<p>トラックバックURLはこちら<br>
{trackback_url}</p>

<p><b>■{trackback_title}■</b><br>{trackback_excerpt}</p>
<ol class="sub">
<li>{trackback_blog_name} | </li>
<li>{trackback_time}</li>
</ol>

<h2>プロフィール</h2>
<p>
<b>{profile_name}</b><br><br>
{profile_description}</p>

</div>

<div id="submenu">
<embed src="http://tisq.fc2web.com/necotika2.swf" width="160" height="160" bgcolor="FFFFFF">
<h3>RECENT ENTRIES</h3>

{selected_entry_list}

<h3>RECENT COMMENTS</h3>

<div id="low">
{recent_comment_list}
</div>

<h3>ARCHIVES</h3>

{archives_list}

<h3>CATEGORIES</h3>

{category_list}

<h3>RECENT TRACKBACKS</h3>
<div id="low">
{recent_trackback_list}
</div>

<h3>LINKS</h3>

{link_list}

<h3>PROFILE</h3>
{user_list}

<h3>OTHERS</h3>

<ul>
<li>・<a href="./admin/">管理者ページ</a></li>
<li>・<a href="./?mode=rss">RSS1.0</a></li>
<li>・<a href="./?mode=atom">Atom0.3</a></li>
<li>・<a href="https://jugem.jp/" title="ブログのレンタルならJUGEM（じゅげむ）">Powered by JUGEM</a></li>
</ul>

</div>
<div id="foot">

</div>
</body>
</html>

CSS

*{
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none
}

body {
	background-color: #c8c8c8;
	text-align: center;
	color: #000;
	margin: 0px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

a:link {
	color: #751717;
	text-decoration: none;
}

a:visited {
	color: #751717;
	text-decoration: none;
}
a:hover {
	color: #f00;
	text-decoration: underline;
}

a:active {
	color: #f00
}

div#page {
	text-align: left;
	background: #fff;
	width: 690px;
	margin: 0px auto;

}
div#head {
	padding: 0px;
	margin: 0px;
	background-image: url(http://tisq.jugem.jp/?image=159);
	width: 690px;
	height: 120px;
}
div#head p {
	font-size: 16px;
	padding: 60px 0px 0px 10px;
	color: #fff;
}

div#head p a {
	color: #fff;
}

div#calender {
	font-size: 11px;
	text-align: center;
	padding: 10px 0px;
	border-bottom: 1px solid #000;
}

#cal a {
	text-decoration: underline;
}

div#calender ul {
	list-style-position : inside;
}

div#calender li {
	display : inline;
	list-style-type : none;
	padding: 0px 4px 0px 0px;
}

div#main {
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	width: 510px;
	float: left;
	line-height: 150%;
	border-right: 1px solid #000;
	background: #fff;
}
div#main p {
	margin: 0px 0px 20px 20px;
}
div#submenu {
	width: 179px;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	float: right;
	background: #fff;
}

div#submenu ul {
	font-size: 10px;
	list-style: none;
}
div#submenu ul li {
	margin-left: 8px;
}
div#submenu h3 {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	color: #fff;
	padding: 0px 0px 0px 8px;
	clear: both;
	background: #000;
}
div#foot {
	font-size: 12px;
	border-top: 1px solid #000;
	text-align: center;
	clear: both;
}
div#foot p {
	margin: 0px 10px;
	padding-bottom: 10px;
}
h2 {
	font-size: 12px;
	margin: 0px 0px 20px 5px;
	color: #fff;
	padding: 0px 15px;
	clear: both;
	background:#000;
}

img {
	margin: 1em 0px;
}

ol.sub { 
	margin: 0px 20px 20px 20px;
	text-align: right;
	font-size: 11px;
}
ol.sub li {
	display: inline;
}

/* レスフォーム設定 */
dl.comform {
	margin: 0px;
	padding: 0px;
}
.comform dt {
	padding: 0px 0px 0px 20px;
}
.comform dd {
	margin: 0px;
	padding: 0px 0px 0.5em 20px;
}

.comform textarea {
	width: 450px;
}

#nav { 
	margin: 10px 0px;
	text-align: center
}
#submenu img {
	margin-left: 10px;
}
#low {
	line-height: 100%;
}
#low li {
	margin: 0px 0px 5px 0px;
}

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