☆ なんちゃら かんちゃら ☆ 313947

▲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入手サイト。
3:上州@大渡橋 :

2015/12/13 (Sun) 20:48:34

host:*.bbtec.net
http://bbs6.fc2.com//bbs/img/_422400/422306/full/422306_1450007314.png
【タイトル】第2回 放知技のカキコを編集削除できるように変更する
【作成者】上州@大渡橋(「寒い国から帰ってきたスパイ」に仰天したミステリファン)
【作成者環境】パソコンWindows7でFirefox42.0。携帯ナシ。

【作成内容】さすらいの旅人さんが既に紹介されたように(注)、携帯からの書き込みだと装うとパスワード記入欄が表示され編集削除が可能となる。装う用拡張機能がFirefoxの場合「FireMobileSimulator」。書式については携帯版はタグ指定が殆どないため大幅変更不可。第1回PC版デザインをちょこっと反映させただけ。

【特典1】「SBiPhone3G」指定で装うした場合、装うオンオフの切替なしに――他携帯指定ではこの切替が必要――パソコン版と携帯版表示の往復が可能。ただし、この往復を繰り返していると、なんだか頭がこんぐらがってくる弊害あり。

【特典2】ユーザースタイルシートとは別の話として、携帯でネット見たことが一度もなかった者としては、携帯装うすると、どのサイトも携帯用の表示となり、ゴテゴテしたサイトがすっきりサッパリ表示となり、妙に見やすくなる場合あって新鮮なり。

(注)さすらいの旅人さんが「FireMobileSimulator」に言及したカキコ。
http://grnba.bbs.fc2.com/reply/13132665/622/
http://grnba.bbs.fc2.com/reply/13132665/619/
http://grnba.bbs.fc2.com/reply/13012521/41/

【スクリーンショット】上記にリンク展示。

【準備】
・「FireMobileSimulator」の入手インストール。
・URL → https://addons.mozilla.org/ja/firefox/addon/firemobilesimulator/

・アイコンをツールバーかステータスバーに表示させるには、
・ツールバー右端の三本線の入ったアイコンを左クリック。
・だらんと出てきたメニュー一番下の「カスタマイズ」クリック。
・左手に広がるアイコンの数々の中から「FireMobileSimulator」をクリックしたまま、
・ツールバーかステータスバーに引きずってきて離す。
・アイコンは芸のない緑色の小さな円形。

【使い方――携帯装うオンする場合】
・芸のない緑色の小さな円形アイコンを左クリック。
・携帯機種が並んでいる中から「SBiPhone3G」でクリック。
・もちろん他の機種でも可。
【使い方――携帯装うオフする場合】
・芸のない緑色の小さな円形アイコンを左クリック。
・「端末選択解除」でクリック。

【スタイルを書く】
・Stylishアイコンの「S」をクリック。
・「新しいスタイルを書く」→「白紙のスタイル」をクリック。
・真っ白い画面が現れる。ここに以下のコードをコピペする。

▼▼▼コピー開始▼▼▼
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("grnba.bbs.fc2.com") {
/*▼▼▼ 携帯用 ▼▼▼*/
body[style="color:#000000;background-color:#FFFFFF;"] {
background: #9fc469 !important;
padding: 0px !important;
text-align: center !important;
}
div[style="font-size:x-small"] {
width: 580px !important;
margin: 10px auto !important;
background-color: #ffffff !important;
padding: 0px 20px !important;
font-size: 105% !important;
}
body[style="color:#000000;background-color:#FFFFFF;"] a { text-decoration: none !important }
body[style="color:#000000;background-color:#FFFFFF;"] a:link { color: #d21100 !important }
body[style="color:#000000;background-color:#FFFFFF;"] a:visited { color: #d21100 !important }
body[style="color:#000000;background-color:#FFFFFF;"] a:hover {
background-color: #ae4400 !important;
color: #ffffff !important;
}
div#change_mobile {
background: none !important;
border: 0px !important;
height: 30px !important;
}
div#change_mobile_body {
text-align: right !important;
margin: 0px !important;
padding: 0px !important;
}
div#change_mobile_body >a>img {
width: 130px !important;
height: 30px !important;
margin-right: 5px !important;
}
#change_pc {
background: #5e886b !important;
border-top: solid 5px #ffffff !important;
margin-bottom: 0px !important;
}
div [style="text-align:center;"] {
padding: 10px 0px 20px 25px !important;
background-color: #5e886b !important;
text-align: center !important;
color: #ffffff !important;
}
div [style="text-align:center;"] a { color: #ffffff !important }
span[style="color:#000000;"] {
/*題字*/
margin: 0px !important;
font-size: 130% !important;
color: #ffffff !important;
}
div[style="margin:1px 0px;"] {
text-align: center !important;
background-color: #5e886b !important;
}
/*前へ後へ*/
div[ style="margin:2px 0px; text-align:center;"] {
text-align: center !important;
background-color: #9fc469 !important;
margin: 1px 0px 1px 0px !important;
}
div[style="margin:2px 0px;"] {
background-color: #9fc469 !important;
text-align: center !important;
margin: 0px 0px 1px 0px !important;
}
span[style="color:#FF0000"] { padding: 0px !important }
div[style="margin:2px 0;"] br { display: none !important }
div[style="margin:2px 0px;"] br { display: none !important }
div [style="text-align:center;"] br { display: none !important }
hr[style="width:100%; height:1px; margin:2px 0; padding:0; color:#999999; background:#999999; border:1px solid #999999;"] {
border: solid 1px #ffffff !important;
margin-top: 20px !important;
}
div[style="margin:2px 0px; text-align:right"] br { display: none !important }
form { display: inline-block !important }
textarea { width: 572px !important }
}
@-moz-document url-prefix(http://grnba.bbs.fc2.com/?#) {
form#bbsform div#bbsform2 {
margin: 0px auto !important;
text-align: center !important;
}
table {
margin-top: 50px !important;
margin-left: 200px !important;
}
}
▲▲▲コピー終了▲▲▲

【名称記入、保存】
・コピペした後、・頁上部にある「名称」欄に
・「放知技K」とでも書き「保存」クリック。
・これ以後、放知技サイトを開くと「S」アイコンの背景が赤地になる。
・赤地はユーザースタイルシート適用中を示す。

【スタイルシートの適用を一時的に止めたい場合】
・「S」アイコンを左クリック→「放知技K」でクリック、マーク消える。
【復活させたい場合】
・「S」アイコンを左クリック→「放知技K」上でクリック、マーク付く。

【削除したい場合】
・「S」アイコン左クリック→「スタイルの管理」クリック。
・スタイルシート一覧ページが現れる。
・「放知技K」の列の右手端にある「削除」ボタンをクリック。

【書き換えたい場合】
・「S」アイコン左クリック、「スタイルの管理」クリック。
・「放知技K」の列の右手にある「編集」ボタンをクリック。
・書き込んだコードが現れる。
・変更したい箇所を書き直す。
・修正後は忘れずに「保存」をクリックのこと。

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

Copyright © 1999- FC2, inc All Rights Reserved.