がりんぺいろのFC2ブログテンプレート

プロフィール

Author:がりんぺいろ
共有テンプレートとしてご紹介することにしました。
ブログに関する本サイトは
ブログで稼ごうガリンペイロです。

リンク

このブログをリンクに追加する
無料blog

テンプレート

night_earth

pink_on_black

hirameki_Bulb

snowman_flash

月別アーカイブ

ブロとも申請フォーム

この人とブロともになる

ユーザータグ

テンプレートピンクシンプルクール２カラム

ブログ内検索

RSSフィード

FC2ブログ 紹介予定派遣

Ads by Google

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

--/--/-- --:--
：スポンサー広告

snowman_flash

snowman_flashを公開しました。
まだ、Flash作成にはあまり慣れていませんが、比較的簡単なアクションスクリプトでふわっと降る雪が出来ましたので、テンプレートに使ってみました。

hirameki_Bulb

hirameki_Bulbを公開しました。

■全体幅810pxバージョン（marvorさん編集改）
bulb810px.css

寒くなってきましたねぇ。
今日は北海道から北陸まではかなりの雪だそうですが、早速雪だるまのテンプレートsnowmanを作ってみました。がっ操作ミスで共有から削除してしまいました。
承認はかなり時間がかかるのに、削除はワンクリックで．．．（泣）
大変申し訳ございません。

12/6にようやく、フラッシュバージョンのsnowman_flashを公開できました。よろしければ差し替えて使ってみてください。

なお、Flashを用いていないバージョンに、カレンダーによるカラム落ちの問題がありましたが、下記CSSに変更頂ければ解決できるはずです。
Flash用のCSSではありませんので、お間違えなく。

/* snowman FC2ブログテンプレート　  　　　　　　　　　　　          */
/* Designed by ガリンペイロ　http://mydomain.blog101.fc2.com/　 */
/* 　Last Update 071127                                                          */

@charset "EUC-JP";
/* 全体的な設定lammban
------------------------------------------------------------ */

/* 全体的なマージン・パディング・フォントスタイル等の初期化 */

* {
		margin : 0;
		padding : 0;
		font-style : normal;
	}

/* body要素以下全てに適用されます */
	/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

/* 書式・例 */

/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left no-repeat; */

body {
	text-align: center;
	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;
	background-color: #eeeeee;
	font-family: "Verdana", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	line-height : 1.5;						/* 行間 */
	font-size : 83%;		/* 文字サイズ */
	voice-family : "\"}\"";					/* おまじない */
	voice-family : inherit;					/* おまじない */
	}

textarea, input, select {
		margin: 0px 0px 5px 5px;
		padding: 1px;
		font-size: 100%;
		line-height: 1.5;
		border: 1px solid #353535;
		color: #666666;
	}

/* 絵文字 */
	.emoji{
		vertical-align:middle;
		border: 0;
	}

/* リンクの設定
------------------------------------------------------------ */

/* リンクの設定 */
	a {
		padding-bottom: 1px;
		text-decoration : underline;					
	}

/* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */
	a:link {
color:#3A7DFB;
text-decoration:underline;	}

/* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */
	a:visited {
color:#3A7DFB;
text-decoration:underline;	}

/* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
	a:hover {
text-decoration: underline;
color: #FF59D6;	}

/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
	a:active {
color:#fff;
text-decoration:underline;	}

/* リンク画像の枠を表示しない */
	a img, emoji {
		border-style : none;
		/* 枠を非表示 */
		border-width : 0px;
		/* 枠の幅を0pxに設定 */
		text-decoration : none;
		/* 装飾を表示しない */
	}

/* ---------------------------------------------------
　本文内の画像にだけ枠をつける設定です。
　画像にリンクのある場合は周りの枠の色が変わります。
　枠をつけたくない場合は以下の設定を消してください。
--------------------------------------------------- */

