« 『インシテミル』 米澤穂信 | トップページ | 「WEB素行調査」を依頼してみた »

2008.02.10

ココログ公式絵文字のみ、ポラロイド風枠を外す方法

「お知らせココログ: 2/5 ココログベーシック/プラス/プロ バージョンアップについて」より、

◆ココログが絵文字に完全対応!

ということで、遂にココログ公式で、絵文字が使えるようになりました。

「テンプレートをいじらずにコメント欄で絵文字を使う方法」
「ココログ本文で絵文字を使う方法(改訂版)」
を組み込まなくても、手軽に絵文字が使えるようになったのは、よかったですね。

ここで、一つ問題が。
「CSSでココログの画像をポラロイド風にアレンジ」を設定していると、記事本文の絵文字にも、ポラロイド風の枠線がついてしまうのです。

そこで、ココログ公式の絵文字のみ、枠線を解除するようにしました。
ポラロイド風にするためのCSSの後に、以下の記述を追加し、再構築します。

/* ココログ公式絵文字 */
.entry-body img.emoticon {
background: none;
border: none;
margin: 0px;
padding: 0px;
}

suncloudrainsnowthundertyphoonmistsprinkleariestaurusgeminicancerleovirgolibrascorpiussagittariuscapricornusaquariuspisces
sportsbaseballgolftennissoccerskibasketballmotorsportspocketbelltrainsubwaybullettraincarrvcarbusshipairplanehousebuildingpostoffice
hospitalbankatmhotel24hoursgasstationparkingsignalertoiletrestaurantcafebarbeerfastfoodboutiquehairsalonkaraokemovieupwardrightcarouselpony
spadediamondclubeyeearrockscissorspaperdownwardrightupwardleftfootshoeeyeglasswheelchairnewmoonmoon1moon2moon3fullmoondog
catyachtxmasdownwardleftphonetomailtofaxtoinfo01info02mailby-dd-pointyenfreeidkeyenterclearsearchnew
flagfreedialsharpmobaqonetwothreefourfivesixseveneightninezerookheart01heart02heart03heart04happy01
angrydespairsadwobblyupnotespacutekissmarkshineflairannoypunchbombnotesdownsleepysign01sign02sign03
impactsweat01sweat02dashsign04sign05slatepouchpenshadowchairnightsoononendclockappli01appli02t-shirtmoneybag
rougedenimsnowboardbelldoordollarpcloveletterwrenchpencilcrownringsandclockbicyclejapaneseteawatchthinkconfidentcoldsweats01coldsweats02
poutgawklovelygoodbleahwinkhappy02bearingcatfacecryingweepngclipcopyrighttmrunsecretrecycler-markdanger
banemptypassfullleftrightupdownschoolwavefujiclovercherrytulipbananaapplebudmaplecherryblossomriceballcakebottle
noodlebreadsnailchickpenguinfishdelicioussmilehorsepigwineshock

今回の件も、facet-diversさまにアドバイス頂きました。
ありがとうございます。

|

ウェブログ・ココログ関連」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/7313/40065604

この記事へのトラックバック一覧です: ココログ公式絵文字のみ、ポラロイド風枠を外す方法:

コメント

KOROPPYさん こんにちは~♪
この度はトラックバックしていただき この問題の対処の仕方を教えて下さり どうもありがとうございました<(_ _)>
おかげさまで 無事ココログ絵文字が綺麗に表示され
すっきり解決いたしましたぁ(*´▽`*) 嬉し~[♪]
やっぱり絵文字はこうでないとですよね[ひらめき]
またまた助けていただきホント感謝です[ハート]
ついココでも絵文字を使っちゃいました~(笑)
ほんとうにありがとうございましたぁ[ミニハート]

投稿 miyu | 2008.02.10 17:35

【miyuさんへ】
こんばんは。
表示が直ったとのこと、よかったですhappy01

記事を拝見してから、試行錯誤していたんですけど、
自分では上手くいかなくて[涙]

有り難いことにfacetさんが教えてくださったので、
こうやって記事にすることができました。

本文の絵文字も、これで思う存分楽しめますねheart04

投稿 KOROPPY | 2008.02.10 18:57

私もせっかくの絵文字に枠線が入ってしまって参ったなー
と思っていたところでした。down
KOROPPYさんありがとうございました。happy01

投稿 まろ | 2008.02.10 21:08

先ほど設定してみたんですが、more以降がうまくいきませんでした。
以前の記事で

>「entry-body」は「続きを読む」以前の部分の指定になります。
>「続きを読む」部分は「entry-more」になる

というのを試してみたのでしたがだめでした。KOROPPYさんにお聞きするのはとても申し訳ないですが、もしよろしかったら教えてください。sweat01

投稿 まろ | 2008.02.11 21:44

【まろさんへ】
こんにちは。

こちらの方で試しに「追記」に入力してみましたが、
枠線が消えた状態で表示されました。

ダメだったという記事のURLを教えていただけますか。

投稿 KOROPPY | 2008.02.12 07:59

大変申し訳ありませんsweat01
CSSの記述が単に間違っていました。できました。happy01
ありがとうございました。sign05
http://kazumaro.cocolog-nifty.com/corean/2008/02/post_e042.html

投稿 まろ | 2008.02.12 20:12

【まろさんへ】
うまくいきましたか。
よかったです[♪]

投稿 KOROPPY | 2008.02.13 09:11

コメントを書く