In Cider 非共有:テンプレート

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

非共有:テンプレート

Date : 2007-11-15 (Thu)
Category : 非共有テンプレート

Name : nil
Last Update : 2007/11/15
Type : PC用テンプレート
Column : 2

プラグイン1だけが折りたたみ式。
非共有テンプレート。
お持ち帰りと規約は以下のソースから。

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

【HTML】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<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>
<script type="text/javascript">
<!--
function In_Cide(p_title,p_num){
if(document.getElementById(p_num + '_' + p_title).style.display != 'block')
document.getElementById(p_num + '_' + p_title).style.display = 'block'
else
document.getElementById(p_num + '_' + p_title).style.display = 'none'

if(document.getElementById(p_num + '_head_' + p_title).innerText != '+')
document.getElementById(p_num + '_head_' + p_title).innerText = '+'
else
document.getElementById(p_num + '_head_' + p_title).innerText = '-'

}
-->
</script>
</head>

<body id="edit">


<body>


<div id="all">
		<div class="PluginBlock">
			
			<div class="PluginInnerBlock">
				<div class="PluginTitle ">
					<span id="p1_head_" class="p_head">+</span><a href="javascript:In_Cide('','p1');"></a>
				</div>
<div id="p1_" class="hide">

</div>
			</div>

<div class="PluginInnerBlock">
				<div class="PluginTitle ">
					
				</div>

</div>

<div class="PluginInnerBlock">
				<div class="PluginTitle ">
					
				</div>

</div>

<div class="PluginInnerBlock">
				<div class="PluginTitle ">
					
				</div>

</div>

<div class="PluginInnerBlock">
				<div class="PluginTitle ">
					
				</div>

</div>
			
		</div>

<div class="EntryInnerBlock">
/Entry//"
  trackback:ping="http:///Trackback//"
  dc:title=""
  dc:subject=""
  dc:date="--T::+09:00"
  dc:description=""
  dc:identifier="http:///Entry//" />
</rdf:RDF>
-->

<div class="EntryPsText">
						<a href="">[]</a>
					</div>
					
					
				</div>
				<div class="EntryFooter">
					<span class="EntryUserName"></span>

<span class="EntryCategory">
						<a href=""></a>
					</span>
					
					<span class="EntryTrackback">
							<a href="#trackback">Trackback()</a>
					</span>

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

<div class="CommentBlock" id="comment">
				
				<div class="CommentTextBox">
					<div class="CommentTitle">
						
					</div>
<div class="CommentWriteDate">.. []</div>
					<div class="CommentText">
						
					</div>
					<div class="CommentFooter">
						<span class="CommentUserName"></span>
						<span class="CommentURL"></span>
						
						<span class="CommentEdit">
							<a href="">編集</a>
						</span>
					</div>

<div class="CommentResBlock">
					<div class="CommentResBox">
						<div class="CommentResTitle"></div>
						<div class="CommentResFooter">
							..
						</div>
						<div class="CommentResText"></div>

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

<div class="CommentFormBlock">
					<form action="" method="POST">
<table class="CommentFormTable" cellpadding="0" cellspacing="0">
<tr>
<td class="CommentFormTh">Name</td>
<td class="CommentFormTh">Title</td>
</tr>
<tr>
<td class="CommentFormTd"><input class="CommentForms" type="text" name="name" value=""></td>
<td class="CommentFormTd"><input class="CommentForms" type="text" name="title" value=""></td>
</tr>

<tr>
<td class="CommentFormTh">Font Color</td>

<td class="CommentFormTh">Password</td>
</tr>
<tr>
<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>
<td class="CommentFormTd"><input class="CommentForms" type="password" name="pass"></td>
</tr>

</div>

<div class="TrackbackBlock" id="trackback">
				<div class="TrackbackMenuTitle">この記事へのトラックバック</div>
				<div class="TrackbackURLTitle">
					この記事にトラックバックする：<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>

<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">Name</td>
<td class="CommentFormTh">Title</td>
</tr>
<tr>
<td class="CommentFormTd"><input class="CommentForms" type="text" name="name" value=""></td>
<td class="CommentFormTd"><input class="CommentForms" type="text" name="title" value=""></td>
</tr>

<tr>
<td class="CommentFormTh">Font Color</td>

</form>
				</div>
			</div>

</div>

