忍者ブログで独自ドメイン・カスタマイズ忍者ブログ日記

■カテゴリ「忍者ブログ日記」の記事一覧

[2007/10/09] 透過フォトにおけるブログパーツに関して
[2007/09/09] テンプレート利用の際のお願い
[2007/06/05] 日本語ドメインでブログ
[2007/04/23] 相互リンクのお願い
[2007/04/05] はじめての忍者ブログ

≪ [1][2]

Oct
09
2007

透過フォトにおけるブログパーツに関して

透過フォトにおいて、ブログパーツなどとの相性でリンクがクリック出来ない問題が発生し、ご迷惑をおかけしました。
原因はIE6以前でpngファイルの透過画像を使えない困った悪癖があり、それを回避するためにJavaScriptを使っていましたが、特定のJavaScriptを利用するブログパーツを貼り付けると以降において透過ファイル用のJavaScriptが機能しなくなってしまうために発生していました。
いろいろ対策を検討したのですが、現状ではJavaScriptを利用しない方法しか解決策が見つかりませんでしたので、JavaScriptを使わなくても透過出来る画像に変更いたします。

下記CSSをコピーして頂き、ご利用下さい。
（忍者ブログのテンプレートは10/9に修正申請済です）
※IEにおいて条件によっては透過しなくなる報告がございました。画像を変更される際は確認の上お願いします。
下のテキストエリアのどこかをクリックし、Ctrl+A、Ctrl+Cでコピーできます。

/**************************************************************************/
/***** 　透過フォト　テンプレートCSS　　Last Update 071009　　　　 　  ****/
/*****  　Edited by がりんぺいろ　　　　http://blogdekasego.com/　　　 ****/
/**************************************************************************/

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
	background: #fff url(http://file.template100.blog.shinobi.jp/beach_bg.jpg) no-repeat fixed center top; 
	text-align: center;
	font-size: 15px;
	color: #333333;
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#222;
	scrollbar-darkshadow-color:#222;
	scrollbar-arrow-color:#888;
	font-family:Verdana, "MS UI Gothic";
	min-width: 762px;
	position:relative;
	z-index:5; 
}
textarea,input,select{
	border:1px solid #555555;
	color:#333333;
	font-size:13px;
	background-color: #E0DFE3;
}
/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
a:link {
color:#000099;
text-decoration:underline;
}
a:visited{
color:#000099;
text-decoration:underline;
}
a:hover {
text-decoration: none;
color: #FF3E64;
}
/*アクティブ状態のリンクの設定*/
a:active {
color:#fff;
text-decoration:underline;
}

/*全体の設定*/
#mainBlock {
	width:770px;
	margin:  0 auto 120;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
	width:770px;
	height:320px;
	text-align: left;
	border: none;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
	padding: 20px 0px 0px 20px;
	font-size:24px;
	font-weight:bold;
}
#TopTitle a{
	font-weight: bold;
	color: #000099;
	text-decoration: none;
}
#TopTitle a:hover{
	font-weight: bold;
	color: #000099;
	text-decoration: underline;
}

/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
	padding: 10px 0px 0px 30px;
	font-size:12px;
	font-weight: bold;
	color: #333;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
	clear:both;
}
#FooterBlock a{
	clear:both;
	text-align: center;
	color: #666;
	border: 0;
}
#FooterBlock2 {
	clear:both;
	background-position: center;
	height: 40px;
	background-repeat: no-repeat;
	padding-top: 40px;
	border-top: 1px solid #444444;
	padding-bottom: 10px;
	margin-top: 36px;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
	width: 200px;
	text-align: left;
	float:right;
	padding-top: 6px;
	background-image: url(http://file.template100.blog.shinobi.jp/aqua2.png);
	margin-top: 5px;
}
#UnderPluginBlock {
	width: 172px;
	height: 172px;
	float:right;
	padding-top: 6px;
	background-image: url(http://file.template100.blog.shinobi.jp/nimo.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 30px;
	padding-bottom: 20px;
	clear: both;
	}
* html #UnderPluginBlock {
	behavior: expression(IEPNGFIX.fix(this));
	}

/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:10px 5px;

}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
	border-right-width:1;
	border-bottom-width:2;
	font-weight:bold;
	font-size:13px;
	color:#333;
	padding-right:0;
	padding-left:10;
	padding-top:2;
	padding-bottom:2;
	border-bottom: 1px solid #444444;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 0px;
border: #fff 0px solid ; 
}
/*プラグインが表示される場所の設定*/
.PluginContents {
	border: #fff 0px solid;
	font-size:12px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
	width: 540px;
	margin: 5px 2px 0px;
	float:left;
	text-align: left;
	background-image: url(http://file.template100.blog.shinobi.jp/aqua2.png);
	}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding:5 10 10;
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
	text-align: left;
	font-weight:bold;
	font-size:16px;
	padding-top:2;
	padding-left:10;
	padding-bottom:4;
	margin-bottom: 10px;
	border-bottom: 1px #333;
}
.EntryTitle a{
	text-align: left;
	font-weight:bold;
	font-size:16px;
	padding-top:2;
	padding-left:10;
	padding-bottom:5;
	color: #000099;
	margin-bottom: 5px;
	text-decoration: none;
}
.EntryTitle a:hover{
	color: #FF2626;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
padding-right:25;
padding-left:25;
font-size: 13px;
}
/*記事本文が記載される部分*/
.EntryText {
	color: #333;
	margin: 0px 0px;
	font-size: 110%;
	line-height: 175%;
}
.EntryText a{
	color: #000099;
	text-decoration: underline;
}
.EntryText a:hover{
	color: #FF1111;
	text-decoration: underline;
}

