忍者ブログ
| Admin | Write | Comment |
テンプレ作成を主にしています。
2017.08.<< | 2017.09. 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 | >>2017.10.
最新コメント
最新トラックバック
カレンダー
08 2017/09 10
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
バーコード
ブログ内検索
カウンタ
LINK
テンプレートに利用させていただいている素材サイト様です。
すべて利用可、または利用許可をいただいているサイト様です。

Mako's

NeckDoll†人形首†暗黒素材-御伽草子

Pearl Box

深黒

はながら屋

Atelier Black/White

Alice Blue

CoCo*

プロフィール
HN:
Rirua
性別:
非公開
自己紹介:
ブログタイトル、URLを見てわかる人はわかってもらえるかと…
管理人リンク
管理人が他にしているブログです。
テンプレート関連以外のことはこちらに書いています(ちょっと放置気味)

趣味ブログ
ジャニブログ
メールフォーム
不都合やこんなの作れる?というリクエスト等あればお気軽にメールください。<BR> 要返信の内容の場合、メールアドレス必須でお願いします。<BR> デザインに関するものは該当ブログURL必須でお願いします。<BR> 誹謗中傷、小文字ギャル文字乱用はご遠慮ください。<BR>
×

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


白黒反転バージョンを作ってみました。
背景は黒で統一してますが、背景が黒だった左右余白部分を白にしたい方っていらっしゃるんでしょうか。

CSS差し替えでできます。

追記からどうぞ☆



◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆




