ページ

2011年3月19日土曜日

iGoogle Gadget -16

■　ガジェットについての使用上の案内、ガイド、情報などに活用できるメッセージを表示します。

■　スタイルシートの設定をします。

■　サンプルです。　




<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="UIメッセージ-6-step-14" height="150" scrolling="false">
  <Locale lang="ja" country="jp"/>
  <Require feature="minimessage"/>
</ModulePrefs>
  <Content type="html">
  <![CDATA[
<style>
.mmlib_table {
  width: 100%;
  font: normal 11px arial,sans-serif;
  background-color: #000066;
  border-collapse: separate;
  border-spacing: 0px;
  padding: 1px 0px;
  color:#ffffff;
  }
.mmlib_xlink {
  font: normal 1.1em arial,sans-serif;
  font-weight: bold;
  color: #0000cc;
  cursor: pointer;
  }
</style>
<p />
<div style="text-align:left;font-size:13px;">
【メッセージ-6】
<br />
* デフォルトのスタイルシートを上書きしてカスタマイズします。
</div>

<script type="text/javascript">

  var msg = new gadgets.MiniMessage(__MODULE_ID__);
  var div = document.createElement("div");
  msg.createDismissibleMessage("スタイルシートによるカスタマイズです。");

</script>
<p align="right" />
<a href="http://www5d.biglobe.ne.jp/~pog/" alt="Googleを追いかけろ！" title="Googleを追いかけろ！" target="_blank"><img src="http://www5d.biglobe.ne.jp/~pog/img/gapps.png" border="0"></a>
  ]]>
  </Content>
</Module>

ラベル: ,