ＭＴ3.2-ja-2 スタイルシート独自解析
tag:syufway.com,2006:/test_blog/2
2006-01-18T10:22:43Z
Movable Type 3.2-ja-2
MT3.2-ja-2・自己流スタイルシート記述
tag:syufway.com,2006:/test_blog//2.64
2006-02-16T05:36:16Z
2006-01-18T10:22:43Z
/* Base Weblog (base-weblog.css) */ /* b...
みぃ
http://syufway.com
/* Base Weblog (base-weblog.css) */
/* basic elements */
body
{
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
}/*ｃｕｓｔｏｍｉｚｅ・文字サイズ*/
A:HOVER{position : relative;top : 1px;left : 1px;}/*マウスが上にあるとき位置をずらす*/
form, input { margin: 0; padding: 0; }
a { text-decoration: none; }/*ｃｕｓｔｏｍｉｚｅ・リンクの腺を消す*/
a img { border: 0; }
省略
/* basic page elements */
body
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}/*ｃｕｓｔｏｍｉｚｅ・エントリ記事の文字サイズ*/
a { color: #36414d; text-decoration: none; }/*ｃｕｓｔｏｍｉｚｅ・リンクの腺を消す*/
a:hover { color: #36414d;background-color: #d7d7d7 }/*ｃｕｓｔｏｍｉｚｅ・マウスをのせると色がつく・エントリ記事*/
#banner a { color: #292e33; text-decoration: none; }/*ｃｕｓｔｏｍｉｚｅ・バナータイトル文字の色*/
#banner a:hover { color: #292e33;background-color: #d7d7d7 }/*ｃｕｓｔｏｍｉｚｅ・バナータイトル・マウスが上にあるリンク*/
.module-content a { color: #36414d; }
.module-content a:hover { color: #36414d;background-color: #d7d7d7 }/*ｃｕｓｔｏｍｉｚｅ・リンクの上にマウスがきたとき色をつける*/
省略
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
color: #292e33;
background-image: url("con_back.gif");
background-position: top left;
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-align: left;
font-weight: bold;
padding:2px 0px 2px 26px;
line-height: 15px;
}/*ｃｕｓｔｏｍｉｚｅ・リストタイトルに画像をつける*/
省略
.archive-header a:hover
{
color: #292e33;
}/*ｃｕｓｔｏｍｉｚｅ・アーカイブリンクマウスオーバー色指定*/
/* page layout */
body
{
min-width: 720px;
color: #333;
background-image: url("body_back.gif");
}/*ｃｕｓｔｏｍｉｚｅ・bodyに壁紙を使う*/
#container
{
width: 860px;
margin-bottom: 20px;
background: #fff;
}/*ｃｕｓｔｏｍｉｚｅ・サイドの幅に合わせて変更すること*/
#container-inner
{
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #292e33;
}/*ｃｕｓｔｏｍｉｚｅ・ブログのまわりの腺*/
#banner
{
width: 860px; /* necessary for ie win */
font-family: Vardana, Arial, sans-serif;
background-image: url("banner_back.gif");
background-position: top right;
background-repeat: no-repeat;
height: 200px;
}/*ｃｕｓｔｏｍｉｚｅ・バナーの高さ指定忘れずに入れる*/
#banner-inner
{
padding: 15px 13px;
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #fff;
}
.banner-user
{
width: 70px;
margin-top: 5px;
font-size: 10px;
}
.banner-user-photo { border: 1px solid #fff; }
#banner-header
{
margin: 30px;
margin-top: 70px;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}/*ｃｕｓｔｏｍｉｚｅ・タイトル文字のサイズ・位置指定、デフォルトでは0*/
#banner-description
{
margin-top: 5px;
margin-bottom: 0;
color: #fff;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 1.125;
text-shadow: #36414d 0 1px 2px;
}/*ｃｕｓｔｏｍｉｚｅ・サブタイトル文字のサイズ*/
#alpha { margin: 15px 15px 0 15px; width: 480px; }
#beta { width: 200px; background: #e6ecf2; }
#gamma, #delta { width: 180px; background: #e6ecf2; }
#beta-inner,
#gamma-inner,
#delta-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #fff;
}
.date-header
{
margin-top: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.entry-header
{
margin-top: 0;
padding: 0 0 0 10px;
color: #fff;
font-size: 15px;
background-color: #292e33;
}/*ｃｕｓｔｏｍｉｚｅ・エントリ記事のタイトル*/
.entry-content,
.comment-content,
.trackback-content
{
margin: 0;
line-height: 1.5;
}
.entry-footer,
.comment-footer,
.trackback-footer
{
margin: 0 0 20px 0;
border-top: 1px solid #292e33;
padding-top: 3px;
color: #666;
font-size: 10px;
text-align: right;
}/*ｃｕｓｔｏｍｉｚｅ・腺の色*/
.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
margin-left: 10px;
}
.content-nav { margin-top: 0; }
#trackbacks-info
{
margin: 10px 0;
border: 1px dashed #292e33;
padding: 0 10px;
color: #292e33;
font-size: 11px;
text-align: center;
background: #f4f8ef;
}/*ｃｕｓｔｏｍｉｚｅ・トラックバックページの枠の色変更*/
.comments-open-footer
{
margin: 10px 0;
}
/* modules */
.module
{
margin: 0 0 10px 0;
background: #fff;
}/*サイドバーの枠の下の線*/
.module-content
{
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
font-size: 10px;
line-height: 1.2;
}/*サイドバーの枠の中の腺*/
.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }
.module-powered { border-width: 0; }
.module-powered .module-content
{
margin-bottom: 0;
border: 1px dashed #292e33;
padding-bottom: 10px;
color: #292e33;
background: #fff;
}/*ｃｕｓｔｏｍｉｚｅ・パワードの枠の色変更*/
.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }
.module-list
{
margin: 0;
list-style: none;
}/*ｃｕｓｔｏｍｉｚｅ・リストの●を消す*/
.module-list .module-list
{
margin: 5px 0 0 0;
padding-left: 10px;
list-style: none;
}/*ｃｕｓｔｏｍｉｚｅ・サブカテゴリの○を消す*/
省略
/* one-column tweaks */
省略
/* two-column-left tweaks */
省略
/* three-column tweaks */
.layout-three-column #alpha
{
margin: 0;
width: 200px;
background: #fff;
}/*customize・左のサイドバーのサイズ*/
.layout-three-column #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-three-column #beta
{
margin: 15px 15px 0 15px;
width: 420px;
background: none;
}/*ｃｕｓｔｏｍｉｚｅ・真ん中のサイズ*/
.layout-three-column #beta-inner
{
padding: 0;
border-width: 0;
}
/*customize・ここから追加して右のサイドバーのレイアウトを変更する*/
.layout-three-column #gamma
{
margin: 0;
width: 200px;
background: #fff;
}/*customize・右のサイドバーの幅*/
.layout-three-column #gamma-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}/*ｃｕｓｔｏｍｉｚｅ・gammaの追加・#containerを変更すること*/
スクロールバーの色を変える
tag:syufway.com,2006:/test_blog//2.194
2006-02-08T00:31:50Z
2006-02-08T00:46:46Z
スクロールバーの色を変える bodyで指定してもモ、(ノ××)ノ‾☆ ダメだった...
みぃ
http://syufway.com
スクロールバーの色を変える
bodyで指定してもモ、(ノ××)ノ~☆ ダメだったので
htmlで指定してみたらＯＫでした。
スタイルシートに以下を追加してみます。
オリジナルなスクロールバーにしたら
ブログも華やかになるかなぁ
html
{
SCROLLBAR-BACE-COLOR: WHITE;
/*スクロールバーベース色*/
SCROLLBAR-FACE-COLOR: WHITE;
/*スクロールバー本体*/
SCROLLBAR-HIGHLIGHT-COLOR: WHITE;
/*ふちどり*/
SCROLLBAR-SHADOW-COLOR: #cccccc;
/*スクロールバー右上の影*/
SCROLLBAR-3DLIGHT-COLOR: #999999;
/*スクロールバーの左側の影*/
SCROLLBAR-ARROW-COLOR: #cccccc;
/*矢印の色*/
SCROLLBAR-TRACK-COLOR: WHITE;
/*背面の色*/
SCROLLBAR-DARKSHADOW-COLOR: #002029;
/*スクロールバー右下の影*/
}
コメントのフォームの幅
tag:syufway.com,2006:/test_blog//2.65
2006-01-18T01:03:45Z
2006-01-18T10:18:01Z
今回はコメントのフォームの幅だけ変更するので , #comment-textをカ...
みぃ
http://syufway.com
今回はコメントのフォームの幅だけ変更するので
, #comment-textをカットして
この人だけの幅指定します。
/* content */
#comment-author, #comment-email, #comment-url, #comment-text
{
width: 240px;
}
↓
#comment-author, #comment-email, #comment-url
{
width: 240px;
}
/*追加*/
#comment-text
{
width: 好きな幅サイズpx;
}
ブログバナータイトルの位置
tag:syufway.com,2006:/test_blog//2.63
2006-01-16T03:20:18Z
2006-01-16T03:31:10Z
541行目 #banner-header { margin: 0; ...
みぃ
http://syufway.com
541行目
#banner-header
{
margin: 0;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}/*ｃｕｓｔｏｍｉｚｅ・タイトル文字のサイズ・位置指定、デフォルトでは0*/
↓
#banner-header
{
margin: 30px;
margin-top: 70px;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}/*ｃｕｓｔｏｍｉｚｅ・タイトル文字のサイズ・位置指定、デフォルトでは0*/
margin-top: px; 上
margin-left: px; 左
margin-rignt: px; 右
margin-bottom: px; 下
]]>
バナー
tag:syufway.com,2006:/test_blog//2.62
2006-01-14T10:10:39Z
2006-06-18T23:59:58Z
#banner { width: 710px; /* necessary ...
みぃ
http://syufway.com
#banner
{
width: 710px; /* necessary for ie win */
background: #a3b8cc;
}
#banner-inner
{
padding: 15px 13px;
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #fff;
}
.banner-user
{
width: 70px;
margin-top: 5px;
font-size: 10px;
}
.banner-user-photo { border: 1px solid #fff; }
#banner-header
{
margin: 0;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}/*ｃｕｓｔｏｍｉｚｅ・タイトル文字のサイズ*/
これはデフォルト
高さ指定
height: 70px;
忘れずに入れる
エントリ記事のタイトル
tag:syufway.com,2006:/test_blog//2.59
2006-01-14T06:22:19Z
2006-01-14T06:53:32Z
583行目 .entry-header { margin-top: 0; ...
みぃ
http://syufway.com
583行目
.entry-header
{
margin-top: 0;
border-left: 5px solid #dae0e6;
padding: 0 0 0 10px;
color: #666;
font-size: 18px;
}/*ｃｕｓｔｏｍｉｚｅ・エントリ記事のタイトル*/
変更後
.entry-header
{
margin-top: 0;
padding: 0 0 0 10px;
color: #fff;
font-size: 15px;
background-color: #292e33;
}/*ｃｕｓｔｏｍｉｚｅ・エントリ記事のタイトル*/]]>
リストタイトル・画像をつける
tag:syufway.com,2006:/test_blog//2.58
2006-01-14T05:49:25Z
2006-01-15T11:57:22Z
449行目 .archive-header { /* ie win (5,...
みぃ
http://syufway.com
449行目
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-left: 5px solid #36414d;
padding: 5px;
color: #fff;
background: #a3b8cc;
font-size: 11px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}/*ｃｕｓｔｏｍｉｚｅ*/
変更後
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
color: #292e33;
background-image: url("con_back.gif");
background-position: top left;
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-align: left;
font-weight: bold;
padding:2px 0px 2px 26px;
line-height: 15px;
}/*ｃｕｓｔｏｍｉｚｅ・リストタイトルを画像にする*/]]>
バナータイトル文字の色
tag:syufway.com,2006:/test_blog//2.57
2006-01-14T05:22:52Z
2006-01-14T05:46:18Z
434行目 #banner a { color: #292e33; text-d...
みぃ
http://syufway.com
434行目
#banner a { color: #292e33; text-decoration: none; }
/*ｃｕｓｔｏｍｉｚｅ・バナータイトル文字の色*/
435行目
#banner a:hover { color: #fff; }
#banner a:hover { color: #292e33;background-color: #d7d7d7 }
/*ｃｕｓｔｏｍｉｚｅ・バナータイトル・マウスが上にあるリンク*/
色は#292e33にしてみました。
今回追加したのはマウスを上におくと
バックに色がでるというもの
background-color: #好きな色を入れる
]]>
バナータイトル文字のサイズ
tag:syufway.com,2006:/test_blog//2.54
2006-01-14T04:52:08Z
2006-01-14T05:07:55Z
543行目 バナータイトルの文字のサイズを変更できる #banner-heade...
みぃ
http://syufway.com
543行目
バナータイトルの文字のサイズを変更できる
#banner-header
{
margin: 0;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}
↓
#banner-header
{
margin: 0;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}
555行目
バナータイトルの文字のサイズを変更できる
#banner-description
{
margin-top: 5px;
margin-bottom: 0;
color: #fff;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 1.125;
text-shadow: #36414d 0 1px 2px;
}
サブタイトルは今回変更せず
]]>
リストの●を消す
tag:syufway.com,2006:/test_blog//2.53
2006-01-14T04:14:46Z
2006-01-14T04:38:15Z
679行目 .module-list { margin: 0 15px 1...
みぃ
http://syufway.com
679行目
.module-list
{
margin: 0 15px 10px 15px;
list-style: disc;
}
↓
.module-list
{
margin: 0;
list-style: none;
}/*ｃｕｓｔｏｍｉｚｅ・リストの●を消す*/
marginって位置の指定だよねぇ？？
指定を消して0のみにしてみた。余白いらねっつ～の
●を探すのに英語翻訳してみた(-_-;)
丸→Circle
Ctrl+Fキーで検索窓を出してCircleと検索したら
サブカテゴリ指定箇所が分ったnoneで消えた
じゃぁ カテゴリリストとかエントリのリストの●は？？？
黒い丸→A black circle
黒丸→Black dot
そんなのね～よと思ってたら
.module-list
.module-list .module-list
ん？？？
これかぁ(ｰｰ;)
disk
ヒットしたみたいですぅヾ(´▽｀*)ゝ
]]>
サブカテゴリの○を消す
tag:syufway.com,2006:/test_blog//2.51
2006-01-14T03:53:58Z
2006-01-14T04:05:00Z
686行目 サブカテゴリの○を消す .module-list .module-l...
みぃ
http://syufway.com
686行目
サブカテゴリの○を消す
.module-list .module-list
{
margin: 5px 0 0 0;
padding-left: 15px;
list-style: circlenone;
}
↓
.module-list .module-list
{
margin: 5px 0 0 0;
padding-left: 15px;
list-style: none;
}/*ｃｕｓｔｏｍｉｚｅ・サブカテゴリの○を消す*/]]>
リンクの腺を消す・文字の色
tag:syufway.com,2006:/test_blog//2.42
2006-01-12T06:56:20Z
2006-01-14T00:48:02Z
22行目 a { text-decoration: underline; } a...
みぃ
http://syufway.com
22行目
a { text-decoration: underline; }
a img { border: 0; }
↓
/*ｃｕｓｔｏｍｉｚｅ・コメント内のリンクの腺を消す・多分ヽ(;´Д｀)ノ*/
a { text-decoration: none; }
a img { border: 0; }
431行目
a { color: #36414d; text-decoration: underline; }
↓
/*ｃｕｓｔｏｍｉｚｅ・リンクの腺を消す*/
a { color: #36414d; text-decoration: none; }
リンクの貼ってある文字の色指定もここでできる(-_-;)]]>