☆ なんちゃら かんちゃら ☆ 302197

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

2016/01/21 (Thu) 21:02:35

host:*.bbtec.net
http://bbs6.fc2.com//bbs/img/_422400/422306/full/422306_1453377755.png 【スクリーンショット】sage++の景色(配色が臭かったかも)

【タイトル】第13回 「sage++」を利用して文字サイズ行間一挙変換
【投稿者】上州@大渡橋(琴奨菊モンゴル勢3人撃破。相撲記者からマグレと言われたのはちょっと心外だった。あからさまに勝負にこだわる二横綱の優勝は見たくなし。それはともかく、解説の北の富士さんが心配なり。力士の名前を間違える。あるいはすぐ出てこない。アナの質問の趣旨が理解できない。以前はこれほどじゃなかった。これもホの影響にかあらむ)

【RSSリーダー】各サイトごとにいちいち文字サイズと行間を変えているとふと思うに違いない――これは要するに、記事部をRSSリーダーで見ているのと同じではないかと。全サイトが同じ文字サイズ同じ行間で表示される(サイト指定書式が生きる場合あり)。こっちのほうが手っ取り早い。配置配色デザインの個性がなくなってしまうのが残念だが。

【sage++】Firefoxの場合、断然これ。
・サイト「ひぐまのひまグ」→http://himag.blog26.fc2.com/
・ダウンロードすると自動でFirefoxに取り込まれる(はず)。

【私の設定の場合】
・「ツール」→「設定」→「コンテンツエリア」
・「スタイルシート」で「カスタム」を選択。
・下記のスタイルシートはオリジナルのスタイルシートのうち、
・変更したい箇所だけ手直しし、名前付けてPC内のどこかに保存。
・「参照」クリックしてこのファイルを選択。
・Stylishでの変更も勿論可能。

▼▼▼ ここから ▼▼▼
html * {-moz-box-sizing: border-box;}
html {
line-height: 1.3;
background-color: #aca486;
}
body {
margin: 0px auto;
width:620px;
color: #222;
font-family: ;
}
a {
color: #1a282e;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #1a282e;
font-weight: normal;
}
a:hover {
background-color:#278d57;
color:#ffffff;
}
#rss-header {
background-color: #f3a727;
border: 1px solid #f3a727;
padding: 6px 8px;
margin: 10px 2%;
color:#FFFFFF;
}
#rss-title {
font-size: 130%;
line-height: 110%;
margin: 0px;
padding: 8px 10px 5px 10px;
}
#rss-title a:visited {
color: #436976;
font-weight: bold;
}
#rss-desc {
font-size: 100%;
margin: 0px;
padding: 5px 0px 0px 20px;
}
div.item {
border: 1px solid #8cacbb;
width: 96%;
min-width: 14em;
margin: 0px 0px 8px 2%;
padding: 0px;
float: left;
overflow: hidden;
display: block;
background-color:#ffffff;
}
h2.item-title {
background-color: #f1d58d;
font-size: 110%;
font-weight: normal;
line-height: 115%;
margin: 0px;
padding: 5px 12px 5px 12px;
}

span.item-ordinal {
padding-right: 0.2em;
}
div.item-desc {
min-height: 3em;
font-size: 110%;
margin: 0px;
padding: 10px 30px;
line-height:160%;
background-color:#ffffff;
}
div.item-enclosure {
font-size: x-small;
margin: 8px 8px 0px 8px;
padding: 8px;
border: 1px dashed;
}
div.item-enclosure:before {
content: "Enclosure: ";
}
div.item-footer {
width: 70%;
padding: 8px 10px;
float: left;
}
div.item-category:before {
content: "[";
}
div.item-category {
font-size: x-small;
color: #808080;
}
div.item-category:after {
content: "]";
}
div.item-author:before {
content: "Posted by ";
}
div.item-author {
font-size: x-small;
color: #202080;
}
div.item-pubDate {
font-size: x-small;
color: #202080;
}
div.item-technorati {
font-size: x-small;
margin: 0px;
padding: 8px 10px;
width: 30%;
float: right;
text-align: right;
}
img, video {
max-width: 100%;
height: auto;
}
div.item-technorati img {
vertical-align: bottom;
}
▲▲▲ ここまで ▲▲▲

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

Copyright © 1999- FC2, inc All Rights Reserved.