play-Google: Themes API

■　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>

play-Google

ページ

2011年2月26日土曜日

Themes API - 6