/*追記文書が記載される部分*/
.EntryPsText {
padding: 10px;
text-align: right;
font-size: 13px;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
	text-align:right;
	padding:0px 5px 5px;
	margin-bottom: 36px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
font-size:12px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
font-size:12px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
font-size:12px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
font-size:12px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
font-size:13px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
	padding:10px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
color:#333333;
font-size:#14;
font-weight:bold;
padding-right:0;
padding-left:10;
padding-top:2;
padding-bottom:2;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
	margin: 5px 0px;
	color:#fff;
}
/*コメントのタイトル部分*/
.CommentTitle{
	text-align: left;
	padding-right:0;
	padding-top:10;
	padding-bottom:0;
	padding-left:10;
	font-size:14px;
	font-weight:bold;
	color: #333333;
}
/*コメント部分*/
.CommentText{
margin: 5px 0px;
padding-right:10;
padding-top:5;
padding-bottom:0;
padding-left:10;
font-size:14px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
	text-align:right;
	padding:5px;
	color: #666666;
}
/*投稿者名の部分*/
.CommentUserName{
	margin-left: 5px;
	color: #666666;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
	color: #333;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.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;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
	text-align:left;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-right: 1px;
	padding-left: 3px;
}
.Plugin_data a{
	margin-bottom: 2px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
	display: block;
}
.Plugin_data a:hover{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF3535;
	padding-left: 5px;
}

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

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

.CommentResTitle {
	font-size:14px;
	font-weight:700;
}

.CommentResText {
	padding:10px 0px 0px 10px;
}

.CommentResFooter {
	text-align:right;

margin:15px 0;
	border-top:1px dotted #888;
}

忍者ブログ日記 Comment(2) Edit

Sep
09
2007

テンプレート利用の際のお願い

がりんぺいろのテンプレートのご利用に関してのお願い

★テンプレートに使用されている画像は他の用途・他のブログサービスなどに利用できません。
★テンプレートの再配布は禁止とします。
★Designed by がりんぺいろは削除しないでください。
★テンプレートは自己責任でご利用下さい。
当ブログのテンプレートはご利用される方の判断でダウンロード・動作確認・ご利用をお願いします。
万が一、利用によって損害が生じた場合について、当方は一切の責任を負いかねますので御注意下さい。
★テンプレートをお使いになって気にいった方は、是非共有テンプレートのダウンロードページにコメントとたくさんの★を残して頂けるととても励みになります。また、当ブログを記事としてご紹介をしていただけるとさらに喜びます。その際下記リンクタグをご利用下さい。
<A href="http://ninja-blog.com/" target="_blank">忍者ブログで独自ドメイン・カスタマイズ</a>
★設定の質問に関して
各テンプレート記事ページのコメント欄にお気軽にご質問ください。私の解る範囲でしたら出来るだけ迅速に回答させて頂きます。

[つづきはこちら]

忍者ブログ日記 Edit

Jun
05
2007

日本語ドメインでブログ

日本語ドメインを使ってブログを作ってみました。
http://日本語ドメイン.blogdekasego.com/

賛否両論の日本語ドメインですが、やはり印象には残ります。

忍者ブログは残念ながら対応していませんが、設定可能なブログでチャレンジしてみてください。

忍者ブログ日記 Comment(2) Edit

Apr
23
2007

相互リンクのお願い

当サイトを参考に独自ドメインブログができたサイトをご紹介させていただきます。
（独自ドメインでなくても結構です）
当サイトのリンクを張った後、コメントにてご連絡いただけましたら、リンクを張らせていただきます。
下記タグをできればトップページに張ってください。

<a href="http://ninja-blog.com/ ">忍者ブログで独自ドメイン・カスタマイズ</a>

忍者ブログ日記 Trackback(0) Comment(0) Edit

Apr
05
2007

はじめての忍者ブログ

はじめまして。がりんぺいろです。
今まで、SEESAA、FC2、楽天、DTI、livedoor、てぃーだ、JUGEM、ヤプログ、Yahooブログ、Bloggerと様々なブログサービスを使ってアフィリエイトサイトや、趣味のサイト、日記用ブログなどを楽しんできましたが、１００％満足できるサービスはありませんでした。
現在のメインはSEESAA、FC2ですが、忍者ブログが独自ドメインを無料で設定できるようなので、スペックを体感すべく新規に作ってみました。

まずは、いつものように独自ドメインを取得（ninja-blog.com）し、EveryDNSでDDNSを設定、ドメインレジストラにてDNSを設定後、忍者ブログのアカウントを取得。１日待って、忍者ブログで独自ドメインの設定。アドレスをhttp://ninja-blog.com/としてみました。

忍者ブログでの独自ドメイン設定方法の詳細はおってＵＰしますが、こちらのサイトを参考頂ければ、できると思います。＞＞ブログで稼ごうガリンペリロ

そしてテンプレートをダウンロード・設定しこの記事を書いております。

まだ、立ち上げ初日ですが、結構使いやすく、機能も多そうですね。
年間８００円程度で、独自ドメインのブログを運用できるなんて、いいサービスです。アメリカでは多くのユーザーがドメインを取得し、ブログを楽しんでいます。日本でも.comドメインなどは800円／年程度、jpドメインでも3,000円を切る程度（無料で取得できるドメインまであります）と価格も安くなってきたので、もっと独自ドメインブロガーが増えるでしょうね。
ドメインは早い者勝ちなので、どんどんチャレンジしてみましょう。

当サイトは今後、忍者ブログのスペックを分析・比較していきますので、忍者ブログユーザーの皆様のご参考になればと思います。