SharePoint Webparts Header 定制
http://blog.spsclerics.com/archive/2005/07/11/5421.aspx
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="MSOZoneCell_WebPartWPQ4" vAlign="top"><table TOPLEVEL border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr class="ms-WPHeader">
<td accesskey="W" tabindex="0" title="最新通知 - 分页列表视图" id="WebPartTitleWPQ4" style="width:100%;">
<div class="ms-WPTitle"><nobr><span>最新通知</span><span id="WebPartCaptionWPQ4"></span></nobr></div>
</td><td align="right" onkeydown="MSOMenu_KeyboardClick(WebPartWPQ4_MenuLink, 13, 40)"
style="width:10px;padding-right:2px">
<a onclick="MSOWebPartPage_OpenMenu(MSOMenu_WebPartMenu, this, WebPartWPQ4,'False');"
id="WebPartWPQ4_MenuLink" style="cursor:hand;">
<img src="/_layouts/images/Menu1.gif" tabindex="0" class="ms-HoverCellInActive"
onmouseout="this.className='ms-HoverCellInActive'" onmouseover="this.className='ms-HoverCellActiveDark'"
border="0" align="absmiddle" title="Web 部件菜单" alt="Web 部件菜单" />
</a></td>
</tr>
</table></td>
</tr><tr>
<td class="ms-WPBorder" valign="top">
<div WebPartID="1afe30ae-d127-4c72-9b92-48137d1ba26f" HasPers="false" id="WebPartWPQ4" width="100%" class="ms-WPBody" allowDelete="false" style="" >
</div></td>
</tr>
</table></td>
</tr>
</table> 上面是一个Webpart在HTML页面的代码。Stramit的文章里提到了修改Css的方法改变Header的样式,这肯定是必经之路。但是我们如果想对每个Webpart的样式单独做定制呢?也是可以做到的。
MSOZoneCell_WebPartWPQ4 注意到这个td 的ID
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="MSOZoneCell_WebPartWPQ4" vAlign="top"><table TOPLEVEL border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr class="ms-WPHeader">
<td accesskey="W" tabindex="0" title="最新通知 - 分页列表视图" id="WebPartTitleWPQ4" style="width:100%;">
<div class="ms-WPTitle"><nobr><span>最新通知</span><span id="WebPartCaptionWPQ4"></span></nobr></div>
</td><td align="right" onkeydown="MSOMenu_KeyboardClick(WebPartWPQ4_MenuLink, 13, 40)"
style="width:10px;padding-right:2px">
<a onclick="MSOWebPartPage_OpenMenu(MSOMenu_WebPartMenu, this, WebPartWPQ4,'False');"
id="WebPartWPQ4_MenuLink" style="cursor:hand;">
<img src="/_layouts/images/Menu1.gif" tabindex="0" class="ms-HoverCellInActive"
onmouseout="this.className='ms-HoverCellInActive'" onmouseover="this.className='ms-HoverCellActiveDark'"
border="0" align="absmiddle" title="Web 部件菜单" alt="Web 部件菜单" />
</a></td>
</tr>
</table></td>
</tr><tr>
<td class="ms-WPBorder" valign="top">
<div WebPartID="1afe30ae-d127-4c72-9b92-48137d1ba26f" HasPers="false" id="WebPartWPQ4" width="100%" class="ms-WPBody" allowDelete="false" style="" >
</div></td>
</tr>
</table></td>
</tr>
</table>MSOZoneCell_WebPartWPQ4 注意到这个td 的ID

浙公网安备 33010602011771号