http://syufway.com/test_blog/ fr Copyright 2006 Thu, 16 Feb 2006 14:36:16 +0900 http://www.sixapart.com/movabletype/?v=3.2-ja-2 http://blogs.law.harvard.edu/tech/rss /* 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; }/*ｃｕｓｔｏｍｉｚｅ・アーカイブリンクマウスオーバー色指定*/ http://syufway.com/test_blog/2006/02/mt32ja2.html http://syufway.com/test_blog/2006/02/mt32ja2.html 0200)自己流スタイルシート記述 Thu, 16 Feb 2006 14:36:16 +0900 スクロールバーの色を変える 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; /*スクロールバー右下の影*/ } http://syufway.com/test_blog/2006/02/post_14.html http://syufway.com/test_blog/2006/02/post_14.html 0210)スクロールバーの色 Wed, 08 Feb 2006 09:31:50 +0900 今回はコメントのフォームの幅だけ変更するので , #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; } http://syufway.com/test_blog/2006/01/post_13.html http://syufway.com/test_blog/2006/01/post_13.html 0195)コメントのフォームの幅 Wed, 18 Jan 2006 10:03:45 +0900 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;　下 ]]> http://syufway.com/test_blog/2006/01/post_12.html http://syufway.com/test_blog/2006/01/post_12.html 0190)ブログバナータイトルの位置 Mon, 16 Jan 2006 12:20:18 +0900 #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; }/*ｃｕｓｔｏｍｉｚｅ・タイトル文字のサイズ*/ これはデフォルト http://syufway.com/test_blog/2006/01/post_11.html http://syufway.com/test_blog/2006/01/post_11.html Sat, 14 Jan 2006 19:10:39 +0900 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; }/*ｃｕｓｔｏｍｉｚｅ・エントリ記事のタイトル*/]]> http://syufway.com/test_blog/2006/01/post_8.html http://syufway.com/test_blog/2006/01/post_8.html 0180)エントリ記事のタイトル Sat, 14 Jan 2006 15:22:19 +0900 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; }/*ｃｕｓｔｏｍｉｚｅ・リストタイトルを画像にする*/]]> http://syufway.com/test_blog/2006/01/post_7.html http://syufway.com/test_blog/2006/01/post_7.html 0170)リストタイトルに画像 Sat, 14 Jan 2006 14:49:25 +0900 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: #好きな色を入れる ]]> http://syufway.com/test_blog/2006/01/post_6.html http://syufway.com/test_blog/2006/01/post_6.html 0160)タイトル文字の色 Sat, 14 Jan 2006 14:22:52 +0900 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; } サブタイトルは今回変更せず ]]> http://syufway.com/test_blog/2006/01/post_3.html http://syufway.com/test_blog/2006/01/post_3.html 0150)バナータイトル文字のサイズ Sat, 14 Jan 2006 13:52:08 +0900 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 ヒットしたみたいですぅヾ(´▽｀*)ゝ ]]> http://syufway.com/test_blog/2006/01/post_2.html http://syufway.com/test_blog/2006/01/post_2.html 0140)リストの●を消す Sat, 14 Jan 2006 13:14:46 +0900 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; }/*ｃｕｓｔｏｍｉｚｅ・サブカテゴリの○を消す*/]]> http://syufway.com/test_blog/2006/01/post_1.html http://syufway.com/test_blog/2006/01/post_1.html 0130)サブカテゴリの○を消す Sat, 14 Jan 2006 12:53:58 +0900 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; } リンクの貼ってある文字の色指定もここでできる(-_-;)]]> http://syufway.com/test_blog/2006/01/post.html http://syufway.com/test_blog/2006/01/post.html 0120)リンクの腺を消す・文字の色 Thu, 12 Jan 2006 15:56:20 +0900