微博标识

跳转到: 导航, 搜索
(分享按钮)
 
(未显示1个用户的11个中间版本)
第2行: 第2行:
 
微博提供了下面几种标准的logo、icon、按钮标识,开发者可以下载后使用。<br>下载方式:鼠标移到所需的图片上,点击右键选择“图片另存为...”,保存即可。
 
微博提供了下面几种标准的logo、icon、按钮标识,开发者可以下载后使用。<br>下载方式:鼠标移到所需的图片上,点击右键选择“图片另存为...”,保存即可。
 
== 微博Logo ==
 
== 微博Logo ==
<div style="width:100%;border:1px solid #fff;background-color:#EAF7FD;display:table;">
+
<div style="width:98%;border:1px solid #fff;display:table;">
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/logo/LOGO_64x64.png</div>
+
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/LOGO_64x64.png</div>
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/logo/LOGO_48x48.png</div>
+
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/LOGO_48x48.png</div>
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/logo/LOGO_32x32.png</div>
+
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/LOGO_32x32.png</div>
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/logo/LOGO_24x24.png</div>
+
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/LOGO_24x24.png</div>
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/logo/LOGO_16x16.png</div>
+
<div style="text-align:center;width:120px;height:80px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/LOGO_16x16.png</div>
 
</div>
 
</div>
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">
第18行: 第18行:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
== 微博Icon ==
 
== 微博Icon ==
<div style="width:100%;border:1px solid #fff;background-color:#EAF7FD;display:table;">
+
<div style="width:98%;border:1px solid #fff;display:table;">
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/icon/48x48.png</div>
+
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/48x48.png</div>
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/icon/32x32.png</div>
+
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/32x32.png</div>
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/icon/24x24.png</div>
+
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/24x24.png</div>
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/icon/16x16.png</div>
+
<div style="text-align:center;width:120px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/16x16.png</div>
 
</div>
 
</div>
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">
第33行: 第34行:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
== 微博按钮 ==
 
== 微博按钮 ==
<div style="width:100%;border:1px solid #fff;background-color:#EAF7FD;display:table;margin-bottom:20px;">
+
<div style="width:98%;border:1px solid #fff;display:table;margin-bottom:20px;">
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">
<div style="text-align:center;width:250px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/button/48.png</div>
+
<div style="text-align:center;width:250px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/48.png</div>
<div style="text-align:center;width:184px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/button/32.png</div>
+
<div style="text-align:center;width:184px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/32.png</div>
<div style="text-align:center;width:137px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/button/24.png</div>
+
<div style="text-align:center;width:118px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/button/16.png</div>
+
 
</div>
 
</div>
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">
 
<div style="text-align:center;width:250px;height:20px;margin-left:5px;float:left;">48</div>
 
<div style="text-align:center;width:250px;height:20px;margin-left:5px;float:left;">48</div>
 
<div style="text-align:center;width:184px;height:20px;margin-left:5px;float:left;">32</div>
 
<div style="text-align:center;width:184px;height:20px;margin-left:5px;float:left;">32</div>
 +
</div>
 +
</div>
 +
 +
<div style="width:98%;border:1px solid #fff;display:table;margin-bottom:20px;">
 +
<div style="margin:5px 10px;display:table;">
 +
<div style="text-align:center;width:137px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/240.png</div>
 +
<div style="text-align:center;width:118px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/wiki/16.png</div>
 +
</div>
 +
<div style="margin:5px 10px;display:table;">
 
<div style="text-align:center;width:137px;height:20px;margin-left:5px;float:left;">24</div>
 
<div style="text-align:center;width:137px;height:20px;margin-left:5px;float:left;">24</div>
 
<div style="text-align:center;width:118px;height:20px;margin-left:5px;float:left;">18</div>
 
<div style="text-align:center;width:118px;height:20px;margin-left:5px;float:left;">18</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
== 分享按钮 ==
 
== 分享按钮 ==
<div style="width:100%;border:1px solid #fff;background-color:#EAF7FD;display:table;margin-bottom:20px;">
+
<div style="width:98%;border:1px solid #fff;display:table;margin-bottom:20px;">
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">
<div style="text-align:center;width:250px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/button/share_button_l.gif</div>
+
<div style="text-align:center;width:250px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/icon/publish_button_32.gif</div>
<div style="text-align:center;width:184px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/button/share_button_m.gif</div>
+
<div style="text-align:center;width:184px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/icon/publish_button_24.gif</div>
<div style="text-align:center;width:137px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://open.sinaimg.cn/wikipic/button/share_button_s.gif</div>
+
<div style="text-align:center;width:137px;height:60px;border:1px solid #fff;margin-left:5px;float:left;padding-top:10px;">http://www.sinaimg.cn/blog/developer/icon/publish_button_16.gif</div>
 
</div>
 
</div>
 
<div style="margin:5px 10px;display:table;">
 
<div style="margin:5px 10px;display:table;">

2011年10月14日 (五) 15:38的最后版本

目录

微博标识介绍

微博提供了下面几种标准的logo、icon、按钮标识,开发者可以下载后使用。
下载方式:鼠标移到所需的图片上,点击右键选择“图片另存为...”,保存即可。

LOGO_64x64.png
LOGO_48x48.png
LOGO_32x32.png
LOGO_24x24.png
LOGO_16x16.png
64x64
48x48
32x32
24x24
16x16

微博Icon

48x48.png
32x32.png
24x24.png
16x16.png
48x48
32x32
24x24
16x16

微博按钮

48.png
32.png
48
32
240.png
16.png
24
18

分享按钮

publish_button_32.gif
publish_button_24.gif
publish_button_16.gif
文档更新时间: 2011-10-14