おむらのにんじょうくんに

やっぱりブログのカスタマイズ関係は人気があるようで、僕も本年度中にすべてを出しきって次なるステップ(彩色じゃないブロンズ色とかの玩具塗装)に向かおうと思うのですが、なかなかコンパクトにまとめられません。
ホワイトボードでもあれば10分ぐらいで出しきって満足して帰れるのだけど。
でも、CSSはパソコンさえあれば自分でやった方が早いので、索引を引きながらヘマして時間と量をかけるのが一番よく効くよ!ファイオー。

というわけで、今日はブラウザOperaの認証管理機能について。
使うといろいろ効率が良くなる機能です。
僕はヤフーでゲーム用・ヤフオク用・メルマガ用などなど幾つかIDがあるので、ヤフーする時はもっぱらOperaです。

Operaの認証管理機能をONにしてパスワードを記憶させておくと、
その記憶したパスワードを入力するページを開いた時、下の絵のようにID欄とパスワード欄が黄色く光ります。

opera_key01.jpg

この状態で、

Mac OSならCommond + return
WindowsならCtrl + Enter

を押すと、記憶したIDパスワードがパッと出現。

opera_key02.jpg

とても便利です。
Operaの認証管理機能をONにするには、
「環境設定」>「認証管理」> 認証管理にパスワードを記憶させるにチェック。

これもやってみる方が絶対シンプルだけども、どんなものか動画を作りました。
宜しかったらどうぞ、いや初見の方は是非見てお願いします。
マスターパスワードの設定は推奨です。


mymovies

Operaホーム:〈Opera ブラウザ〉

すとっくすきゃん

季節はまったく違うんですが…

mamemaki_morishi01.jpg

mamemaki_morishi02.jpg

小分け式

たまには役に立つ事も書こうと思うのですが、最近は辛抱がないので少しづつ。

というわけでブログとCSSについて。
下の絵は、うちのこのブログのだいたいのHTMLソースの頭の部分です。

samplehtmlsource.jpg

ここはFC2ブログなのでFC2ブログ風になりますが、デザインがいじれるブログサービスのテンプレート編集画面というのは、下の絵のようにHTMLCSSを分けて編集できるようになっていると思います。

samplecssstyle.jpg

FC2ブログの場合、下の段で編集したCSSが、上段のHTML、うちの簡略ソースで見るところの、
<link rel="stylesheet" type="text/css" href="./style.css" />
で、HTMLに呼び出されてスタイルを反映しています。
いわゆる「外部CSSファイル」というCSSファイルの指定方法です。

というわけで今日のメイン!ですが、これが正解というわけではなくて、僕はそうやっているというあくまで一つのやり方です。

テンプレート編集画面で管理できる「style.css」以外に、
うちのブログでは、
<link rel="stylesheet" type="text/css" href="./commonness.css" />
<link rel="stylesheet" type="text/css" href="./piece_scene3.css" />
という2つのCSSファイルを読み込ませています。
もう1つ「lightbox.css」というものがありますが、これは画像をうにょーと表示させるjavascriptライブラリに付いているものなので、今回の話からは別物です。

まず、「commonness.css」
これには、文字を小さくするのとか太くするのや、この文字背景色のスタイルなど、ブログ上ベーシックに使うようなスタイルを作って記述してあります。commonnessという名前は適当です。
次に、「piece_scene3.css」
こちらには、通称:絵板モードのような、個別のちょっと特別なスタイルを記述してあります。
ですので、例えば今日のこのエントリーのみを表示した状態など、絵板モードのないところでも絵板モードのスタイルは読み込まれています。
これは「外部CSSファイル」の仕様ですが、あまりに大きく1TBとかのCSSファイルなら無駄の影響が出てくるかも知れませんよ。そんな無茶な。

別にわざわざ分けなくても、「commonness.css」「piece_scene3.css」の内容を、
「style.css」にまとめて記述して、1つのファイルにして読み込ませても同じ効果になります。

ではなぜ分けるのか、以下が僕の考える理由メリットとデメリットです。

メリットテンプレートを変えても統一継承しやすい。/管理が楽
デメリットたまーにパスが変わる(FC2)

デメリットについて、
FC2ブログはメンテナンスなんかでたまーにファイルの置き場所を変えて来ます。
例えば今「commonness.css」がアップロードされている場所は、
「blog-imgs-26∼」というところだけど、「blog-imgs-41∼」というところなんかに勝手に変わります。つまり、ファイルのパス(アドレス)が変わります。
この場合、HTMLの方を新しい絶対パスに書き換える必要があります。
かれこれ5.6年程使わせてもらっていますが、そのうち2.3回程度ありました話です。

と、かなり辛抱がならんくなってきましたが、作ったCSSファイルはファイルアップロードにて、画像なんかと同じようにアップロードします。
FC2ブログはzipは無理だけど、けっこういろんなファイルがアップロードできます。

sampleupload.jpg

うーんpdfはあっても良いよね。おねがいしもす。
topsrss2.png

Author : yamagaami

けっこうヘラクレス ⁄ heluxress

日々の喧噪の中で移りゆく微細な心情変化を叙情豊かに書いています。

アイパーくるくるです。日本製

FC2ブログ