[DIY首页N格图解]如何自制首页N格

       本人也是刚学网站制作，真正自己动手应该从6月8日开始。有不对的地方大家包涵。
我看了很多首页N格，都只能安装在论坛。如果自己diy的话，就可以随便放哪里，门户，论坛都可以。
       演示网址：www.colorshell.com （彩贝儿童社区）
       交流QQ：6588367
       先放张图片：

这张是放在论坛的5格。





       从图上可以看出其实我把首页N格设置成了上下2排。每排占整个横幅的2/3。而右边的1/3我用来放置广告。如果你学会了自己DIY首页N格，就可以随你心意，放在门户或论坛，1排2排3排，3格-N格都可以。只有你想不到，没有你做不到。
       现在详细说下步骤：
       1.以管理员身份登录网站，点击右上角的【DIY】。


        2.DIY以前自己先构思好做几格怎么排版。我这里只按我的首页N格介绍，这样比较直观，可以随时对比。等你学会了后，其原理和方法是一样的。
        点击【diy】后就进入高级模式，先点击框架。

先拖一个100%的框架放在下面空白处，（鼠标按住100%框架拖动就可以了。）在拖一个2:1框架在100%框架的里面，别放在外面哦。应该是2:1框架套在100%框架里面。再拖一个1:2的框架在2:1的框架里面。

到这里就做好了第一排的3个框架。

       点击100%框架的右上角的红色的编辑（注意是红色的，红色的是框架，蓝色的是模块）-----标题。把【1框架】去掉，点击确定。按上面步骤把2:1框架的标题也去掉。

     

         点击1:2框架的红色编辑，把框架标题改为社区聚焦，字体选20px，颜色白色。把下面的背景颜色选蓝色。点确定。这样标题栏就做好了。
         


         3.点击 模块------论坛类------帖子模块。拖到1:2框架的1里面，就是最左边的框架。这样就会弹出一个窗口，把标题改为最新热图，也可随意。
         在修改一些设置选项。显示条数5。数据缓存更新选1分钟或10分钟，把准时更新打勾。这里要注意，如果你的论坛人少或没人点击，那么更新是很慢的，不会实时更新，除非你点击diy---这个模块的蓝色编辑-----更新。显示样式一定要选【内置】帖子图片幻灯片。图片高度和宽度是随你选择的，如果你把图片放在1:2框架的2里面，图片宽度就可以调大点。要注意如果你打开浏览器发现图片和旁边的版块错位了，那就是你的图片设置的宽度太大了，调小点更新一下就可以了。这样你的图片栏就做好了。


现在做第二个格子，1:2框架的2部分，论坛类------帖子模块。数据来源（这是指定调用论坛数据的那个种类，有指定贴，精华帖，最新贴，热门贴等。数据版块，显示样式。都可以选折一下。

       4.现在做第二排的4格。先拉个100%框架，再拉个2:1框架。然后是2:2框架。最后拉4个100%框架到2:2框架里。这样1:1:1:1+广告这样的框架就拉好了。按上面的步骤把标题栏设置成最新贴，最热贴，发帖排行，积分排行。最新贴和最热贴都是论坛类---帖子模块。注意发帖排行和积分排行是会员类的会员模块，数据来源里可以选择。
      这样首页N格就完成了。只等备案下来就可以投放广告了。是不是很简单。
      看百遍不如自己动手做一遍。

自己顶一下。

支持下 www.fzxyk.net|www.xyk0595.com

支持一下{:soso_e100:}

感觉一般般。。。。。。。

:'(

木凡的天空 www.mf0702.com 路过。。。。

http://www.yxgao.com
http://www.tbgao.com           
http://www.t360mall.com           
http://www.zhw158.com              
http://www.rsqhao.com
http://www.slhao.com/dm/index.php
www.jingyoutop1.com            
andanson.5d6d.com

yxweb 发表于 2012-7-2 09:19
感觉一般般。。。。。。。

毕竟是新手第一次做，难免的。只是给大众新手一个思路。想象是无限的，她们完全会做的更好。