|
このブログでは、タイトルやコメント覧の投稿者名の文字などに、薄く影をつけてきました。 多用すると読みにくいその効果。されど要所要所に使ってみるのは、なんとなくお洒落っぽくて好きなんですよね。 ただ filter: DropShadow() は、IEでしか表示されないとのこと。 ……まあ、うちのお客様は九割がIEだし、別に見えなくてもレイアウトが崩れたりする訳じゃないから良いかと納得していたのですが。 が、です。いつものようにネットサーフィンしていたら、某余所様のブログで Opera なのに記事タイトルに影が表示されているではありませんか! びっくりしてソースを拝見したら、なにやら text-shadow なるスタイルシートが使われています。これは……と調べてみたら、 Opera でも火狐でも Safari でも表示できるという、テキストに影をつける指定とのこと。 やった! と大喜びで、さっそくこのブログに適用させるべく、外部CSSを編集し始めました。
……何故なのか、いくら class に追記しても、新たな class を増やしてみても、ちっとも反映されてくれません_| ̄|○ナンデヤ
散々 CSS とテンプレートファイルをいじりまわしたあげく、もうあきらめようかと思いながら、半ばヤケになって直接テンプレートに
<span style="text-shadow : 3px 3px 0px #B2D5B2;">
って記述してみたら。 あっさり反映されたりとかして(呆然)
テンプレート内に、指定しなければならない部分は6箇所。 ……まあ、検索ですぐに見つけられる場所だし、最近は季節に合わせた色変更とかもやってないので、直接記述しても良いといえば良いんですが……外部スタイルシートの存在意義って……(遠い目) っていうか、なんで直接ならOKで、外部だと駄目なんでしょう。そもそも私が見かけた余所様のブログでは、きっちり外部スタイルシートで指定しておられたのに。 むう、謎です。謎だけどまあ……とりあえずは設定できたからいっか。 そんなわけで当「覚え書き」は、IE以外で見た場合にもちょっぴりお洒落になったのでした。
あとはまた Opera のブックマークレットをちょこちょこいじってみたり、そのついでに自サイトの小説本文の行幅を、 160% から 180% に増やしてみたりとか。 いや、自分が読みやすい行幅を追及してブックマークレットを編集していっていたら、気がついたら 180% になっていたんですよね。ちなみに文字サイズは 100% 。ちょっと行間空きすぎて、一画面に表示される情報量が少なくなっちゃってるかなあとも思いつつ、でもこれだけ空けておくと、ルビがついてる行とついてない行との差異も判りにくくなるしで、良いかなとか。
でもって、さらにつらつらと小説ページを見返していたら、URL長くてアドレスバーからはみ出すようなファイルほど、ちゃんとページタイトルつけていないことに気がついたり。たとえば楽園シリーズの「風の吹く谷」なんて、序章+八章+終章の10ファイル全部が「楽園の守護者6」としか記述してなかったです。 履歴見返す時とかに不親切だなあ。っていうか自分が読み返す時にさえ、既にどこ読んでるのかが判らない(−ー;) と、思いまして。 ええ、書き加えましたとも。ついでにタイトルつけ間違えてるページとかも見つけちゃったので、全部まとめてこつこつと。そりゃまあ、一括検索ソフトは活用しましたけど? でも該当部分の抽出はできても、チェックと書き換えは目視&手作業さ! ……最終的にオリジナルとパロディ、双方あわせて165ファイルほど修正しました。楽園シリーズは、さすがにサブタイトル入れるほどの気力は出ず、話数−章数に留めましたが。ふふふ、なせばなるものよ(遠い目)
ああしかし、ここのところ日記のカテゴリが「電脳」まみれッスな……
|
No.3803
(電脳)
|
|
|
|
この記事のトラックバックURL
|
https://plant.mints.ne.jp/sfs6_diary/sfs6_diary_tb.cgi/201206033803
|
|
|
|
プロフィール |
神崎 真(かんざき まこと)
小説とマンガと電子小物をこよなく愛する、昭和生まれのネットジャンキー。
ちなみに当覚え書きでは、
ゼロさん= W-ZERO3(WS004)
スマホ= 003P(Android端末)
シグ3= SigmarionIII です。
|
|
|