html{scrollbar-arrow-color: #fff;scrollbar-base-color: #fff;scrollbar-face-color: #000;scrollbar-highlight-color: #000;scrollbar-3d-light-color: #fff;scrollbar-shadow-color: #fff;scrollbar-track-color: #000;scrollbar-darkshadow-color: #fff;}
body {text-align:center;background-color:#000;font-size:12px;color:#fff;font-family:"MS UI Gothic","Osaka","sans-serif";margin:auto;}
input,textarea{border:1px solid #fff;background-color:#000;color:#fff;}
.box{border:1px solid #fff;background-color:#000;color:#fff;}
.btn{margin-top:5px;border:1px solid #fff;background-color:#000;color:#fff;}
td {text-align:center;font-size:12px;}
table{border-collapse: collapse;}
a:link {color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover {color:#f00;text-decoration:none;}
a:active {color:#f00;text-decoration:none;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.emoji {vertical-align:middle;}
#LayoutBlock {width:850px;background-color:#000;text-align: center;margin:auto;padding:0px;text-align:center;}
#TopBlock {width:100%;height:300px;background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-top-850.jpg');
background-position:top center;background-repeat:no-repeat;text-align:left;margin: 0px;}
#TopTitle {padding: 130px 50px 0px 380px;font-size:18px;font-weight:bold;}
#TopTitle a:hover {text-decoration:none;}
#TopExplanation {padding: 10px 200px 0px 390px;color:#999;text-align: left;}
#AdminBlock{text-align: right;padding: 0px 5px 5px 5px;color:#999; }
#AdminBlock a:link {text-decoration:none;color:#999;}
#AdminBlock a:visited{text-decoration:none;color:#999;}
#AdminBlock a:active {text-decoration:line-through;color:#7f7f7f;}
#AdminBlock a:hover {text-decoration:none;color:#7f7f7f;}
#FooterBlock {width : 100%;height:100px;clear:both;text-align: center;padding:10px 0px 0px 0px;}
#FooterBlock a:hover {text-decoration:none;}
#FooterBlock a:active {text-decoration:line-through;}
#LeftBlock{float: left;width: 230px;margin: 0px 0px 0px 10px;}
.Plugin {text-align: left;}
.Plugin a:link {text-decoration:none;}
.Plugin a:visited{text-decoration:none;}
.Plugin a:hover {text-decoration:none;color:#f00;}
.PluginInner {background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-200-c.gif');background-position:center;background-repeat:repeat-y;margin-bottom: 20px;padding: 0px;}
.PluginTitle {text-align: center;font-weight:bold;font-size:14px;background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-200-top.gif');background-position:top center;background-repeat:no-repeat;padding:35px 20px 10px 30px;}
.PluginExplanation {padding: 0px 20px;}
.pluginContents {font-size:12px;text-align: center;padding: 10px 20px 0px 20px;}
.PluginFooter{background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-200-bottom.gif');background-position:bottom center;background-repeat:no-repeat;height:1px;padding: 15px;}
.plugin_data {text-align:left;padding:0px;font-size: 12px;}
.plugin_data_date {text-align:right;font-size: 10px;}
#EntryBlock {width:600px;float: right;text-align: left;margin: 0px;}
.EntryInner {background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-500-c.gif');background-position:center center;background-repeat:repeat-y;padding: 0px 20px;text-align: left;margin-bottom: 20px;}
.EntryTitle {background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-500-top.gif');background-position:top center;background-repeat:no-repeat;text-align: center;font-size:16px;font-weight:bold;padding:125px 20px 10px 20px;margin:0px 30px;}
.EntryTextBox {margin: 0px;padding:0px 20px;}
.EntryText {padding:0px 30px;line-height:140%;}
blockquote{background-color:#999;color:#ccc;padding:10px;}
.EntryPsText {padding: 0px 30px;text-align: right;}
.EntryFooter {background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-500-bottom.gif');background-position:bottom center;background-repeat:no-repeat;padding: 10px 45px 120px 30px;text-align:right;
margin: 0px 0px 30px 0px;}
.EntryDate {text-align: right;padding: 5px 45px 5px 30px;}
.EntryWriteDate {margin-left: 5px;}
.EntryCategory {margin-left: 5px;}
.EntryComment {margin-left: 5px;}
.EntryTrackback {margin-left: 5px;}
.PageLinkBlock{width:100%;text-align:center;padding:10px;}
.CommentBlock{width:450px;padding:10px 0px;margin-top:20px;}
.CommentBlock a:link { text-decoration:none; }
.CommentBlock a:visited{ text-decoration:none;}
.CommentBlock a:active { text-decoration:underline;}
.CommentBlock a:hover { text-decoration:none; }
.Commentbottom{height:20px;margin-bottom:15px;}
.CommentMenuTitle{color:#ccc;padding-left:30px;text-align: left;}
.CommentTextBox{background-color:#999;margin: 0px 0px 0px 90px;}
.CommentTitle{background-color:#999;text-align: left;padding:5px;font-weight:bold;border-bottom:dashed 1px #ccc;}
.CommentTitleh{text-align: left;padding-left:15px;margin:5px;}
.CommentText{padding: 10px 20px 10px 20px;background-color:#999;}
.CommentFooter{text-align:right;padding: 10px;}
.CommentUserName{margin-left: 5px;}
.CommentURL{margin-left: 5px;}
.CommentWriteDate{margin-left: 5px;}
.CommentEdit{margin-left: 5px;}
.CommentFormBlock{margin-bottom:20px;}
.CommentFormTh{font-size:10px;font-weight:bold;padding:3px 5px;text-align:right;color:#ccc;}
.CommentFormTd{padding-top:5px;text-align:left;}
.CommentFormSubmit{font-size:10px;color:#ccc;margin-left:5px;width:80px;height:18px;background-color:#000;}
.CommentFormpass{font-size:12px;color:#ccc;background-color:#000;}
.CommentForms{color:#ccc;background-color:#000;font-size: 12px;}
.TrackbackBlock{padding:10px;margin: 20px 0px;color:#ccc;}
.TrackbackMenuTitle{text-align: left;}
.TrackbackTextBox{margin: 5px 0px;border:solid 1px #ebebeb;}
.TrackbackTitle{text-align: left;font-weight:bold;border-bottom:dashed 1px #ebebeb;padding-top:10;padding-right:10;padding-bottom:5;padding-left:10;}
.TrackbackText{padding: 10px;line-height:140%;font-size:12px;}
.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;margin-left: 30px;}
.CalendarMoveTable {padding:3px;width:190px;}
.CalendarTable {background-image:url('http://file.sparkinglove.blog.shinobi.jp/b_deep-ca.gif');background-position:center center;background-repeat:no-repeat;width:190px;padding:5px 0px 20px 0px;}
.CalendarWdayTr {font-size: 14px;}
.CalendarTdSun {padding:5px 0px;}
.CalendarTdSat {padding:5px 0px;}
.CalendarTdLink {font-weight:bold;background-color:#737373;}
.CalendarTdLinkFont { color:#fff;}
.CommentResBlock {padding:0px 0px 10px 30px;width:90%;margin: 0px ;}
.CommentResBox {background-color:#000;padding:20px;border:dashed 3px #999;}
.CommentResTitle {font-size:12px;font-weight:bold;}
.CommentResText {padding:10px 0px 0px 10px;}
.CommentResheader {text-align:right;margin:5px 0px;}
.CommentResFooter {text-align:right;margin:5px 0;}



PR

この記事にコメントする
NAME:
TITLE:
MAIL:
URL:
COMMENT: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
PASS: 管理人のみ表示
お借りします
このテンプレ、かっこいいですね!
右上の画像も最高!! なので
このテンプレお借りします
2007/08/14(Tue)18:54:25 編集
Re:お借りします
Rirua
ありがとうございます!
返信が大変遅くなり申し訳無いです(汗)
2007/09/11(Tue) 13:25
お借りいたします
四月一日
はじめまして。
ずっとこれの元バージョンを気に入って使わせていただいてたのですが、ちょっと気分転換に黒背景バージョンをお借りいたします。
蝶の絵がとても素敵で、携帯版もPC版も絵を生かした手の込んだデザインで、本当に素敵ですね。
一つ質問なのですが、

>背景は黒で統一してますが、背景が黒だった左右余白部分を白にしたい方っていらっしゃるんでしょうか。

ここにしたい者が約一名おります。
よろしければ設定方法などお教えいただけませんでしょうか?
お時間がおありの時にでもお答えいただけますと幸いです。
2007/11/09(Fri)02:09:07 編集
Re:お借りいたします
Rirua
初めまして☆ご利用ありがとうございます。
私もこの素材サイト様で作成されていたデザインがとても気に入って、ぜひとも使いたいと思って作ったテンプレなので、そう言ってくださると嬉しいです☆

背景の色の変更は、CSSの
body {text-align:center;background-color:#000;font-size:12px;color:#fff;font-family:"MS UI Gothic","Osaka","sans-serif";margin:auto;}

これを、

body {text-align:center;background-color:#fff;font-size:12px;color:#fff;font-family:"MS UI Gothic","Osaka","sans-serif";margin:auto;}

これに置き換えてください。
それで左右部分が白に変更されます。
2007/11/09(Fri) 14:04
ありがとうございます
四月一日
折角教えていただけていたのに、お礼が遅くなってしまい大変申し訳ないです・・・
さっそく使わせていただきます!!
2007/11/24(Sat)10:11:29 編集
お借りします
あゆ
黒背景が好きなのでこちらに差し替えさせていただきました。
ありがとうございます。
プラグインの縦の点線が緑っぽく見えるのは仕様でしょうか・・?
ちょっと気になったもので・・。
2007/12/29(Sat)15:38:31 編集
点線の色についてですが。
あゆ
前回コメントさせていただいたのですが・・。
プラグインの縦の点線が緑っぽく見えるのは仕様でしょうか・・?
そこがどうしても気になったもので。
何度も投稿申し訳ありません。
2008/01/17(Thu)01:16:19 編集
遅くなりました!
Rirua
確かにDLしてみたら薄く緑がかっていました(汗)
修正して再UPしてありますので、白になっていると思いますので確認してみてください。
2008/01/23(Wed) 14:26
お借りします
水咲 春瑠
初めまして、水咲春瑠と言います。
このテンプレ、すっごく格好良いですね!
私のブログに使わせてもらいます。
これからもテンプレ作り、頑張ってください!
陰ながら応援しています。
2008/01/29(Tue)22:08:47 編集
Re:お借りします
Rirua
コメントありがとうございます☆
しばらくテンプレから離れていたので、また気に入った素材を見つけて行きたいと思います。
2008/02/04(Mon) 16:59
遅くなりました;
あゆ
修正ありがとうございました!
ある日突然白くなっていたので私のPCのせいかと思っていました;;
ディスプレイが壊れていたらしいので;
お忙しい中、ありがとうございました!
ずっと使わせていただきます<(*_ _)>゛
2008/02/03(Sun)14:27:28 編集
Re:遅くなりました;
Rirua
いえいえ、こちらからお伺いできればよかったんですが(汗)
ファイル名を変更しなかったので、今まで使われていたテンプレートでそのまま使っていただけるように修正したんですよ。
気に入っていただけて嬉しいです☆
2008/02/04(Mon) 17:01
お借りします
エミ
いつも。。Riruaさんのテンプレ好きで使わせてもらってます。

主に3カラムですが。。私の場合プラグインが多くて2カラムだと長いと友達に言われ。。最近折りたたみプラグインを利用してますが。。

Riruaさんのテンプレは勝手にカスタマイズしても大丈夫でしたか?。。
2008/02/26(Tue)15:59:11 編集
返信遅くて申し訳ないです!!
Rirua
テンプレのカスタマイズはご自由に行っていただいてかまいません!
ただ、素材を入れ替えられる場合は素材リンク表記も変更してくださいね。

私も折りたたみプラグイン付けたいとは思っているので勉強してきます(汗)
2008/03/18(Tue) 15:50
リクおねがいします。
Late
はじめまして。
ずっとこのテンプレートを使わせていただいております。
とてもいいです!最高です!
それで横の黒(または白)の余白がとても気になるですよ。余白を失くしたバージョンを作っていただけないでしょうか??

よろしくお願いいたします^-^)

2008/05/23(Fri)21:03:47 編集
Re:リクおねがいします。
Rirua
メールフォームからもお問い合わせいただきましたので、メールにて対応させていただきました。
無事変更、疑問点(?)も解決できたようでよかったです☆
2008/05/24(Sat) 00:38
お借りいたしました
蓮-Ren-
はじめまして。
蓮-Ren-と申します。
とても素敵なテンプレートですね、早速お借りいたしました。
ありがとうございました。
2008/10/17(Fri)12:54:02 編集

Copyright カキゴオリ☆。。All Rights Reserved.
Powered by NinjaBlog / Material By *05 free photo / Template by カキゴオリ☆
忍者ブログ [PR]