2012年10月08日

シンタックスハイライトとは、コードを記述したときに色付けなどハイライトしてくれる事。ここlivedoorブログでもgoogle-code-prettifyというGoogle謹製のシンタックスハイライト機能が提供されているとの事なので、「DesignTemplate/CommonFile - livedoor Blog まとめサイト - livedoor Wiki(ウィキ)」と「Javascript code prettifier」を読みながら、そのJavaScriptコードをデザインテンプレート内のカスタムJSに貼付した。

続きを読む

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

2012年10月07日

ここlivedoorブログのデザインテンプレートには、カスタムJSという機能がある。詳細は「新機能カスタムJSと外部連携GoogleAnalyticsをリリースしました|Blogger Alliance お知らせブログ」に譲るとして、かつて「ウェブログにAddThisを貼ってみた」で貼付したAddThisというウェブサービスのJavaScriptコードを、カスタムJSに移すことにしたので、以下に晒す。

続きを読む

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

2011年11月29日

AddThis

寂しいことに12月15日にGoogleバズが終了するとのことなので、当ウェブログからこのボタンを外した。
ついでにGoogle+1 ボタンも外し、AddThisというウェブサービスのGoogle+1 ボタンに置換した。
この共有ボタンサービスなら、もれなくFacebookTwitterの共有ボタンも付いてくる。
AddThisのサイトに行ったら、ライブドアAuth OpenID(http://profile.livedoor.com/あなたのlivedoor ID)でサインアップし、ライブドアメールを入力すればサインアップ完了。
で、HTML・JavaScriptのタグを取得。

続きを読む

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

2011年08月02日

通常の3倍のスピード、と聞いて胸熱にならないヤツはいない。
非同期コードで Google +1 ボタンを設置してみた(WWW WATCH) - livedoor ニュース」によると、Google+1ボタン(Google版いいね!ボタン)が3倍のスピードに高速化されたらしい。
そこで、よくわかっていないが、『3倍のスピード』という言葉だけに魅せられて、GoogleバズGmailTwitter)への投稿ボタンとともに、本ウェブログのデザインテンプレートに追加した。

続きを読む

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

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チェック Clip to Evernote

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チェック Clip to Evernote

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チェック Clip to Evernote

2007年11月03日

前回favicon.icoがIE6で表示されなかったため、今度はFavIcon from Picsで作成したfavicon.icoをlivedoorブログへアップロードした。
ただし、こちらはマルチアイコンだからかアップロードできなかったので、exstraフォルダ中のpreview_16x16.pngの拡張子を.icoに変更した後、同フォルダ内のanimated_favicon1.gifとともにアップロードし、以下のlink要素をHTMLのテンプレート上のhead要素の中に追加した。
で、再構築したら終了。
今度はどーよ。

<link href="アップロードしたpreview_16x16.icoのURL" type="image/vnd.microsoft.icon" rel="shortcut icon">
<link href="アップロードしたanimated_favicon1.gifのURL" type="image/gif" rel="icon">

続きを読む

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

2007年10月28日

やることないんで、favicon.icoを作成してHTMLのテンプレートにブッ込んでみた。
Favicon Japan!!で作成したfavicon.icoをブログにアップロードしたら、同サイトの設置・確認方法をアレンジして、以下のlink要素を「デザインのカスタマイズ」からHTMLのテンプレート上のhead要素の中に追加した。
で、再構築したら終了。
どーよ。

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="アップロードしたfavicon.icoのURL">
<link rel="icon" type="image/vnd.microsoft.icon" href="アップロードしたfavicon.icoのURL">

続きを読む

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