Hatena::ブログ(Diary)

はてなダイアリー日記 このページをアンテナに追加 RSSフィード

使い方に関するご質問は、お問い合わせもしくは人力検索はてなの「はてなの使い方」カテゴリーまで。
サービスへのご要望や不具合報告は、はてなアイデアへお寄せください。

2007/10/24

はてな記法で画像を日記本文に貼り付けた際の a タグにクラス名を追加しました（開発者向け）

15:27

本日、はてな記法を用いて表示される画像の a タグに対し、クラス名の指定を追加しました。

fotolife記法で展開した a タグへのクラス追加と同様に、a タグと img タグに同一のクラス名を与え CSS でのデザイン変更を行っていただきやすくなりました。

実際に展開されるHTMLのサンプルやクラス名を追加した記法の一覧は以下をご覧ください。

HTMLサンプル

<a class="http-image" href="http://www.hatena.ne.jp/hogehoge.jpg"><img class="http-image" src="http://www.hatena.ne.jp/hogehoge.jpg"></a>

クラス名を追加した記法一覧

記法 class名 備考
http記法での画像ファイル表示(:image) http-image 旧指定 hatena-http-image
http記法でのスクリーンショット表示(:image) http-screenshot 旧指定 hatena-http-image
http記法でのQRコード表示(:barcode) http-barcode 旧指定 barcode
id記法でのプロフィール画像表示(:image) hatena-id-image  
id記法での詳細表示(:detail) hatena-id-icon  
isbn/asin記法での画像表示(:image) asin  
rakuten記法での画像表示:image asin  
jan/ean記法での画像表示(:image) ean  
jan/ean記法でのQRコード表示(:barcode) ean-barcode 旧指定 barcode
graph記法でのグラフ表示(:image) hatena-graph-image  
question記法でのアンケートグラフ表示(:image) hatena-question-image  
keyword記法での統計グラフ表示(:graph) hatena-keyword-graph  
fotolife記法での写真表示hatena-fotolife  

なおクラス名の追加に伴いクラス名を統一するため、一部記法での img タグのクラス名を変更しております。詳しくは上記一覧の備考欄をご確認ください。

コメント

mohrimohri 2007/10/24 16:15 実装ありがとうございます。
「クラス名を追加した記法一覧」の表に、先日のfotolife記法も追加していただくとと、あとから情報を参照しやすくなるのでよろしくおねがいします。

hatenadiaryhatenadiary 2007/10/24 16:43 ご指摘ありがとうございます。追加しました。

ubonoubono 2007/10/25 09:43 idea:17491でもあげましたし、以前にもコメントしましたが。
今回はZohoSheetのコードがだらだら表示されてアンテナが無駄に長くなります。
続きを読むでスマートにしてください。
ほんと、お願いします。

トラックバック - http://d.hatena.ne.jp/hatenadiary/20071024/1193207247
リンク元