.entry_body img { margin: 1px; border: 1px solid #666;}
.entry_body a:hover img, .entry_body a:active img {
  margin: 1px;  border: 1px solid #cacaca;
  text-decoration: none;
}

/*　本文内の画像に関する設定ここまで　*/

/* 強調の設定
------------------------------------------------------------ */

/* 強調 */

em {
		font-style : normal;
		border-bottom: 1px solid #e93b55;
		/* 下線を引く */
	}

/* より強い強調 */

strong {
		font-weight : bold;
		/* 文字を太字にする */
	}

/* リストの設定
------------------------------------------------------------ */

/* リスト・要素 */

ul, ol, li, dl, dt, dd {
		list-style: none;
	}

/* 引用の設定
------------------------------------------------------------ */

/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

/* 書式・例 */

/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left repeat; */

blockquote {
	width : auto;
	margin : 10px 20px;
	padding : 0.5em;
	border : 3px double #666;
	background-color: #D2EDFF;
	}

/* コード
------------------------------------------------------------ */

/* 記事中にプログラムコードなどを書く時に使います */
	/* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */

div.main_body pre {
		margin : 1em auto;
		padding : 0.5em;
		border : 2px solid #0e0e0e;
		font-family : sans-serif;
		overflow : auto;
		width : 90%;							/* pre element clearing bug in WinIE  */
	}

/* for without MacIE5 \*/

div.main_body pre {
		overflow : scroll;						/* MacIE用バグ対応 */
	}/* */

div.main_body > pre {
		width : auto;							/* MacIE用バグ対応 */
	}

div.main_body code {
		font-family : monospace;				/* 等幅フォントを指定 */
	}

/* Mac版IEの文字化け対策
------------------------------------------------------------ */

/* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */

textarea,input,select {
		font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
	}

/* レイアウト用ブロックの設定
------------------------------------------------------------ */

/* 全体の大枠 */
	/* 左右のマージンを自動で求める事でセンタリングを行ってます */
	/* text-alignをcenterにすることでセンタリングできるのはIEのみの仕様です */
	/* センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい */

div#container {
	width:770px;
	margin:  0 auto;
	background-color: #FFFFFF;
	}

/* タイトル部分 */
	/* 背景画像を使用したい場合はheight（高さ）・background（背景画像）などを追加して下さい */

/* 書式・例 */

/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left no-repeat; */

div#header {
	width:770px;
	text-align: left;
	border: none;
	margin-top: 2px;
	}
	div.main {
		margin : 15px 0px;						/* タイトル部分と記事、記事部分とフッター部分の間隔 */
	}

/* 本文部分ブロック */
	/* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます */
	/* 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します */

div#right {
		float : right;
		/* 右側に回り込む */
		width : 540px;
		/* コンテンツ幅  */
	}

/* サイトインフォ関連ブロック */

div#left {
	float : left;
	width : 210px;
	padding-left: 6px;		/* コンテンツ幅 */
	}
	/* 著作表示ブロック */

div#footer {
		clear : both;
		/* 回り込みを解除 */
	}

/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

/* タイトル */

div#header h1 {
	font-size:24px;
	font-weight:bold;
	color: #FF59D6;
	margin-left: 26px;
	padding-top: 12px;
	margin-right: 26px;
	}

/* ヘッダー内のリンク設定 */

div#header a { 
	font-weight: bolder;
	color: #FF59D6;
	text-decoration: none;
	}
	
	div#header a:hover{
	font-weight: bold;
	color: #FF59D6;
	text-decoration: underline;
}

/* サイトの説明 */

div#header p {
	padding: 8px 30px 0px 60px;
	font-size:12px;
	font-weight: bold;
	color: #333333;
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */
	}

.TopBG{
	position: z-index: 0;
	width:770px;
	height:220px;
	margin-bottom: 10px;
	}

/* leftの設定
------------------------------------------------------------ */

/* 各記事毎のブロック */
	/*
        .contents
        *-------------+
        |             |
        |             |
        |  main_body  |
        |             |
        |             |
        +-------------+

各記事はこのようにブロックで記事毎に階層が分けられています */

