のんびりいこう

宝塚歌劇・ミュージカルときどきWEBデザイナーの徒然日記。a-blog cmsをカスタマイズする時の覚書。脳脊髄液減少症・リウマチと闘い中!

文字パレットをカスタマイズ


参考ブログはmoruzo.comさん

moruzo.comさんのブログ「a-blog cmsの文字パレットを作ってみた」を参考(真似^^;)に、このブログのエントリー作成のテキストユニットに文字パレットを作ってみました。

ただ、moruzoさんのブログのままスタイルシート等に追加しても何故か全く動作しなかったので、もともとa-blog cmsにあるemoji-edit.htmlの該当部分を書き換える事で動くようになりました~

例えば

<a href="#" class="emoji-trigger-tag" rel="a" title="リンク先のURLを入力してください">リンク挿入</a>

この部分を

<a href="#" class="emoji-trigger-tag" rel="a" title="リンク先のURLを入力してください"><img src="/images/emoji/link.gif" alt="リンク挿入" width="19" height="19" align="absmiddle" /></a>

って感じです。
私の場合は「リンク」「イタリック」「強調」「下線」「赤色」「青色」「黄色」位があれば足りるので、その部分だけまずは修正(追加?)。

次にスタイルシートにフォント色のスタイルを追加してFTPでアップロード。

これで、無事に使えるようになりました。

正直私のブログごときで文字パレットは必要ないのですが、クライアントさんによっては文字パレットの方が視覚的に分かりやすいとおっしゃられる方も出てくるかと思い、何事も勉強しておけってことで自分のブログに設置した訳です^^
いや~勉強になります。

[追記]
あれ?イタリックだけイタリックにならない…なぜ?


  • Re:文字パレットをカスタマイズ

    > さるきちさん

    ん~Windowsだとダメってことかもね~良く分からないけど^^;
    Winのどこかに設定があるのかな?
    あんまりイタリックって使わないから困ることはないんだけどねw

    投稿者名 雪之丞

  • 文字パレットをカスタマイズ

    自宅PCだとイタリックになってないな~。
    Windows7でIE8です。
    職場はWindowsXPでIE8だったかな。

    投稿者名 さるきち

  • Re:文字パレットをカスタマイズ

    > さるきちさん

    Σ(- -ノ)ノ エェ!? どのブラウザでなってる~?
    私が確認したのはWinのIE8とFFとChromeなんだけど、斜めってないの~( p_q)エ-ン
    iphoneで見ると斜めってるんだけど…ブラウザの変なキャッシュというか履歴が残ってるのかな~?

    投稿者名 雪之丞

  • 文字パレットをカスタマイズ

    イタリック、効いてるよ!斜字になってまーす

    投稿者名 さるきち

エントリーリスト

カテゴリーリスト

タグクラウド