☆ なんちゃら かんちゃら ☆ 306750

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

2015/12/24 (Thu) 21:16:52

host:*.bbtec.net
http://bbs6.fc2.com//bbs/img/_422400/422306/full/422306_1450959412.png 【スクリーンショット】「櫻井ジャーナル」その後

【タイトル】第6回 櫻井ジャーナルのナビボタン
【投稿者】上州@大渡橋(アドオン中毒患者。数日前なんの前触れもなく突然認証ログイン不許可となりかなりうろたえる。入れすぎのアドオンが原因に違いなく、潔くゼロから選択的に入れ直す。久方振りに初期化してみて仰天したのはこんなにも多くの広告バナーがあっちにもこっちにも表示されていることだった。全然知らなかった。しかしターゲティング広告は鮮やかに私の購買傾向を掴んであり。再びたくさん入れる)

【経緯】「櫻井ジャーナル」は難敵(原因はテーブルタブによるデザインの所為。これもう時代遅れ)だった。左カラムの横幅を狭くして右コラムの本文を左側に寄せ、横スクロールをしなくてもすむよう修正を何度も試みたがうまく行かず、結局力ずくの無様な姿で妥協しておいた。今回の「リフレッシュ」により、信じられないことに、ほぼ希望通りの姿に収まっていた。Stylishコードは以前のまま訂正加筆してないのだが。

【ナビボタン】これが一番目障りだった。右手下部に結構大きく(わが家の場合高さ4センチ、横1センチくらい)、本文に被さって表示され本文が読めない。縦スクロールを頻繁に余儀なくされる。今回このナビボタンが消えていた。Stylishコード無効にしても表示されないのでブログ側で無効にしてくれたらしい。

【調整箇所】格別展示するほどの技なしで恐縮ながら。
・全体の横幅を狭く。
・背景色を白に。
・本文の文字色、薄い青を黒に(本文のみ)。
・本文中のリンク文字色、薄いオレンジを青色に(本文のみ)。

【コードは以下の通り】
・アイコン「S」クリック→「新しいスタイルを書く」→「白紙のスタイル」
・ここに以下をコピペ。

▼▼▼ここからコピー▼▼▼
@-moz-document url-prefix("http://plaza.rakuten.co.jp/condor33/") {
/* 櫻井ジャーナル用 */
#sideNavi { width:0 !important; height:0 !important; }
.lo, .dText break-word {
color:black !important;
font-size: 140% !important;
}
.DIV { width:90% !important; margin-left:10px !important;}
body { background-color:white !important; }

div.lo a:link {color: #0000CC !important;}
div.lo a:visited {color: #80008b !important;}
div.lo a:hover {color: #CC0000 !important; position: relative; top: 1px; left: 1px !important;}
div.lo a:active {color: #CC0000 !important;}
div#title_out { width: 940px !important; }
div.mainNaviContents { width: 180px !important; }
}
}
▲▲▲ここまでコピー▲▲▲

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

Copyright © 1999- FC2, inc All Rights Reserved.