热门关键字:  博客  博客入门  博客创建  新浪博客  css
当前位置 :| 首页>博客知识>模板制作>

OBLOG模板制作教程

来源:学博客收集整理 作者:yagami 时间:2008-08-15 点击:

一、定义主窗口

首先看它的背景色以及边间距,在定义一下默认字体大小。然后在DW修改菜单里选择页面属性,会弹出一个对话框,具体参数如下:

二、制作大表格

仔细看大图外部有个边框,我们先做一个边框是1像素的表格

◆点击
   插入菜单-表格 会弹出对话框,具体参数如下:

提示: 如果在DW里插入表格,设置表格的“边框粗细”为1像素,那么我们看到的实际页面中的表格其实并不是1像素宽的边框,我们用下面的方法制作边框是1像素的表格:

◆插入表格后,将表格居中(如下图)。再设置表格其他属性(间距为1,背景颜色为:#623921
   

◆点击表格的每个单元格,在下面的“属性”面板中设置背景色为白色 #FFFFFF,这时细线边框就会出现。如下图:

三、头部


   在大表格里插入新的表格,在DW下面的属性面板中将BANNER.JPG大图做成背景图,调节表格高度和宽度让背景图片全部显示出来。

◆在表格里放入博客地址标签
    http://blog.levelup.cn/members/yagami/index.shtml
如下图:

四,导航栏

     在DW里新建一个表格,置于Banner表格的下方,设置表格的背景为NAV.GIF图片

     加入导航标签
    
导航栏就出来了,如下图:

 

五、内容部分

新建一个一行两列的大表格,左侧放登录、日志、日历等一些标签

右侧为日志内容。

1)左侧开始


   左侧表格里是居中对齐,为了防止表格里内容贴到边框上,不美观,所以我们让他来居中,离左右都有一点距离:新建一个两行一列的表格,宽度为左侧宽度的98%;

第一行做为标题,第二行用来放置标签。

TIAO.GIF做为第一行背景图像

制作方法如下:


   复制我们刚做的这个公告的表格,粘贴于其下方,换下标题,标签。以此类推,左侧制作完成。

(2)右侧部分=====副模板定义


   加入一个标签
   $show_log$ 就可以:把标签
   $show_log$ 粘贴到右侧的表格内,这个标签调用副模板里的内容。

至此,用户主模板制作完成。


最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册