☆ なんちゃら かんちゃら ☆ 302201

▲TOP あのー, ココって,どんな掲示板なんですかぁ?
ココをつくった私 (飯山一郎) にも サパーリ 分かりません.
どんな掲示板にするか?  それは,あなたが決めてくださいな.
なんちゃら かんちゃら 好きな事を書けばE~んじゃないですかぁ  (^_^;

飯山一郎の古代史  北朝鮮の写真 ビビンバ!北朝鮮! 金王朝の深い謎  『放知技』へ


【Stylish】サイトのデザインを個人的に変更する【実例集】

1:上州@大渡橋(書式に結構こだわる純文学系) :

2015/12/13 (Sun) 17:15:35

host:*.bbtec.net
http://bbs6.fc2.com//bbs/img/_422400/422306/full/422306_1449994535.png サイトのデザインはこちら好みに変更可能なり。個人的なれば「ユーザースタイルシート」という。これをブラウザに適用させるには拡張機能が必要にて「Stylish」が代表的。対応するブラウザはFirefox、Chrome、Opera、Sleipnirなど。IEは多分不可。便利なツールでありながら使っている人は数パーセント程度らしいと知る。勿体ない話なり。ユーザースタイルシート作りのわが苦闘の日々を思い返すにつけ、実例があれば楽チンだったのに。しかしなかった。実例展示する次第なり。
【スクリーンショット】Stylish入手サイト。
6:上州@大渡橋 :

2015/12/18 (Fri) 16:06:05

host:*.bbtec.net
http://bbs6.fc2.com//bbs/img/_422400/422306/full/422306_1450422365.png
【スクリーンショット】書式変更した「なんちゃら」

【タイトル】第5回 「なんちゃらかんちゃら」の書式を変更する
【投稿者】上州@大渡橋(「ミッション・インポッシブル」新作、CIAがIMFを解体とありギョッとするが、IMFはあっちじゃなくてイーサン所属のスパイ組織だった。全然知らなかった。アハハ)

【特徴】「放知技」の色違いバージョン。行き当たりばったりのコード追加にて、確認の手間省く。見直しはトランプ遊びの神経衰弱のごとき面倒臭さなればなり。どこかに見苦しき箇所あるに違いなし。許されたし。

【作業】
・Stylishアイコン「S」→「新しいスタイルを書く」→「白紙のスタイル」
・真っ白い画面に以下をコピペする。

▼▼▼ここから なんちゃら用コード▼▼▼
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain('joren.bbs.fc2.com') {

dd {
/*カキコの行間 文字サイズ*/
font-size: 105% !important;
line-height: 165% !important;
}
dd br {
display: inline !important;
}
#container {
/*トップ頁全体の横幅 看板の横幅に近づける*/
width: 645px !important;
}
span[style="position:fixed;top:374px;right:15px;"]{
display: none !important;
}
body {
margin: 10px auto !important;
}
/*背景 #bf8083*/
html, body {
background-color: #d3a7a7 !important;
}
a {
font-weight: normal !important;
text-decoration: none !important;
}
a:link {
color:#7e3335 !important;
}
a:visited {
color: #1e4f66 !important;
}
a:hover {
background-color: #b3d01c !important;
color: #000000 !important;
}
/* Webサイトタイトル */
div#body p.title {
padding: 0px 20px 10px 20px !important
}
div#bbs_body p.title {
padding: 24px 20px 10px 20px !important
}
div.bbs_body p.title, div#body p.title, div#bbs_reply_body p.title {
/* 題字 明朝体 */
font-family: "MS P明朝, 細明朝体", selif !important;
font-size: 170% !important;
font-weight: normal !important;
text-align: center !important;
}

div.bbs_body p.title span#counter {
font-size: 40% !important;
color: red !important;
background-color: #fef2e7 !important;
}

div.bbs_body p.title span#counter:before {
/* カウンタの前で改行 */
content: '\A';
white-space: pre;
}
p.subtitle strong:after {
content: '\A \A ';
white-space: pre;
}
p.subtitle a[href="http://grnba.bbs.fc2.com/"]:before {
content: '\A ';
white-space: pre;
}
p.subtitle {
line-height: 115% !important;
}
div.bbs_box {
/*一番目のボックス*/
background-color: #fef2e7 !important;
}
/*スレ上位一覧のページ*/
div.bbs_body {
margin: 18px 18px 0px 19px !important;
}
div.bbs_body > br, #body br {
display: none;
}

