2011年07月21日

FontInstallerSAKURA

当ウェブログのCSSファイルを修正しようとフォント名をいろいろ調べた際、フォントインストーラーSAKURAというフォントのインストール・アンインストール支援ソフトがとても役に立った。
無料ソフト(フリーソフト)でここまでできるとは。
で、調べた結果が次表のとおり。

続きを読む

5
m_hiro at 22:15 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック

2011年01月29日

http://font.textar.tv/

先日修正したアスキーアート(AA)向けのデザインテンプレートCSSファイルを、以下のとおりまた修正した。
Textar Fontという無料のAA対応ウェブフォントを取り込むようにしただけなんだけど。
これで描画が少々重くなる代わりに、スマホPDAのユーザ、マカー犬厨、つまりクロスプラットフォームにユーザがズレないAAを見れるらしい。

続きを読む

4
m_hiro at 16:59 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック

2010年07月24日

ウェブログ内にアスキーアート(AA)を書くことを念頭において、デザインテンプレートのCSSファイルを改変したところ、ウェブログのデザインがぐちゃぐちゃになってしまった。
まず、YUI 2: CSS ResetYUI 2: Fonts CSSとでCSSをリセットした後、基準のフォントのサイズを13pxに、行の高さを1.4(×13px≒18pxのため、少々ずれ有)にし、span要素でaaというクラス属性を設定してやると、フォントのサイズを13pxから16pxに変えるようにしただけのつもりなのだが。
CSSファイルの具体的な変更内容は、次のとおり。

続きを読む

2
m_hiro at 13:18 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック

2009年04月30日

コードなんて書けないけど、興味本位でgoogle-code-prettifyというHTML上の例えばpre要素に書かれたコードを色分け(ハイライト)表示するためのJavaScriptライブラリを導入してみた。
DesignTemplate/CommonFile - livedoor Blog まとめサイトにあるとおり、prettify.jsとprettify.cssの両ライブラリはlivedoor Blogに用意されているので、後は記述例のまんまテンプレートに記述するだけ。

続きを読む

3
m_hiro at 00:40 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック

2008年07月01日

当ブログのデザインを2カラムのリキッドタイプ(表示領域に応じて横幅が伸縮するレイアウト)にしたいがためにテンプレートのうち、主にCSSを改ざんしている。
現在、ちょこちょこと改ざんしているため、その間レイアウトが崩れる可能性大。
とりあえずInternet Explorerの6と7、Firefoxの2と3、そしてOprera 9.5でレイアウトを確認しながら、ローカルで作業を進めつつ、ウェブ上で順次カスタマイズしていっている。
しかしCSSはややこしい。
まずThoughts From EricにあったResetting Againで、スタイルをリセット。
次に全体のDIV要素と、ブログのエントリのDIV要素を伸縮可能にした。
この時、表示領域の横幅が狭すぎるとレイアウトが崩れるため、前述の両方にmin-width属性を指定したのだが、この属性はIE 6に通用しないという問題に直面してしまった。

続きを読む

4
m_hiro at 23:45 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック

2008年01月04日

A Happy New Year !
ということで、記念にナビゲーション機能とタグクラウドのプラグインを追加。
でも、これら用にlivedoorブログが提供してるtemplate.cssに間違いがあるんだよね。
W3CCSS Validation ServiceでCSSレベル3による検査を行うと、「ul.index-navigator li a」に対して「プロパティ zoom は に存在しません」と指摘された。

続きを読む

3
m_hiro at 23:56 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック