宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

2004-08-22

顔文字をCSS化

今月の子豚から顔文字をCSS化。

/*
    (・`ω´・)
*/

span.p-angry:after
{
 content            : "\28 \30fb \60 \3c9 \b4 \30fb \29";
 color              : #d2691e;
 background-color   : transparent;
 margin             : auto 0.25em;
}

…といった感じ>コッソリと楽しもうという方向で(謎

追記:2004-8-31

と、してはみたのですがどーも使いづらい(そりゃぁそうです!)。それではと考えてみたのが

<span class="p-face" title="(・`ω´・)">最悪だ</span>!

‥といたしまして「title」の値として適時に顔文字を入れまして、CSS2を利用して

span.p-face:after
{
 content            : attr(title);
 color              : #d2691e;
 background-color   : transparent;
 margin             : auto 0.25em;
}
‥としてみました。

顔文字のキャプチャー

上は今月の子豚賞のキャプチャーです。お!angryなゴマちゃん?がいるいるwww

Posted by TM* at 2004-08-22 05:26 in Web関連 » miyazaki-rod.com | English | Permalink | 
Tagged as:

このカテゴリ以下の他の日記、メモなど

  1. Dropdown menuを(小)変更
  2. 本家ホームページのレスポンシブ化
  3. レスポンシブWebデザイン・2
  4. レスポンシブWebデザイン・1
  5. 本家日記のメンテナンス
  6. 宮崎ロッドのFacebookページです。
  7. 日記に Facebook のいいね!ボタンを付けてみる
  8. リンクをタブのように見せるCSS
  9. アーカイブスを折りたたみ表示に
  10. blosxomをアレコレ

Tags

ATH (7), css (34), delight (25), facebook (46), firefox (15), google (5), html (11), maiking-delight (10), memo (70), netscape (7), NO TRUNKS (8), SEO (8), spam (15), twitter (8), war (11), WE LIVE HERE (11), いろいろ (18), うどん (6), お知らせ (5), やきとり (6), イベント (45), イワナ (8), カゲロウ (5), カディス (9), カレー (10), カワゲラ (12), キャス練 (29), ギター (6), クラフト (6), ゲイリー・スナイダー (5), ゲイリー・バートン (6), ジャズ (172), スナップショット (5), スパゲッティ (7), ソウル (20), ソフトウェア (21), ソロー (5), タラノメ (9), チック・コリア (7), ニジマス (7), ハンドクラフト展 (14), バイク (9), バジル (8), バンブーロッド (5), パイプ (5), パット・メセニー (7), ビル・エヴァンス (20), ピアノ (30), フライ (59), フライタイイング (18), フライライン (6), メモ (202), ヤマメ (17), ランディングネット (26), ラーメン (9), リールシート (8), ロッドメイキング (11), 人物 (41), 出来事 (12), 大雪 (5), 奥多摩 (65), 奥多摩川 (32), 小菅川 (80), 小菅川C&R (8), 小菅川冬季ニジマス釣場 (15), 山菜 (6), 新年 (16), 更新 (41), 東京トラウトカントリー (5), (10), 水生昆虫 (12), 渓流フライ教室 (30), (41), 田渕義雄 (6), 矢野シルクライン (7), (22), 読書 (55), 道志川 (6), 選挙 (6), (20), 雑感 (176), 雑誌 (7)