/* 各個別スレのページ */
body#bbs_reply_body,
body#bbs_preview_body{
width: 580px !important;
padding: 20px 22px 1px 22px !important;
border: solid 1px black !important;
background-color: #ffffff !important;
}

div#bbslog .bbs_box.log_box {
background-color: #ffffff !important;
}
div.bbs_body, div.bbs_box {
/*枠線の撤去*/
border: 0 !important;
}
div#thread.bbs_box, div.bbs_box.log_box, div.bbs_box {
/*枠線の新設*/
border: solid 1px black !important;
}


div[style='color:navy;font-size:15pt;font-weight:bold;line-height:130%;margin-top:16px;'] {
font-size: 110% !important;
font-weight: normal !important;
margin-top: 8px !important;
}
b[style='color:red;font-size:18pt;'] {
font-size: 110% !important;
font-weight: normal !important;
}
div[style='color:#002200;font-size:15pt;font-weight:bold;line-height:130%;'] {
font-size: 110% !important;
font-weight: normal !important;
margin: 5px 0px !important;
}
b[style='color:#ff0000;'] {
font-weight: normal !important
}
div.bbs_box div.bbs_body center {/*リンクナビ*/
font-size: 100% !important;
text-align: left !important;
background-color: #ae4400 !important;
line-height: 100% !important;
padding: 4px 5px 4px 5px !important;
margin: 7px 0px 9px 0px !important;
}
center a:link, center a:visited {
color: #ffffff !important;
}
center a {
font-weight: normal !important;
text-decoration: none !important;
}
center a:hover {
background-color: #ae4400 !important;
color: #ffffff !important;
}
form.search {
font-size: 95% !important;
margin: 10px 0px 10px 0px !important;
text-align: left !important;
}
form.search input[type=text] {
width: 300px !important;
padding-left: 3px !important;
background-color: #fff9fa !important;
}
ul.menu {
/* メインナビ */
font-size: 90% !important;
padding: 3px 0px 3px 5px !important;
text-align: left !important;
background-color: #ae4400 !important;
color: #5e886b !important;
margin-bottom: 15px !important;
}
ul.menu a {
text-decoration: none !important;
color: #ffffff !important;
}
ul.menu a:hover {
background-color: #b3d01c !important;
color:#000000 !important;
}
h1#topic_title span.subj {
font-size: 180% !important;
margin: 30px 0 20px 0 !important;
font-weight: normal !important;
padding-left: 5px;
border-left: 20px solid #2c7046;
line-height: 150% !important;
}

.bbs_box#thread {
/*スレ上位一覧の文字サイズと行間*/
font-size: 110% !important;
line-height: 150% !important;
background-color: #ffffff !important;
}


/*▼各個別スレッドのページ▼*/
.log_nav a:link, .log_nav a:visited {color: #cb2100 !important;}
.log_nav a:hover {
color: #ffffff !important;
background-color: #ae4400 !important;
}
div#body > p.title > span#counter {
font-size: 40% !important;
color: red !important;
background-color: #ffffff !important;
}
div#body p.title span#counter:before {
/* カウンタの前で改行 */
content: '\A';
white-space: pre;
}
hr { display:none !important; }


div#body h1#topic_title { padding-top:35px !important;}
.log_header {
margin: 10px 0 10px 0 !important
}
td.log_title {
font-size: 85% !important
}
body#bbs_search_body .log_title {
/* 検索結果ページのタイトル */
padding: 0px 0px 0px 5px!important;
border-left: 20px solid #cb2100;
font-size: 180% !important;
font-weight:bold !important;
}
body#bbs_search_body center {
display: none !important;
}

