ユンサンの／융상의／YungSang's

またまた、DesignWalker の管理人さんに対抗して？、 こんなの作って見ました。

「CSSで引用をデザインする。」のAjax的アプローチとでも申しましょうか。

<blockquote class="cite" cite="http://ja.wikipedia.org/wiki/
%E9%95%B7%E5%B6%8B%E8%8C%82%E9%9B%84#.E9.95.B7.E5.B6.8B.E8.AA.9E"   
title="ウィキペディア 長島茂雄のページより">
オールスターという夢のドリームゲーム、1年目のルーキー、
今年初めての開幕戦、体験を経験、疲労からくる疲れ、
秋の秋季キャンプ、始まりのスタート、バースデー誕生日、
打率のパーセントテージ、ブルーな青空、など・・・
</blockquote>

オールスターという夢のドリームゲーム、1年目のルーキー、今年初めての開幕戦、体験を経験、疲労からくる疲れ、秋の秋季キャンプ、始まりのスタート、バースデー誕生日、打率のパーセントテージ、ブルーな青空、など・・・

<blockquote class="cite" cite="Wikipedia" title="長島茂雄">
オールスターという夢のドリームゲーム、1年目のルーキー、
今年初めての開幕戦、体験を経験、疲労からくる疲れ、
秋の秋季キャンプ、始まりのスタート、バースデー誕生日、
打率のパーセントテージ、ブルーな青空、など・・・
</blockquote>

オールスターという夢のドリームゲーム、1年目のルーキー、今年初めての開幕戦、体験を経験、疲労からくる疲れ、秋の秋季キャンプ、始まりのスタート、バースデー誕生日、打率のパーセントテージ、ブルーな青空、など・・・

さて、肝心のスクリプトは、AoD !に、Wikipediaプラグインと、

<script src="http://www.isella.com/aod2/js/quoter.js" charset="utf-8" 
type="text/javascript"></script>

で、CSSは、↓こんな感じ。

<style type="text/css">
blockquote.cite { /* 引用文のスタイル */
	margin: 10px;
	padding: 10px;
	width: 250px;
	font-size: 12px;
	line-height: 1.4;
	background: #F9FFEE;
	border: 1px dotted #99CC33;
}
blockquote.cite cite { /* 引用元部分のスタイル */
	display: block;
	text-align: right;
	font-size: 10px;
}
blockquote.cite span { /* 先頭の一文字のスタイル */
	display: block;
	float: left;
	margin: 0 5px 2px 0;
	font-size: 72px;
	line-height: 0.9;
	color: #99CC33;
}
<style>

残念ながら、本来の趣旨の「トラックバック元の記事にトラックバック送信先のリンク」には使えそうにありませんが。。。