某質問サイトの見た目を変える
某質問サイト、即ちmougの見た目を変えちゃうTrixieスクリプト。
効果
コメントアウトしてる部分の通りです。
Stylish@某質問サイトをIEで実現させてます。
スクリプトが実行されるのが、ページの表示が完了してからなんで
それまでは、元々の状態で表示されるのがちょとイケてない。。。
ソース
// ==UserScript== // @name moug Custmizer // @namespace http://d.hatena.ne.jp/so_blue/ // @description mougの見た目を劇的！？(；^ω^)に変更する user script です。 // @include http://www.moug.net/* // ==/UserScript== (function() { //給湯室アイコンのリンク先を給湯室スレ直行に変える var elmIMG = document.getElementById('btn_kyuto'); elmIMG.parentNode.setAttribute('href', 'http://www.moug.net/faq/viewforum.php?f=16'); //cssを操作 var ss = document.styleSheets[0]; with (ss) { addRule('div.add', 'display: none;'); //ページ上段の広告を非表示 addRule('div.add2nd', 'display: none;'); //ページ上段の広告を非表示 addRule('#layout', 'width: 1200px;'); //layoutコンテナの幅を拡張 addRule('#right2nd', 'width: 1050px;'); //right2ndコンテナの幅を拡張 addRule('#center', 'width: 800px; font: normal 1.2em "ＭＳ ゴシック";'); //#centerコンテナのスタイルを変更 addRule('#right', 'width: 160px;'); //rightコンテナの幅を拡張 addRule('#right img', 'display: none;'); //rightコンテナ内の画像非表示化 ※結果、広告が消える addRule('ul#newest li', 'width: 150px;'); //最新の10件の幅を狭める addRule('textarea.fmborderMsg', 'height: 240px; width: 775px; font: normal 1em "ＭＳ ゴシック";'); //textareaのスタイルを変更 addRule('.messageBox', 'width: 100% !important;'); //発言部分を広げる addRule('.messageHeaderL', 'width: 80px;'); //発言部分を広げる addRule('.messageHeaderR', 'width: 700px;'); //件名、投稿者名等の幅を広げる addRule('input.fmSearch', 'width: 80px;'); //検索テキストボックスを狭める } //最新の10件の文言を消す var elmH2 = document.getElementsByTagName('h2'); for (i = 0; i < elmH2.length; i++) { if (elmH2[i].innerHTML == '最新の投稿10件') { elmH2[i].innerHTML = ''; } } })();
