In Cider Template : Simple Note

In Cider

しがないお題屋やってます。
たまにしがないブログデザイン屋に転職してます
66名義で登録している共有テンプレートについてのご意見・質問はこのブログのコメントにてお願いします

≪ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 ≫

[PR]

Date : 2024-11-24 (Sun)
Category :

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Template : Simple Note

Date : 2008-01-13 (Sun)
Category : 非共有テンプレート

Name : Simple Note
Last Update : 2007/11/15
Type : PC用テンプレート
Column : 0

元は自分用に作ったもの。
物凄くシンプルにプラグインなし。
申請しても確実に蹴られると思ったので単独配布。
お持ち帰りと規約は以下のソースから。

・カスタマイズは好きなだけどうぞ
・ただし再配布は禁止です
・（共有ではありませんが）忍者さんのデフォルト共有ブログテンプレート規約も見ていただければ幸いです

【HTML】

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta http-equiv="Content-Script-Type" content="text/javascript">
	<meta name="keywords" content="  ">
	<meta name="description" content="">
	<link rel="stylesheet" href="http:///css/" type="text/css">
	<link rel="alternate" type="application/rss+xml" title="RSS" href="http:///RSS/">
	<link rel="alternate" type="application/atom+xml" title="ATOM" href="http:///ATOM/">
	<title> </title>
</head>
<body>
	<div id="mainBlock">
		
		<div id="TopBlock">
			<div id="TopTitle">
				<a href=""></a>
			</div>
			<div id="TopExplanation">
				
			</div>
		</div>

</div>
			
			<div class="EntryInnerBlock">
				<div class="EntryTitle">
					<span class="EntryTitleFont"></span>				</div>
				<div class="EntryTextBox">
					<div class="EntryText">
						
					</div>
					
					
					<br>
					<div class="EntryText">
						
					</div>

<div class="EntryPsText">
						<a href="">...</a>
					</div>
					
					
				</div>
				<div class="EntryFooter">
					<span class="EntryUserName"></span>
					<span class="EntryWriteDate">
						// ()
					</span><BR>
					<span class="EntryCategory">
						<a href=""></a>
					</span>
					
					<span class="EntryTrackback">
							<a href="#trackback">TB()</a>
					</span>

<span class="EntryComment">
						<a href="#comment">CM()</a>
					</span>
					
				</div>
			</div>

<div class="CommentBlock">
				<div class="CommentMenuTitle">この記事にコメントする</div>

<div class="CommentFormBlock">
					<form action="" method="POST">
					<a name="comment"></a>
					<table class="CommentFormTable" cellpadding="0" cellspacing="0">
						<tr>
							<td class="CommentFormTh">お名前</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="name" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">タイトル</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="title" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">文字色</td>
							<td class="CommentFormTd">
								<select id="color" name="color">
									<option value="Black" style="color:Black">Black
									<option value="LimeGreen" style="color:LimeGreen">LimeGreen
									<option value="SeaGreen" style="color:SeaGreen">SeaGreen
									<option value="Teal" style="color:Teal">Teal
									<option value="FireBrick" style="color:FireBrick">FireBrick
									<option value="Tomato" style="color:Tomato">Tomato
									<option value="IndianRed" style="color:IndianRed">IndianRed
									<option value="BurlyWood" style="color:BurlyWood">BurlyWood
									<option value="SlateGray" style="color:SlateGray">SlateGray
									<option value="DarkSlateBlue" style="color:DarkSlateBlue">DarkSlateBlue
									<option value="LightPink" style="color:LightPink">LightPink
									<option value="DeepPink" style="color:DeepPink">DeepPink
									<option value="DarkOrange" style="color:DarkOrange">DarkOrange
									<option value="Gold" style="color:Gold">Gold
									<option value="DimGray" style="color:DimGray">DimGray
									<option value="Silver" style="color:Silver">Silver
								</select>
							</td>
						</tr>
						<tr>
							<td class="CommentFormTh">メールアドレス</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="mail" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">URL</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="url" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">コメント</td>
							<td class="CommentFormTd"><textarea class="CommentForms" name="comment" cols="40" rows="4"></textarea></td>
						</tr>
						<tr>
							<td class="CommentFormTh">パスワード</td>
							<td class="CommentFormTd"><input class="CommentForms" type="password" name="pass">  </td>
						</tr>
						<tr>
							<td colspan="2" class="CommentFormSubmit">
								<input type="submit" value="送信">
							</td>
						</tr>
					</table>
					</form>
				</div>

<div class="CommentTextBox">
					<a name="comment"></a>
					<div class="CommentTitle">
						
					</div>
					<div class="CommentText">
						
					</div>
					<div class="CommentFooter">
						<span class="CommentUserName"></span>
						<span class="CommentURL"></span>
						<span class="CommentWriteDate">//()::</span>
						<span class="CommentEdit">
							<a href="">編集</a>
						</span>
					</div>
				</div>
				
				<div class="CommentResBlock">
					<div class="CommentResBox">
						<div class="CommentResTitle"></div>
						<div class="CommentResText"></div>
						<div class="CommentResFooter">
							【// :】
						</div>
					</div>
				</div>
				
				
			</div>