/* コンテンツは記事を１エントリーずつ囲んでいるブロックです。コメント・コメントフォーム・トラックバックなども、このブロックで囲まれています */
	
	div.contents {
	text-align: left;
	padding-left: 3px;
	background-image: url(http://blog-imgs-11.fc2.com/m/y/d/mydomain/sm_ttl.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	}
	
	div.main_body {
		line-height: 1.6;
	}
	
	
	/* 記事のタイトル部分 */

div.main_body h2.entry_header {
	font-weight:bold;
	font-size:13px;
	color:#CC0099;
	padding-left: 38px;
	line-height: 1.4em;
	voice-family : "\"}\"";
	voice-family : inherit;
	padding-top: 5px;
	padding-bottom: 28px;
	}

div.main_body h2 {
		font-size : 120%;
		/* 文字サイズ */
		/* 空白 */
		color: #FF00CC;
		/* 文字色 */
		letter-spacing: 2px;
		/* 文字と文字の感覚 */
		line-height: 35px;
	}
	
	/* 記事タイトルのリンク設定 */

h2 a:link, h2 a:visited {
	text-align: left;
	font-weight:bold;
	font-size:18px;
	color: #FF59D6;
	text-decoration: none;
	padding-left:12;
	padding-right: 3px;
	display: block;
	line-height: 1.3em;
	}
	h2 a:hover, h2 a:active {
	text-decoration: underline;

}
	
	
	
	/* 段落の設定 */

div.main_body p {
		margin : 1em 0em;
		/* 上下1行分空ける */
	}

/* 記事本体部分 */

div.entry_body {
	margin : 0px 10px 0px 38px;
	text-align: left;
	background-image: url(http://blog-imgs-11.fc2.com/m/y/d/mydomain/sm_ttl_b.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

/* 追記部分 */

div.more {
	  margin: 15px 0px 10px;
	  padding: 15px 0px 10px;
	  border-top: 1px dashed #151515;
	}

/* 記事中に使われたタグのリンクリスト */
	
	div.entry_body p.tag_lnk {
		margin-top: 15px;
		font-size: 95%;
	}
	
	/* 記事の投稿先テーマ・ジャンル */

div.entry_body p.theme {
		margin-top: 15px;
		font-size: 95%;
	}

/* 拍手・ブックマークへの登録ボタン */
	
	div.fc2_footer{
		margin: 1em 0;
	}
	
	
	/* フッター部分（コメントやトラックバックなど） */

div.main_body ul.entry_footer {
		margin: 0px 10px 15px 30px;
		padding: 5px;
		color: #353535;
		font-size: 95%;
		text-align: right;
	}

div.main_body ul.entry_footer li {
		display : inline;
		list-style-type : none;
	}

/* 全記事表示・検索結果表示の時の日付部分 */
	
	div.entry_body span.state {
		display: block;
		padding: 5px;
		color: #999;
		font-size: 95%;
		text-align: right;
		border-bottom: 1px solid #151515;
	}

/* コメント・トラバ見出し */

div.sub_header {
	line-height: 35px;
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	}

/* コメント・トラックバックのタイトル */

div.main_body h3 {
	    font-size: 100%;
		color: #333333;
		/* 文字色 */
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */
	}

html>body div.main_body h3 {
		margin: 10px 10px 2px;
		color: #666666;
		/* 文字色 */
	}

/* リンク */
	
	h3 a:link, h3 a:visited {
	color: #FF00CC;
	text-decoration: none;
	}
	h3 a:hover, h3 a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF00CC;
	}

/* ページ移動用ナビゲーション */

p.page_navi {
		margin-bottom : 15px;
		color: #151515;
		font-size: 95%;
		text-align: center;
	}

/* ページトップへのリンク */
	div.pagetop {
	padding: 10px 5px 0px;
	font-size: 95%;
	text-align: right;
	color: #151515;
	}

/* コメント部分の設定
------------------------------------------------------------ */

/* コメントフォーム */

div#right form {
		margin: 0px 10px 15px 35px;
		padding: 10px 0px 25px;
		text-align :left;
		line-height: 200%;
	}
	
	
	/* 管理者だけにコメント */

input#himitu {
		margin-right : 0.5em;
	}

/* コメントフォームのボタン */

p.form_btn {
		margin-top : 20px;
	}

/* コメント本文 */
	div.main_body h3.comment_header {
	margin: 0px 10px;
	padding : 0px 0px 10px;
	color: #FF00FF;
	}

div.comment_body {
		margin: 0px 10px 15px 35px;
		padding : 0px 0px 10px;
	}

/* コメントフッター */

ul.comment_footer {
		margin: 0px 10px 10px 35px;
		padding: 5px;
		color: #999;
		text-align: right;
		font-size: 95%;
	}

ul.comment_footer li {
		display : inline;
		list-style-type : none;
	}

/* トラックバック部分の設定
------------------------------------------------------------ */

/* トラックバックURL */

p.trackback_uri {
		margin: 0px 0px 10px 35px;
		padding : 10px 0px;
	}

p.trackback_uri a {
		font-size: 95%;
	}

/* トラックバックURLワンクリックフォーム */

p.trackback_uri input {
		margin: 10px 0px 5px 0px;
		padding: 1px;
		font-size: 100%;
		line-height: 1.5;
		border: 1px solid #353535;
		color: #666666;
		width: 90%;
	}

/* トラックバック先の概要 */

div.trackback_excerpt {
		margin: 0px 10px 15px 35px;
		padding: 0px 0px 10px;
	}

/* トラックバックフッター */

ul.trackback_footer {
		margin: 0px 10px 15px 35px;
		text-align: right;
		font-size: 95%;
		color: #666;
		border-bottom: 1px solid #151515;
	}

ul.trackback_footer li {
		display : inline;
		list-style-type : none;
	}

/* サイドメニュー（プラグイン）の設定
------------------------------------------------------------ */

dl.plugin {
	width: 200px;
	text-align: left;
	float:left;
	padding-top: 6px;
	margin-right: 2px;
	padding-left: 2px;
	background-image: url(http://blog-imgs-11.fc2.com/m/y/d/mydomain/sn_pibg.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 2px;
	margin-bottom: 20px;
	}
	
	
	dl.plugin dt {
	font-weight:bold;
	font-size:13px;
	color:#FF59D6;
	padding-right:0;
	padding-left:10;
	padding-top:2;
	padding-bottom:2;
	voice-family : "\"}\"";
	voice-family : inherit;
	margin-left: 10px;

}

dl.plugin dd {
	text-align:left;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	line-height: 1.5em;
	}

/* サイドメニューリストマーク設定 */
	#left ul {list-style:none; margin:0; padding:0;}
	#left li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 0px;
	display:block;
	}
	#left li a {
	margin-bottom: 2px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 1.5em;
	background-image: url(http://blog-imgs-11.fc2.com/m/y/d/mydomain/snow_b.gif);
	}
	#left li a:hover {
	text-decoration: underline;
	color: #FF59D6;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(http://blog-imgs-11.fc2.com/m/y/d/mydomain/snow_p.gif);
	}

