body要素にid属性「ritlix」を付加しました。これにより、かねてから要望の強かった（嘘）ユーザーCSSがFirefox使いじゃなくても当サイトにのみ適用できるようになりました。ただしトップページ、個別アーカイブページ、月別アーカイブページのみです。

ユーザーCSSって何ぞやって人はGoogle：ユーザースタイルシート

せっかくなので当サイト向けのお勧めユーザーCSSを書いておきます。（場合によっては表示が崩れるかもしれません）

• アマゾンうざい！

  
  body#ritlix .amazon{
  	display:none;
  }
  

  これで本文中にたまに出てくるアマゾンへのリンクとサイドバーのアマゾンへのリンクを非表示にできます。

• 本文とメニューだけで良いんじゃなくて？（適用後スクリーンショット）

  
  body#ritlix div#header,body#ritlix div#sub,body#ritlix div#footer{
  	display:none;
  }
  body#ritlix div#menu{
  	font-size:1em !important;
  }
  body#ritlix div#menu ul{
  	position:static !important;
  	margin:2em 3em 1em 3em !important;
  	text-align:left !important;
  }
  body#ritlix div#main{
  	margin:1em 3em !important;
  }
  body#ritlix div#main div{
  	border-right:1px solid #624522;
  }
  body#ritlix div#main p.next_prev{
  	position:static !important;
  }
  body#ritlix div#main h2{
  	margin-top:2em !important;
  }
  

  余計なもんは表示せずに本文だけを表示します。

• 普段の状態で、重いTOP画像はなんとかならないのかしらー？（適用後スクリーンショット）

  
  body#ritlix div#header{
  	border-top:25px solid #000000;
  	background-image:none !important;
  	height:auto !important;
  }
  body#ritlix div#header p{
  	font-size:13px !important;
  	position:absolute;top:4px !important;left:20px !important;
  	color:#e4e4e4;
  }
  body#ritlix div#menu{
  	font-size:13px !important;
  }
  body#ritlix div#menu ul{
  	position:static !important;
  	margin:-21px 1.6em 1em 3em !important;
  }
  body#ritlix div#main{
  	margin-top:1em !important;
  }
  body#ritlix div#main p.next_prev{
  	position:static !important;
  	margin:5em 15px -5em 0 !important;
  }
  body#ritlix div#main h2{
  	margin-top:5em !important;
  }
  body#ritlix div#sub{
  	position:absolute;top:8em !important;
  }
  body#ritlix div#footer img,body#ritlix h1{
  	display:none;
  }
  body#ritlix div#header a,body#ritlix div#menu a{
  	color:#adadad !important;
  	text-decoration:underline !important;
  }
  body#ritlix div#header a:hover,body#ritlix div#menu a:hover{
  	color:#e4e4e4 !important;
  }
  

  段々と面倒になってきたから何だかもう適当ですけど、目的は果たした。

「重いTOP画像はなんとかならないのかしらー？」と「アマゾンうざい！」は共用できます。両方書けばおｋ。また、CSS書けるなら上記の例以外にも色々いけます。ただしbody#ritlixを付け忘れないようにご注意くださいませ。

…で、適用する人はまずCSSファイルを適当な場所に作ります。（新規作成→テキストファイル→「アマゾンうざい」とか好きなやつをコピペしてusercss.cssとでも名前を変えて上書き保存。名前は何でも良いけど拡張子は.cssで。）拡張子って何ー？とかCSSファイル作るのめんどくせーって人向けに一応usercss.cssを用意しておきます。右クリック→保存。（「普段の状態で、重いTOP画像はなんとかならないのかしらー？」と「アマゾンうざい！」の組み合わせになってます。内容書き換えたい時はメモ帳等で編集可。）あとはH-man AND NOW(ユーザースタイルシートから始めるCSS)の真ん中辺りを参考に適用すれば完成。IE以外のブラウザを使っているプロインターネッターの方々は、ユーザーCSSの適用方法は自分で調べてくださいまし。

アマゾンうざい！って気持ちは痛いほど分かるけど、維持費に回したいから大目に見てほしいんじゃないカナ。カナ。ちなみに鯖代＆ドメイン代でたしか3500円/年くらい。今年の第1四半期と第2四半期（ようするに半年分）の紹介料は225円です！バーロー(笑)

TrackBack（0）

TrackBack URL

http://rit-lix.net/mt/mt-tb.cgi/99

Comment（2）

Post a Comment

名前 (省略可)： URL(省略可) :