【CSS】

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
#all{margin:auto;width:680px;}
.hide{display:none;}
.p_head{font:7pt verdana;padding:0px 3px;}
input,textarea,select{font:100% sans-serif;border:1px solid #000;}
/*BODY全体に関する設定*/
body {
padding:0px;margin:0px;font:65%/150% Osaka,Verdana;
color:#666;
background:#eee;
}
#edit{padding:20px;}
#edit #mainBlock{border:1px solid #666;}
#edit .CommentBlock{border:none;}
#edit .CommentTitle{padding:0px 20px;}

/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
a{text-decoration:none;color:#f00;}
/*通常のリンクの設定*/
a:link {
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
color:#999;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
color:#f99;
}
/*アクティブ状態のリンクの設定*/
a:active {
}

/*全体の設定*/
#mainBlock {
width:450px;
border:1px solid #666;
border-width:0px 1px 1px;
background:#fff;
margin:auto;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
border-bottom:1px solid #666;
padding:20px 10px;
text-align: left;
}
/*ページタイトル文字部分の設定*/
#TopTitle {

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

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

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 180px;
padding:10px;
float: left;

}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
padding:5px 0px;
border-bottom:1px dotted #999;
color:#000;
text-align:right;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {color:#ccc;}

/*プラグインが表示される場所の設定*/
.PluginContents {
padding:15px 15px 30px;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
float: left;
text-align: left;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
text-align: left;
border-bottom:1px solid #666;}
/*各記事タイトル部分の設定*/
.EntryTitle {
font-weight:bold;
padding-left:10px;
padding-bottom:5px;

text-align: left;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
padding: 20px;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding-left:20px;
}
.EntryTextPs{
padding: 20px;
color:#999;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
text-align:right;

padding:10px;
font:bold 150% georgia;}
.EntryWriteDate a{color:#999;}
.EntryWriteDate a:hover{color:#000;}

/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
.TopPageLinkBlock{
text-align:right;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
margin:0px 0px;
border-top:1px solid #666;
padding:10px 0px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
margin-top:20px;
padding-left:10px;
color:#000;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px;
border-bottom:1px dotted #666;
padding:10px 20px 20px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
color:#000;
}
/*コメント部分*/
.CommentText{
padding: 10px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:5px;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
text-align:right;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
margin:auto;
width:400px;
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
width:190px;
vertical-align:bottom;
text-align:left;
font:bold 100% georgia;
color:#000;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-bottom:3px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:right;padding-right:6px;
}
.CommentFormSubmit input{
border:none;
font:bold 100% georgia;
background:transparent;
}
/*inputタグやtextareaの設定*/
input.CommentForms{
width:190px;
}
textarea.CommentForms{
width:390px;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px 0px;
border-top:1px solid #666;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
color:#000;
padding-left:10px;
text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
padding:10px 20px;
border-top:1px dotted #666;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
color:#000;
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: right;
padding:10px 20px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
#TrackbackURL{
width:300px;
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:100%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:100%;
padding:3px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
background:#ddd;
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
margin-left:30px;
border:1px solid #ccc;
padding:10px;

}

.CommentResBox {

}

.CommentResTitle {
color:#000;
padding-bottom:3px;
border-bottom:1px dotted #ccc;
}

.CommentResText {

}

.CommentResFooter {
text-align:right;
padding:3px;
}

/*
CSS BY In Cider : http://lump.blog.shinobi.jp/
*/

~~※以前テキストボックスで上記のソースを表示していましたが、改行ごとに<BR>が表示されてしまっていたので表示方法を変えました。~~ 詳細設定のテキストフォーマットいじればなんとかなりました。
そろそろテンプレートに名前をつけていくのが苦しくなってきました。

Trackback : Comment : 3

この記事にコメントする

質問です。

2007/11/16 (Fri)

Monochromeを使わせて頂いてるんですが、右上（プラグインの上）に
　　ＨＯＭＥ
リンク/リンク
の表示されるボックスの左側のリンク（忍者ポイント広告のリンク？）を消したんですが、可能でしょうか？
<div id="TopBlock">
<div id="TopTitle">
<a href=""><span class="TopTitleFont"></span></a>
</div>
<div id="TopExplanation">

</div>
この辺をいじってるんですが、boxだけ残って表示が消えてしまします。具体的に修正する部分を教えて下さい。
よろしくおねがいします。

Unknown Edit

無題

2007/11/16 (Fri)

↑　の者ですが、だいぶ解決しました。
いじる場所が
<div class="PageLinkBlock">

 

<div>

<a href="">←</a>

<a href="">HOME</a>

<a href="">→</a>

</div>
 / 
</div>
ここですよね、、そしてＣＭは消せるものではない。ですよね、、
（この質問も製作者様にするようなものではないかもしれませんが）こいつをページ最下部にもっていきたいんです。お手数ですが、上記から消す部分と書き加える構文を教えて頂けないでしょうか？できれば書き加える場所も＾＾；

Unknown Edit

Re:無題

2007/11/17 (Sat)

返信遅くなってしまいすみません。

どの位置に配置したいのかで変わりますが、

[1] 記事・プラグインの下に置きたい場合

を</body>の近くにある最後の</div>の直前に置いて、cssの.PageLinkBlock{}の中身を

background:#333;
color:#ccc;
text-align: center;
margin:0px 10px 0px 14px;
clear:both;

に書き換えてください。

[2] 記事の下に置きたいけど、プラグインの下に起きたくない場合

を<div id="TopBlock">を閉じる</div>の直前に置き、cssの.PageLinkBlock{}の中は[1]と同じように書き換えてください。

[3] プラグインボックスの下に置きたい場合

を</body>から上に2つ目の</div>の上に置き、cssの.PageLinkBlock{}の中を

background:#333;
color:#ccc;
border-left:4px solid #fff;
text-align: center;
margin:10px 0px;

に書き直してください。

また、CM等のあるdivを動かすと、プラグインがちょっと不恰好になるので.PluginInnerBlock{}の中のpaddingを消すか、0pxにしてください。

多分上記のいずれかのように書き換えれば良いかと思います。
少々分かり辛い点があるかと思いますが、よろしくお願いします。

それと仰る通り、広告は消せません。
広告を消す事は違反となりますのでお気をつけください。

感激です

2007/11/17 (Sat)

大変ご丁寧な回答を頂まして感激です。こんな質問にも答えて下さって、本当にありがとうございました。抽象的な質問申し訳なかったです。でもご丁寧なご回答のお陰で解決致しました。是非これからもがんばってください。影ながら応援しております。それでは失礼いたします。

Unknown Edit

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

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

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