MOTOSUMIst Blog

リボンってぇのは、ページの右上にナナメに掛かっているあれ、アレです。
QuickRibbon.comというジェネレータサイトを見つけたので、とりあえずですが作ってみました。

今のところ用意してあるのは２つのみです。
徐々に追加できればいいなー、とは思っています＾＾；

サイトへの貼り付け方法は続きに。

自サイトに貼り付ける方法ですが、2種類あります。

ヘッダに以下のコードを貼り付ける

『Love MOTOSUMI!』

<script type=”text/javascript” src=”http://www.motosumist.net/ribbon/love_motosumi.js”></script>

『Love KOSUGI!』

<script type=”text/javascript” src=”http://www.motosumist.net/ribbon/love_kosugi.js”></script>

直接HTMLで画像を貼り付ける

JavaScriptが使えないサイト、表示を軽くしたい場合等にはこちらを試してみてください。
画像ファイルのURLは以下のとおりです。URLを指定してもよし、ローカルに保存して使っても構いません。

• 『Love MOTOSUMI!』

http://www.motosumist.net/ribbon/images/love_motosumi.gif

• 『Love KOSUGI!』

http://www.motosumist.net/ribbon/images/love_kosugi.gif

両画像とも、幅150px、高さ150px です。
で、貼り付けたいページ・サイトのBODYタグの最初か最後辺りに、以下のHTMLタグを書き込んでください(見た目改行していますが、実際は一行です)。

<img style="margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px;" src="リボン画像のURLまたはパス" border="0" alt="" width="150" height="150" />

以上で完了・・のはずです。
もしうまくいかない場合はご一報下さい＾＾

最後に、素晴らしいジェネレータを公開して下さっているQuick Ribbonに感謝！

この記事をつぶやく