动网皮肤制作教程（二）

发条橙子

至咖啡吧
往下看，我们可以修改下#TableTitleLink项，在DVBBS默认的color属性中为#FFFFFF（白色），这样配起我们的skin来会比较不协调，所以我们修改color为属性为#000000（黑色）

最后，就是修改一下下拉菜单的背景图片，在.menuskin中，我们可以看到background-image的属性是url("{$PicUrl}dvmenubg3.gif")，转到PS中，我们来做一张这样的图片<IMG src="http://www.kafe.cn/club/Skins/Cafe/menubg_01.gif">，起名为“menubg_01.gif”将它保存到我们的cafe目录下，修改background-image的属性为url("{$PicUrl}menubg_01.gif.gif")。
按一下CSS文本框中的“提交”按钮，至此，我们CSS建立工作就完成了~~~
2.3 添加skin到界面中
　　继续在“风格界面模板总管理”中编辑我们的cafe skin，先打开“当前模板主模块(Main_Style)”中的“基本设置”调整“表格宽度”为770，后面什么单位都不要加。然后退回“风格界面模板总管理”界面，按“当前模板主模块(Main_Style)”的“界面风格”，进入后，看“Dvbbs.mainhtml(3)”这里，这个是顶部短信广告部分，对于我们做skin来说会比较难看，所以我们将文本框中整个内容都删掉就可以了，只保留“&lt;!--顶部短信广告部分--&gt;”这个注释，以避免将来我们需要修改时不知道这是什么。
　　Dvbbs.mainhtml(4)中，就是DVBBS的顶部表格了，大多数情况下，我们可以把这里面都删掉到了，同样保留注释部分。接着在DW（后面我就把dreamweaver简称DW，photoshop简称PS了）中，建立一个如下的表格。
&lt;!--顶部表格--&gt;
&lt;table width="778" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img width="778" height="4"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table width="770" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" target="_blank" ><FONT color=#000000>http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0</FONT></A>" width="770" height="180" name="Title" id="01" vspace="0" hspace="0"&gt;
&lt;param name=movie value="Skins/Cafe/title_01.swf"&gt;
&lt;param name=quality value=high&gt;
&lt;param name="SCALE" value="exactfit"&gt;
&lt;param name="wmode" value="transparent"&gt;
&lt;embed src="Skins/Cafe/title_01.swf" width="770" height="180" hspace="0" vspace="0" quality=high pluginspage="<a href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank" ><FONT color=#000000>http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash</FONT></A>" type="application/x-shockwave-flash" name="Title" scale="exactfit" wmode="transparent"&gt;
&lt;/embed&gt;&lt;/object&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;table width="770" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"&gt;
&lt;tr&gt;
&lt;td bgcolor="#0D9952"&gt;
&lt;table width=768 border=0 cellpadding=0 cellspacing=0&gt;
&lt;tr&gt;
&lt;td width="172"&gt;&lt;a href=# onClick="window.external.AddFavorite('<a href="http://bbs.sadcity.net',%20target=/" target="_blank" ><FONT color=#000000>http://bbs.sadcity.net', '塞思在线)</FONT></A>"&gt;&lt;img src="Skins/Cafe/bar_01_bbs.gif" width=172 height=38 border=0 alt="Add Quiescence CafeBar to My Favorites!"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td width="32"&gt;&lt;img src="Skins/Cafe/spacer.gif"&gt;&lt;/td&gt;
&lt;td width="82"&gt;&lt;a href="../main.asp"&gt;&lt;img src="Skins/Cafe/bar_03.gif" width=82 height=38 border="0"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td width="92"&gt;&lt;a href="../club"&gt;&lt;img src="Skins/Cafe/bar_04.gif" width=92 height=38 border="0"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td width="92"&gt;&lt;a href="../mycg"&gt;&lt;img src="Skins/Cafe/bar_05.gif" width=92 height=38 border="0"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td width="89"&gt;&lt;a href="../music"&gt;&lt;img src="Skins/Cafe/bar_06.gif" width=89 height=38 border="0"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td width="92"&gt;&lt;a href="../literature"&gt;&lt;img src="Skins/Cafe/bar_07.gif" width=92 height=38 border="0"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td width="117"&gt;&lt;a href="../whoami"&gt;&lt;img src="Skins/Cafe/bar_08.gif" width=117 height=38 border="0"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#E0DED8"&gt;
&lt;tr&gt;
&lt;td height="3" bgcolor="#5C5B5B"&gt;&lt;img src="Skins/Cafe/spacer.gif" width="1" height="3"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td height=22 align="right" valign="middle" <FONT color=#ff0000><B>class=TopLighNav1  id="Menu"&gt;{$menu}</B></FONT>&amp;nbsp;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;



请注意上面代码中的红色加粗部分，这里是DVBBS的是导航栏变量部分，一定要注意加上，如果不加的话，导航栏是无法显示出来的~~~~

无声de祈祷

<>从哪复制来到</P><>也要看清楚呀 ...............</P><>有点问题 </P>[em06][em06]