.subj {
font-weight: normal !important;
padding-left: 5px !important;
border-left: 20px solid #2c7046 !important;
line-height: 150% !important;
display: table-cell !important;
}
dl {
font-size: 110% !important
}
dt {
/* カキコ名前その他欄 */
font-size: 95% !important;
margin-bottom: 30px !important;
padding: 5px 5px 5px 10px !important;
background-color: #af4f4a !important;
color:#ffffff !important;
line-height: 110% !important;
}
dt a:link {
color:#ebcfd0 !important;
}
dt a:hover {
color:#000000 !important;
}
span.name a {
color: #ebcfd0 !important;
}
span.name a:link {
text-decoration: none !important;
}
span.name a:hover {
background-color: #cedd88 !important;
color: #000000 !important;
}
dd a:link {
color: #d21100 !important;
}
dd a:visited {
color: #d21100 !important;
}
dd a:hover {
color: #000000 !important;
background-color: #b3d01c !important;
}
span[class='name'] {
font-size: 100% !important;
color :#ffffff !important;
}
p.date { color:#ffffff !important; }
p.date:before {
content: '\A ';
white-space: pre;
}

/* ▼▼最下部投稿欄▼▼ */
input, textarea {
font-size: 98% !important;
line-height: 150% !important;
border: solid 1px black !important;
background-color: #fff9fa !important;
}
input[type=text] {
width: 125px !important;
}
input[type=checkbox] {
width: 30px !important
}
div.formbox input[type=file] {
width: 400px !important;
border: 0 !important;
background-color: #ffffff !important;
}
ul.formbox input[type='file'] {
width: 400px !important;
border: 0 !important;
background-color: #fef2e7 !important;
}
input#pre_check {
width: 35px !important
}
textarea {
width: 520px !important;
word-wrap: break-word;
white-space: pre-wrap; /* IE,FF */
word-break:break-all;/* webkit */
}
.formbox {
margin-left: 15px !important
}
.formbox form ul {
font-size: 100% !important;
margin-top: 50px !important;
}
input[value='新規スレッド作成'] {
font-size: 125% !important;
margin-left: 20px !important;
padding: 1px 5px !important;
color: white !important;
background-color: #ca3627 !important;
}
input.thread_title {
width: 240px !important;
height: 28px !important;
}
input[value=' 書き込む '] {
font-size: 125% !important;
margin-bottom: 5px !important;
padding: 1px 5px !important;
color: white !important;
background-color: #5e886b !important;
}
iframe {
display: none !important;
}
/* ▲最下部投稿欄▲ */
form#bbsform, div#bbsform2 {
background: #d3a7a7 !important;
border-color: #d3a7a7 !important;
}
body#bbs_search_body center {
display: none !important;
}
body#bbs_search_body .log_title {
/* 検索結果ページのタイトル */
padding: 0px 0px 0px 5px;
border-left: 20px solid #2c7046;
font-size: 180% !important;
font-weight:bold !important;
}

}


/*▼スレッド一覧ページ▼*/
@-moz-document url("http://joren.bbs.fc2.com/?act=threadlist"){

body {
width: 645px !important;
font-size: 100% !important;
font-weight: bold !important;
text-align: center !important;
font-family: "MS P明朝, 細明朝体" !important;
padding-top: 20px !important;
color: #ffffff !important;
}
center {
font-size:120% !important;
}
a {/*タイトル題字*/
color: #ffffff !important;
font-weight: bold !important;
text-decoration: none !important;
}
a {
font-weight: normal !important;
text-decoration: none !important;
}
div[style="margin:10px;"] {
font-size: 105% !important;
line-height: 165% !important;
border: solid 1px black !important;
padding: 20px 30px !important;
margin-top: 25px !important;
word-break: break-all;
text-align: left !important;
font-family: san-serif !important;
color: #000000 !important;
background-color: #fef2e7 !important;
}
div[style="margin:10px;"] a:link {
color:#7e3335 !important;
}
div[style="margin:10px;"] a:visited {
color: #1e4f66 !important;
}
div[style="margin:10px;"] a:hover {
background-color: #b3d01c !important;
color: #000000 !important;
}
div.bbs_box {
border: none !important;
display: none !important;
}
span[ style="font-size:12px;"] {
font-weight: normal !important;
}

}
▲▲▲ここまで なんちゃら用コード▲▲▲

  • 名前: E-mail(省略可):
  • 画像:

Copyright © 1999- FC2, inc All Rights Reserved.