#left p{
		margin: 0px 0px 20px 0px;
		text-align:left;
	}
	
	
	/* メニュー内のリンク設定 */
	
	dl.plugin a:link, dl.plugin a:visited {
	margin-bottom: 2px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	line-height: 1.5em;
	}
	dl.plugin a:hover, dl.plugin a:active {
	text-decoration: underline;
	color: #FF59D6;
	}

/* カレンダー部分の設定（HTMLソースは管理画面のプラグインHTML参照）
------------------------------------------------------------ */

/* カレンダー表示用のテーブル設定 */

.plugin-calender {
		width:190px;	/* 幅 */
		font-size:10px;		/* 文字サイズ */
		border-collapse: separate;	/* 値の入っていないセルも表示する */
		margin: 15px 0px 10px;
		color: #333333;
	}

/* カレンダー見出（前月・当月・次月などのリンク部分） */

.plugin-calender caption {
		text-align: center;
	}

/* カレンダーのセル見出（曜日表示部分） */
	
	.calender {
		width:200px;	/* 幅 */
		font-size:10px;		/* 文字サイズ */
		border-collapse: separate;	
		/* 値の入っていないセルも表示する */
		margin: 15px 0px 10px;
		text-align:center;
	}

.calendar th {
	  width:20px;
	  height:25px;
	  font-size:10px;
	  text-align:center;
	  font-weight: nomal;
	}

