このガジェットでエラーが発生しました

2011年2月26日土曜日

Themes API - 6

■ iGoogle用テーマのカスタマイズの最後のサンプルです。

■ 中央画像(175×900)を指定した場合で、変更点は青色の部分だけです。

■ 手の込んだことはできませんが、この形が最も簡単です。

■ こんなサービスもあります。【Custom iGoogle Skins】

■ サンプルです。 



<?xml version="1.0" encoding="UTF-8"?>
<ConfigMaps>
  <ConfigMap type="Skin">
    <Trait name="TimeOfDay">12am-6am</Trait>
    <Trait name="TimeOfDay">12pm-6pm</Trait>

    <Attribute name="header.background_color">#000000</Attribute>

    <Attribute name="header.center_image.url">http://www5d.biglobe.ne.jp/~pog/api/themes/175-900.jpg</Attribute>

    <Attribute name="header.link_color">#xxxxxx</Attribute>
    <Attribute name="header.text_color">#xxxxxx</Attribute>

    <Attribute name="header.logo">original</Attribute>

    <Attribute name="navbar.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.border_color">#xxxxxx</Attribute>

    <Attribute name="navbar.icons.icon_color">#xxxxxx</Attribute>

    <Attribute name="navbar.tab.selected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.border_color">#xxxxxx</Attribute>

    <Attribute name="navbar.contacts.contact_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.status_color">#xxxxxx</Attribute>

    <Attribute name="navbar.contacts.hover_background_color">#xxxxxx</Attribute>

    <Attribute name="navbar.contacts.card.border_color">#xxxxxx</Attribute>

    <Attribute name="navbar.contacts.invite.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.text_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.link_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.chat.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.chat.header.highlight.background_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.tab.border_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.tab.selected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.selected.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.text_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.border_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.gadget.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.header.text_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.gadget.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.hover.border_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.gadget.body.link_color">#xxxxxx</Attribute>

    <Attribute name="gadget_area.icons.icon_color">#xxxxxx</Attribute>

    <Attribute name="footer.background_color">#xxxxxx</Attribute>

    <Attribute name="footer.link_color">#xxxxxx</Attribute>
    <Attribute name="footer.text_color">#xxxxxx</Attribute>

  </ConfigMap>

  <ConfigMap type="Skin">
    <Trait name="TimeOfDay">6am-12pm</Trait>
    <Trait name="TimeOfDay">6pm-12am</Trait>
    <Attribute name="header.background_color">#xxxxxx</Attribute>
    <Attribute name="header.link_color">#xxxxxx</Attribute>
    <Attribute name="header.text_color">#xxxxxx</Attribute>
    <Attribute name="header.logo">white</Attribute>
    <Attribute name="navbar.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.icons.icon_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.selected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.contact_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.status_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.hover_background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.card.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.text_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.link_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.chat.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.chat.header.highlight.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.selected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.selected.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.header.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.hover.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.body.link_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.icons.icon_color">#xxxxxx</Attribute>
    <Attribute name="footer.background_color">#xxxxxx</Attribute>
    <Attribute name="footer.link_color">#xxxxxx</Attribute>
    <Attribute name="footer.text_color">#xxxxxx</Attribute>
  </ConfigMap>

</ConfigMaps>