二
22
12月
2009
Jimdo自定义— 广告盒的移动修改及空白填充
在自定义模板的HTML里,和广告盒相关的代码是:<div id="sidebar"><var>sidebar</var></div>。在《如何自定义jidmo模板三》里,我已介绍了填充右部空白的方法,有些朋友还是不明白,其实就是弄个一行二列的表格,广告盒放左边,右边放上你要填充的内容,如文字、图片,或别的代码。这里把我写的代码告诉大家。
改前:这是Jimdo“自已的版面设计”里原来的HTML代码。
<div id="sidebar"><var>sidebar</var></div>
<table width="960" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="180" height="355" align="right">
<div id="sidebar"><var>sidebar</var></div>
</td>
<td width="760" height="355" >
<table style="background-color:#88cf88;border-color:#ffdddd; border-width:1px;" border="0" width="100%">
<tbody>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="background-image: url([img]http://lyg.jimdo.com/s/cc_images/thumb_1306182104.jpg[/img]?t=1248012251); width:370px; height:175px;"></td>
<td style="background-image: url([img]http://lyg.jimdo.com/s/cc_images/thumb_1306182204.jpg[/img]?t=1248012251); width:370px; height:175px;"></td>
</tr>
<tr>
<td style="background-image: url([img]http://lyg.jimdo.com/s/cc_images/thumb_1306182304.jpg[/img]?t=1248012251); width: 370px;height:175px;"></td>
<td style="background-image: url([img]http://lyg.jimdo.com/s/cc_images/thumb_1306182404.jpg[/img]?t=1248012251); width: 370px;height:175px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
它的效果是这样的:
评论: 6
-
#1
我用了怎么不显示?
-
#2
你可以改下图片地址,长时间有可能失效了。
-
#3
怎么才能让图片成为超链接形式呢?
-
#4
加上超链接代码啊!<a href="链接地址"><img src="图片地址"></a>
-
#5
很好呢
-
#6
自定义模板可是不敢乱用啊,搞错了的话 就面目全非了