<div class="TrackbackBlock">
				<div class="TrackbackMenuTitle">この記事へのトラックバック</div>
				<div class="TrackbackURLTitle">
					<a name="trackback"></a>
					この記事にトラックバックする：<input id="TrackbackURL" type="text" name="tbURL" value="" onclick="this.select(0,this.value.length)">
				</div>
				
				<div class="TrackbackTextBox">
					<a name="trackback"></a>
					<div class="TrackbackTitle">
						
					</div>
					<div class="TrackbackText">
						
					</div>
					<div class="TrackbackFooter">
						<span class="TrackbackURL"></span>
						<span class="TrackbackWriteDate">//()::</span>
					</div>
				</div>
				
			</div>

<div class="CommentBlock">
				<div class="CommentTitle">コメントを編集する</div>

<div class="CommentFormBlock">
					<form action="" method="POST">
					<table class="CommentFormTable" cellpadding="0" cellspacing="0">
						<tr>
							<td class="CommentFormTh">お名前</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="name" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">タイトル</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="title" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">文字色</td>
							<td class="CommentFormTd">
								<select id="color" name="color">
									<option value="Black" style="color:Black">Black
									<option value="LimeGreen" style="color:LimeGreen">LimeGreen
									<option value="SeaGreen" style="color:SeaGreen">SeaGreen
									<option value="Teal" style="color:Teal">Teal
									<option value="FireBrick" style="color:FireBrick">FireBrick
									<option value="Tomato" style="color:Tomato">Tomato
									<option value="IndianRed" style="color:IndianRed">IndianRed
									<option value="BurlyWood" style="color:BurlyWood">BurlyWood
									<option value="SlateGray" style="color:SlateGray">SlateGray
									<option value="DarkSlateBlue" style="color:DarkSlateBlue">DarkSlateBlue
									<option value="LightPink" style="color:LightPink">LightPink
									<option value="DeepPink" style="color:DeepPink">DeepPink
									<option value="DarkOrange" style="color:DarkOrange">DarkOrange
									<option value="Gold" style="color:Gold">Gold
									<option value="DimGray" style="color:DimGray">DimGray
									<option value="Silver" style="color:Silver">Silver
								</select>
							</td>
						</tr>
						<tr>
							<td class="CommentFormTh">メールアドレス</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="mail" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">URL</td>
							<td class="CommentFormTd"><input class="CommentForms" type="text" name="url" value=""></td>
						</tr>
						<tr>
							<td class="CommentFormTh">コメント</td>
							<td class="CommentFormTd"><textarea class="CommentForms" name="comment" cols="40" rows="4"></textarea></td>
						</tr>
						<tr>
							<td class="CommentFormTh">パスワード</td>
							<td class="CommentFormTd"><input class="CommentForms" type="password" name="pass">  </td>
						</tr>
						<tr>
							<td colspan="2" class="CommentFormSubmit">
								<input type="submit" value="送信">
							</td>
						</tr>
					</table>
					</form>
				</div>
			</div>
		
		<div id="FooterBlock">

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

【CSS】

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body{
	font:75%/180% verdana;
	text-align:center;
	background:#fff;
	scrollbar-track-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-arrow-color:#000;
}
table{
	font:100%/180% verdana;}

input,textarea{border:1px solid #999;background-color:transparent;color:#333;}

a{color:#000;text-decoration:none;}
a:hover{color:#fff;}
*{cursor:crosshair;}

/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}

/*通常のリンクの設定*/
a:link {
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
}
/*アクティブ状態のリンクの設定*/
a:active {
}

/*全体の設定*/
#mainBlock {
width:80%;
margin:auto;
text-align:left;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {

}
/*ページタイトル文字部分の設定*/
#TopTitle {
font-weight:bold;
color:#000;
font-size:150%;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
color:#666;
padding:0px;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
text-align: center;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {display:inline;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {display:inline;}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {display:inline;}
/*プラグインの説明部分の設定*/
.PluginExplanation {
display:inline;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
display:inline;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
#newentry{padding:10px 0px;
}

/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
text-align: left;
margin:auto;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
font-weight:bold;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
padding:0px;
color:#666;
}
/*記事本文が記載される部分*/
.EntryText {
}
/*追記文書が記載される部分*/
.EntryPsText {
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dotted #936;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
margin:10px 0px;
color:#ccc;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
font-weight:bold;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
font-weight:bold;
}
/*コメント部分*/
.CommentText{
padding: 10px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:5px;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
padding-right:5px;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {

display:inline;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
display:inline;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
margin-bottom:50px;
}

.CommentResBox {
	border:solid 1px #ccc;
	padding:10px;
}

.CommentResTitle {
	font-weight:700;
}

.CommentResText {
}

.CommentResFooter {
text-align:right;
border-top:1px dotted #ccc;
}

Trackback : Comment : 0

この記事にコメントする

この記事へのトラックバック

この記事にトラックバックする：

CALENDAR

2024/11

S	M	T	W	T	F	S
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Name
Title
Color
Mail
URL
Message
Password