ツール
ウィジェット
きみのページに最新Scrapを貼ろう！
下記のたった一行のコードをサイトにコピペするだけで，自動的に最新リストをサイト上に表示させます。
ウィジェットは，自動的にあなたのサイトのフォント，色を適用します。
<div id="scrapWidget"><script type="text/javascript" charset="utf-8" src="http://scrapture.org/js/Widget/recenScrap_05_ja.js"> </script><p id="widgetSlogan">Powered by <a href="http://scrapture.org" title="ストリートスナップはSCRAPTURE">SCRAPTURE</a></p><!--/#scrapWidget--></div>
ウィジェットのサンプル
Powered by SCRAPTURE
ウィジェットのスタイルを変更する
CSSでウィジェットのデザインを変更することができます。Scrapリストは"div"で囲まれた"ul"リストで、アイデンティファイアーとして"scrapWidet"が付いています。
例えばウィジェットの幅を変更する場合
もしきみのブログに幅180pxで貼り付けたい場合，以下のコードを一緒に貼り付ける。
→適用したページサンプル
<style type="text/css">
#scrapWidget {
padding: 15px 10px 5px;
margin: 10px 0;
border: 1px solid #DDD;
width: 180px;
font-size: x-small;
}
#widgetSlogan {
text-align: right;
} </style>
#scrapWidget {
padding: 15px 10px 5px;
margin: 10px 0;
border: 1px solid #DDD;
width: 180px;
font-size: x-small;
}
#widgetSlogan {
text-align: right;
} </style>
"padding"や"margin"やらワケのわからない単語かもしれないけど，頑張って調節してみて。
"padding"や"margin"のことを知りたいならそれらを『スタイルシート』と言うから，「よーしやってやるよ」って，気合いが入ってる人は 次のリンク先から学んでくださいね。
スタイルシート CSS［スタイルシートのカテゴリー一覧］ - TAG index
http://www.tagindex.com/stylesheet
Recent Snap
