个人主页设计教.doc

《个人主页设计教.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、个人收集整理，勿做商业用途个人主页设计教程简单版这个教程比较简单，适合对主页进行少量修改。如果觉得改的东西太少，请参看本群组其他置顶贴。 由于代码的无序性，想要添加的代码直接放于自己原来的代码后面就可以了。 代码使用方法：将写好的代码复制，点击进入页面右上角的“设置”主页风格自定义风格将代码粘贴在滚动栏里保存修改即可。  在自己或者别人的主页空白出，点击鼠标右键，在弹出的菜单里选择“查看源文件”，即可查看主页的源文件代码。 由于选择符讲起来麻烦，看着麻烦，干脆就不讲了。这个教程里就直接对重要的选择符进行处理。 自己查看源文件代码，你会发现在第14行：();下

2、面显示的是自己或者别人的代码。你可以这样借鉴别人的代码。  再继续看代码，发现个人主页是有几大模块组成的，大模块又由小模块组成，各模块又由很多小元素构成。主要模块有：(只列举简单修改的那部分) 一          （置顶图片，默认情况是未使用的。可不用。）                       {                :100;    图像占据的高度，数值100应该改为和你的图片宽度一致。数值自己调整。                (图片地址);  表示图片不平铺（不重复），居中显示。                 :0.8;   图片

3、大小，0.8表示显示图片是使用图片的0.8倍。数值自己调整。可不用。              }二            (头部菜单，“首页”“个人主页”等，包含一背景。)         （头部，一背景图片。）                     {               :;   7/7个人收集整理，勿做商业用途背景颜色条去除。               :10;    头部菜单与页面顶部的距离。数值自己调整。               :16;   头部菜单字体大小。已经调整适当。             }          a   

4、         {               ();   去除南山站，如果你想用自己的替代，则使用下面代码。            }           a             {                (地址);   图片地址为你自己的地址。                :0.1;   大小自己调整。               }三           （页面主题顶部菜单）                            {                  ;   不太好看，直接去掉。                 }   

5、                        {                  ;   我觉得不好看，直接去掉。想留下的这段代码不要即可。               }             {           000A2D(个人主页页面背景图片地址);   带#号的表示图片外的背景颜色，自己调整，选择与图片搭配的。表示图片不重复，如果图片太小则换为7/7个人收集整理，勿做商业用途或者分别表示在X轴方向和Y轴方向重复。            :0;   背景在页面居中           :0;   背景与头部菜单的距离。数值自己调整。可不调。

6、           ;   表示背景图片固定。若想图片与其他部分一起滚动，把改为即可。         } 四        （脚部。就是页面底部那根最长的线以下部分。）                  {               ;   不太好看，直接去掉。如果想在上面加图片，见我主页，可用下面代码。           }                     {                :1000;   图片暂用页面宽度，自己按照图片大小调整。               :151;    高度。               :(图片地

7、址);             }       并且在后加上下面代码，去除底部文字。        a            {               ;            }五页面标题栏背景颜色条。              {();}     a        7/7个人收集整理，勿做商业用途{();}      a        {();}       等等。。。。       全部直接去掉。如果如果想把这些背景颜色调改为自己喜欢的样式，请询问断羽·晓月同学。 六字体颜色        这是简单版的，只简单修改下。              

8、        {;}   颜色选你喜欢的，具体是是