超シンプルなdivレイアウトスキン(公式テンプレ"強引"カスタマイズ)

《Yahoo!知恵袋》より。
>シンプルで線も無く真っ白で文字も小さめのスキンに変更
管理ページ→スキン変更→マイスキン→[新しいスキン作成]
で、開くページにある「白スキン」ではないかと思います。

このスキンは、個人的には文字サイズなどのバランスがいいと感じていて、いいスキンに見えるのですが。
タグをみると「tableレイアウト」と言われているものです。特徴は下記のとおり。
・画像サイズを大きくしても崩れない。
・しかし、表示速度が遅い。

公式「ワトソンブック」だと、表示速度が速いdivレイアウトです。
これをベースに、真っ白スキンを作ってみましたので、もしよかったら、お使いください。
※「ワトソンブック」のカレンダーがカッコイイと思ったので、そこは活かしました。

◆2013.7注記:このスキンCSSは、エキサイト公式スキンのアレンジです。使用にあたり、当方へのコメントは必須ではありません。どうぞ、ご自由にお使い下さい。




管理ページ→スキン変更→「ワトソンブック」編集
下記テキストエリア内をクリックし、Ctrl+a(全選択)、Ctrl+c(コピー)でコピーしてください。
ワトソンブックのCSSも、Ctrl+a(全選択)、Del(削除)で、全文削除し、Ctrl+v(貼り付け)で、コピー内容を貼り付けてください。
保存して適用すれば、完成です。