/* 土曜日を青色表示 */
	th#sat { color:#336699;}
	
	/* 日曜日を赤色表示 */
	th#sun { color:#aa0606;}

/* カレンダーのセル部分（日付表示部分） */

.calendar td {
		width:20px;
		height:25px;
		text-align:center;
	}

/* カレンダーリンク部分 */
	
	
	.calender td a {
	  display:block;
	  font-weight: bold;
}

.calender td a:link,
	.calender td a:visited{
	color: #3A7DFB;
	text-decoration: underline;
	padding: 0px;
	margin-top: 0px;
}

.calender td a:hover{
		color: #FF59D6;
		text-decoration: none;
}

/* フッター部分の設定
------------------------------------------------------------ */

div#footer p {
	text-align : center;
	padding: 2px 0px;
	font-size: 95%;
	}

/* リンク設定 */

div#footer p a:link,
	div#footer p a:visited {
	color: #333333;
	text-decoration: none;
	}
	div#footer p a:hover,
	div#footer p a:active {
	color: #333333;
	text-decoration: underline;
	}
div#FooterBlock {
	clear:both;
	background-image: url(http://blog-imgs-11.fc2.com/m/y/d/mydomain/sm_ftbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 94px;
	padding-top: 32px;
}

div#FooterBlock a{
	clear:both;
	color: #333333;
	text-decoration: none;
}
div#FooterBlock a:hover {
	text-decoration: underline;
}

pink_on_black

シンプルな黒背景にビビッドなピンクが印象に残るテンプレートpink_on_blackを公開致しました。

プレビュー

night_earth　（共有テンプレート）

NASAが提供している地球の夜景を背景にして、宇宙遊泳をイメージしてみました。ワイドディスプレイで100兆ドルの夜景をお楽しみください。

プレビュー

InternetExplorer（他のブラウザはＯＫです）において、一部ブログツールでJavaScriptの相性が悪く、当該ブログツール以降のリンクがクリックできないケースがあることが報告されましたので、プラグイン部分とエントリ部分での透過pngファイルの利用をやめ、アルファチャンネルにて対応することにしました。
また、一部環境において表示がスムーズでないとのご報告も頂きましたが、JavaScriptの利用を抑えたため、若干改善出来ているものと思います。XP環境でメモりが512MB程度あれば問題は無いと思われます。

※ アダルトでの利用はご遠慮下さい。

| ホーム |

PREV PAGE « BLOG TOP » NEXT PAGE

がりんぺいろのFC2ブログテンプレート

FC2ブログのカスタマイズとテンプレート

プロフィール

リンク

テンプレート

最近の記事

最近のコメント

月別アーカイブ

カテゴリー

ブロとも申請フォーム

ユーザータグ

ブログ内検索

RSSフィード

Ads by Google

snowman_flash

hirameki_Bulb

snowman

pink_on_black

night_earth　（共有テンプレート）

がりんぺいろのFC2ブログテンプレート

FC2ブログのカスタマイズとテンプレート

プロフィール

リンク

テンプレート

最近の記事

最近のコメント

月別アーカイブ

カテゴリー

ブロとも申請フォーム

ユーザータグ

ブログ内検索

RSSフィード

Ads by Google

snowman_flash

hirameki_Bulb

snowman

pink_on_black

night_earth （共有テンプレート）

night_earth　（共有テンプレート）