如何設置您創建的桌面小工具的大小

Question

我正在嘗試創建一個非常基本的Windows桌面小工具來顯示我的Stack Overflow Flair。

我在html或Web開發方面經驗不足。 我嘗試按照此處的說明進行操作，但是在安裝小工具時，它很小：

在此處輸入圖片說明

是的，那是一個很小的白色正方形。

我嘗試設置背景圖像，但是它似乎也不起作用（我實際上不需要背景圖像，我只是想使其工作）。 如果我單獨運行html源文件，則它會在瀏覽器中正確顯示：

在此處輸入圖片說明

這是html源文件（名為MySOFlair.html）中的代碼：

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>

  <body>
    <div id="gadgetContent">
      <a href="http://stackoverflow.com/users/2012446/chrisprosser">
        <img src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58" 
             alt="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers" 
             title="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers"/>
      </a>
    </div>
  </body>
</html>

這是清單文件（Gadget.xml）中的代碼：

<?xml version="1.0" encoding="utf-8" ?>
<gadget>
  <name>MySOFlair</name>
  <version>1.0.0.0</version>
  <author name="Chris Prosser" />
  <description>Mt Stack Overflow Flair Gadget</description>
  <!--<icons>
    <icon src="http://stackoverflow.com/users/flair/2012446.png" 
          width="208" 
          height="58" />
  </icons>-->
  <hosts>
    <host name="sidebar">
      <base type="HTML" apiVersion="1.0.0" src="MySOFlair.html" />
      <permissions>Full</permissions>
      <platform minPlatformVersion="1.0" />
      <!--<defaultImage src="http://stackoverflow.com/users/flair/2012446.png" 
                    width="208" 
                    height="58"/>-->
    </host>
  </hosts>
</gadget>

我嘗試取消注釋此處的圖像鏈接，但它沒有任何改變。

任何有關如何正確設置尺寸的想法將不勝感激。

Answer 1

我已經找到解決方法。 我發現可以插入HTML標頭部分的樣式元素。 這是新的HTML文件：

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    body
    {
       margin:  0;
       width: 212;
       height: 62;
    }
    #gadgetContent
    {
       margin:  0px;
       width: 208px;
       height: 58px;
    }
    </style>
  </head>

  <body>
    <div id="gadgetContent">
      <a href="http://stackoverflow.com/users/2012446/chrisprosser">
        <img src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58" 
             alt="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers" 
             title="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers"/>
      </a>
    </div>
  </body>
</html>

如何設置您創建的桌面小工具的大小

問題描述

1 個解決方案

解決方案1
2 已采納 2013-09-17 09:28:47

如何設置您創建的桌面小工具的大小

問題描述

1 個解決方案

解決方案1 2 已采納 2013-09-17 09:28:47

解決方案1
2 已采納 2013-09-17 09:28:47