body div{margin: 0px; padding: 0px;}
body { margin: 0px; padding: 0px; font-size: 100%; color: #222; }
body, td { font-size: small; line-height: 1.4; font-family:"Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS Pゴシック","sans-serif"; word-break: break-all; word-wrap:break-word; }

a:link { color: #555; text-decoration: none; }
a:visited { color: #555; text-decoration: none; }
a:hover { color: #00f; text-decoration: underline; }
img { border:0; }

#header { margin: -1px auto 0px;}
.headerImg { position: relative; width: 860px; height: 76px; margin: 0px auto; padding-top: 10px; }
#header h1 { margin: 0px; font-size: 22px; line-height: 1.2; }
#header h1 a:link, #header h1 a:visited { text-decoration: none; }
#header h1 a:hover { color: #FFF; }
#header .url { padding-left: 2px; }
#header .url a:link, .url a:visited { }
#header .url a:hover { text-decoration: underline; color: #FFF; }
#header .userMenu{ position: absolute; margin: 0px; top: 64px; right: 0px; font-size: 12px; line-height: 1.2; color: #666; }


#container { width: 860px; margin: 0px auto; padding-top: 16px; }
#main { float: left; width: 640px; padding-bottom: 20px; }
#menu { float: right; width: 180px; font-size:80%;}
.profile { overflow: hidden; margin-bottom: 10px; padding: 12px 8px 8px; border: 1px solid #f3f0eb; }
.profile p { margin: 0px; }
.profile .LOGO { margin-bottom: 6px; }
.description { line-height: 1.3; }
.profile p.nick { margin: -1em 0px 0px; line-height: 1.2; font-size: 11px; }
.mn { overflow: hidden; }
.mnTtl { height: 22px; margin: 12px 0px 4px; padding: 0px 0px 0px 16px; font-weight: bold; background-repeat: no-repeat; font-weight: bold; }
.mnBody { width: 180px; margin-bottom: 20px; }
.MEMOBODY { overflow: hidden; }

.post { margin-bottom: 70px; }
.postHead {border-left:#8c8781 10px solid;padding-left:7px;}
.postHead h2 { font-size:96%;}
.postadmin { padding-top: 5px; font-size: 12px; text-align: right; color: #999; }
.postBody { overflow: hidden; width: 640px; margin: 0px 0px 12px; padding-top: 10px; font-size:80%;line-height: 1.6; }
.postBody h3 {border-left:#8c8781 7px double;padding-left:4px;font-size:100%;}
blockquote { clear: both; margin: 10px; padding: 6px 10px; background-color: #FFF; }
.TAGS { padding-top: 8px; clear: both; line-height: 1.4; font-weight: bold; color: #888; }
.TAGS a:link, .TAGS a:visited { padding: 0px 0px 0px 2px; font-weight: normal; color: #555; }
.postTail { padding: 8px 10px 0px 0px; font-size: 11px; text-align:}

.COMMENT { margin-top: 8px; padding: 15px; }
.COMMENT_BODY { width: 610px; margin-bottom: 20px; overflow: hidden; line-height: 1.4; }
.COMMENT_TAIL { margin: 5px 0px; font-size: 11px; }
.COMMENT_INPUT { margin-top: 10px; padding-top: 18px; border-top: 1px dotted #8F8B83; }
.COMMENT_INPUT form { margin: 0px; padding: 0px; }
.COMMENT_LINE { margin : 10px 0px 15px; border-top: 1px dotted #8F8B83; }

.pageNavi { width: 240px; margin: auto; color: #999; font-size:80%;}
.pre { float: left; margin: 0px; }
.next { float: right; margin: 0px; }

img.IMAGE_TOP { margin-bottom: 12px; }
img.IMAGE_LEFT { margin-right: 12px; margin-bottom: 12px; }
img.IMAGE_RIGHT { margin-left: 12px; margin-bottom: 12px; }
img.IMAGE_MID { margin-top: 12px; margin-bottom: 12px; }

.BANNER { text-align: center; }
.SMALL { font-size: x-small; color: #999; }
.DATE { }
.TIME { }
.AUTHOR { font-weight: bold; }
.TXTFLD { font-size: 100%; border: 1px solid #666666; }
.SUBMIT { font-size: 100%; line-height: 1.4; }

DIV.CAL_TOP { }
DIV.CAL { padding: 32px 0px 8px; border: 1px solid #D7D4CD; background-image: url(http://md.exblog.jp/skn/img/a/01/13/8/content.jpg); background-repeat: no-repeat; background-position: 0px -3px; }
DIV.CAL_HEAD { font-size: 10px; line-height: 22px; font-family: Verdana, sans-serif; }
DIV.CAL_BODY { margin: 4px 10px 0px; }
DIV.CAL_BOTTOM { }
.CAL { text-align: center; }
.CAL td { font-size: 10px; font-family: Verdana, sans-serif; line-height: 16px; }
.CAL_DAY { font-weight: bold; }
.CAL_SUN { font-weight: bold; color: #C00; }
.CAL_SAT { font-weight: bold; color: #369; }
.CAL_TODAY { font-weight: bold; background-color: #FFF; }
.CAL td a:link, .CAL td a:visited { display: block; font-weight: bold; background-color: #DDDAD4; }
DIV.XML { padding: 8px 0px 20px; font-size: x-small; line-height: 1.1; font-family: Verdana, sans-serif; text-align: center; }
[PR]
by as-o2 | 2010-02-04 12:36 | スキン配布 | Comments(29)
Commented by *mie* at 2010-02-05 21:46 x
はじめまして。
yahoo知恵袋で質問した*mie*と申します。
ご丁寧に教えていただきありがとうございました!
早速エキサイトブログを登録し直しました☆

まだこれからいろいろとやっていくつもりです。

また色々教えていただけたらと思います。
ありがとうございました!
Commented by as-o2 at 2010-02-06 16:21
いらっしゃいませ。
>まだこれからいろいろ
《知恵袋》は人が多くてにぎやかですけども、補足が1回しかいただけないのが、ツライですねー。

《eXcite》の掲示板もありますので。。。
(h)ttp://www.excite.co.jp/bbs/blog/

本格スタート楽しみにしております。
Commented by mugi1015 at 2010-02-25 14:09
はじめまして。
yahoo知恵袋から飛んできましたむぎと申します。
初めてエキサイトブログに登録をしたのですが、
私もコチラのスキンいただいてもよろしいでしょうか?

Commented by as-o2 at 2010-02-25 23:50
どうぞどうぞ、お持ちください^^
Commented by mugi1015 at 2010-02-26 08:05
ありがとうございます♪早速使わせていただきます!
Commented by hal at 2011-02-16 16:14 x
はじめまして。
yahoo知恵袋から飛んできましたhalと申します。
先日、エキサイトブログに引っ越しをしたのですが、
写真を載せるのによいものが見つかりませんでした.
よろしければ私もコチラのスキン頂きたいのですがよろしいでしょうか?
Commented by as-o2 at 2011-02-17 12:31
お役にたつようでしたら、どうぞどうぞ。
Commented by hal at 2011-02-17 19:34 x
ありがとうございました。さっそく使わせていただきます。
Commented by creisi at 2011-06-19 00:44
私もシンプルなスキンを探していて辿り着きました。creisiと申します。こんなの探していました!ぜひ使わせてください!
Commented by mydear777 at 2012-08-05 21:36
シンプルスキンを探していました。
使わせて下さい。ありがとうございます。
Commented by as-o2 at 2012-08-10 12:31
お役にたてば幸いです。
Commented by ikko2010 at 2012-08-14 17:24
シンプルスキンを探してこちらにたどり着きました。
使わせて頂いてもよろしいでしょうか?
Commented by as-o2 at 2012-08-20 00:22
お返事遅くなりました、どうぞお使いください。
Commented by covanana at 2012-11-06 09:19
シンプルスキン、作成ありがとうございます。ぜひ使わせてください!
Commented by covanana at 2012-11-07 03:22
続投、失礼いたします。
お返事を待たずに早速適用させていただきました。スミマセン…。
このままでもシンプルで十分なのですが、こちらのタイトルのテキストを"画像にする"というのは、エキサイトブログでは可能なのでしょうか?
見当違いなことを言っていたら申し訳ございません。
お時間がある時で結構ですので、ご回答いただけると幸甚です…
Commented by as-o2 at 2012-11-09 01:52
このブログの左上に、ロゴ画像があります。同様に、「シンプルスキン」でも、タイトルを画像にすることは可能です。

画像のサイズによって、最適な入れ方が違うと思います。eXcite公式スキンの「カスタマイズ右カラム」のように、ブログ幅の写真が入る感じでしょうか。それともこのブログのように、小さく「テキストをロゴ画像にしたもの」が入るイメージでしょうか。
Commented by covanana at 2012-11-09 03:00
阿檀さんのこちらのブログのように「テキストをロゴ画像にしたもの」が入るイメージです。
厚かましいお願いで申し訳ございません…
Commented by as-o2 at 2012-11-12 12:25
遅くなりました。

ログイン、
→h)ttp://www.exblog.jp/
→ブログ管理
→スキン変更(PC)
→現在使用中のスキン
「編集」
上側のHTML編集で、
<$header$>
を探し、

画像リンクタグ<a href="ブログURL"><img src="画像URL"></a>に入れ替えてみてください。
Commented by covanana at 2012-11-12 23:17
ありがとうございます!やってみます!
Commented at 2013-02-22 09:42
ブログの持ち主だけに見える非公開コメントです。
Commented at 2013-03-27 22:09
ブログの持ち主だけに見える非公開コメントです。
Commented by as-o2 at 2013-04-16 01:57
鍵様おふたり、しばらく見てなくてすみません、お役に立てば幸い。
Commented at 2013-07-14 20:57
ブログの持ち主だけに見える非公開コメントです。
Commented at 2013-07-16 16:14
ブログの持ち主だけに見える非公開コメントです。
Commented by as-o2 at 2013-07-20 00:27
鍵さま、わざわざのコメント恐縮です。ステキな記事をお書きですね^^
Commented at 2013-07-22 20:38
ブログの持ち主だけに見える非公開コメントです。
Commented at 2013-07-22 20:48
ブログの持ち主だけに見える非公開コメントです。
Commented at 2013-07-24 11:25
ブログの持ち主だけに見える非公開コメントです。
Commented by as-o2 at 2013-07-24 22:24
鍵さま、わざわざのコメント恐縮です。