注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

教你制作自己的个性风格模块(入门篇)  

2009-04-06 20:24:53|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 教你制作自己的个性风格模块(入门篇) - hdly006502 - . 

 

教你制作自己的个性风格模块(入门篇)

http://hdly006502.blog.163.com

 本文由好友: 小 芷 提供.在此表示感谢!

音画整理: 寒冬腊月 

 

 教你制作自己的个性风格模块(入门篇) - hdly006502 - .

 

       喜欢上163博客是因为163博客有漂亮的版面,网易博客为我们提供了许许多多各种类型的漂亮模版,刚刚接触163博客时,我们可以毫不费力的选择一款自己喜欢的模版作为自己的首页,但随着对网易博客的深入接触,就产生了想拥有属于自己的,有自己特色的博客首页,闲暇之余,我就抽空自己慢慢做了一个属于自己的"家",虽然不完美,但却独一无二,有着自己的特色,现一步一步的介绍操作流程,有兴趣的朋友可以试着自己做做看!

 教你制作自己的个性风格模块(入门篇) - hdly006502 - .

 

        1、打开博客后点击最上方的换风格按钮

 教你制作自己的个性风格模块(入门篇) - hdly006502 - .

        2、点击风格自定义

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        3、点击新建风格

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

       

        这样就进入模版编辑状态

       一、浏览器的设置

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        先将浏览器背景设置为水平+平铺的方式,然后点击选图将下图插入:

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        点击图片得到源图片地址然后保存在自己的电脑上,一定要点击图片后在保存,否则在插入后面的图片的时候,像素会不合适的。

        将浏览器的背景根据自己的喜好,可设置为随页面滚动和背景不随页面滚动两种,在这里我选择的是后者,也就是在固定背景的小方框里打上钩。

         这样浏览器就已经设置好了。

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

       

        二、顶区设置

 如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        将顶区高度设置为450PX,选择不平铺方式,选择居中顶端的对齐方式,然后将下图插入:

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        点击图片得到源图片地址然后保存在自己的电脑上,一定要点击图片后在保存,否则在插入后面的图片的时候,像素会不合适的。

        然后设置顶区文字,你可以编辑自已的一段文字哦!

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

 

        三、导航条的设置

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        导航条背景设置为100PX,选择不平铺方式,然后选择居中、顶端的对齐方式,将下图插入:

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        点击图片得到源图片地址然后保存在自己的电脑上,一定要点击图片后在保存,否则在插入后面的图片的时候,像素会不合适的。

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        导航条的文字设置:文字大小为标准字体大小,文字粗细为标准,文字的颜色码为  #999564 (可直接复制到颜色代码栏中),文字的水平位置为 549PX,文字的宽度为  58PX

        注:文字的水平位置和文字宽度的数据请按本人提供的数据,这里如果改动了,那7个栏目就不能乖乖的在我做好的小圈圈里了。如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        导航条当前项的设置:文字选择标准文字大小,文字粗细同样为标准粗细,文字的颜色码  #cecd92(可直接复制到颜色代码栏中)

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        导航条鼠标滑过项文字设置:文字选择标准文字大小,文字粗细同样为标准粗细文字的颜色码  #cecd92(可直接复制到颜色代码栏中)

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

 

      四、中区的设置 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        进入模板中区后,首先选择一行三列的结构模式,水平方式不用设置也可,对齐方式设置为居中顶端。然后设置4区的高度为 52PX(这里是不能够改动的,因为4区的图片高度只有 52PX,要是你改高了,就变成露脐装了如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客)。

         设置好后点选图将下图插入: 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        点击图片得到源图片地址然后保存在自己的电脑上,一定要点击图片后在保存,否则在插入后面的图片的时候,像素会不合适的。 

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

         中区1区和2区的设置很简单,将平铺方式设置为垂直平铺,对齐方式为居中,重要的是一定别忘记设置2区的宽度 47PX(这里也不能改动的)然后将下图分别插入1区和2区:

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客(2区图片)   (1区图片)如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        点击图片得到源图片地址然后保存在自己的电脑上,一定要点击图片后在保存,否则在插入后面的图片的时候,像素会不合适的。   

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        中区3区一定设置缩进宽度的数据,否则边框会跑到1区和2区中,影响美观,这里小芷设置左右缩进都为  41PX (这个数据只可大于41PX),设置水平+垂直的平铺方式,然后将下图插入:

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        点击图片得到源图片地址然后保存在自己的电脑上,一定要点击图片后在保存,否则在插入后面的图片的时候,像素会不合适的。

        这样中区部分的设置也就完成了。

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

 

        五、底区的设置

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

         底区首先设置高度 221PX,平铺方式可设置为不平铺,设置居中顶端的对齐方式,文字颜色码为 #999564(可直接复制到颜色代码栏中),文字距上间距设置为 35PX,然后点击选图将下图插入:

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

        点击图片得到源图片地址然后保存在自己的电脑上,一定要点击图片后在保存,否则在插入后面的图片的时候,像素会不合适的。

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

 

        六、模块的设置

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

         因为我个人不太喜欢很花的页面,所以在这里模块的背景没有做过多的设置,只是将模块的当前区高度设置为 20PX,这里你可根据自己的需要添加模块背景。如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客   

         模块文字的设置是最重要的,它可以说占领了页面最主要的位置,清新协调的颜色搭配可以让页面更具观赏,建议4项文字的颜色设置选用一个色系相接近的色码,这里将参考数据附下:模块标题的颜色 # b1ae88,重要文字颜色 # 999564,次要文字颜色 # bfbb8e,链接文字颜色 #cecd92(可直接复制到代码栏中),标题的垂直位置设置为 27PX。

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

         上图是模块边框的设置,粗细为标准,类型为实线,颜色码 #796045。

 

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

       

        七、其他的设置

如何制作自己的博客首页(中级篇) - han_hao006502@yea - 寒冬腊月的网易博客

         按纽的设置:背景颜色码 #7a4e56,按纽边框颜色码 #cecd92,按纽文字颜色码 #999564

        分隔线设置:分隔线1颜色码 #7d7355,分隔线2颜色码 #cecd92

        当前项设置:当前项颜色码 #774c54。

 

引用 闪烁的分割线 - 绿洲的家园 - 绿洲的家园

 

         如果你也想制作一款属于自已个性的博客页面,那你就赶快动手去实践一下吧!遇到‘困难’时,请给我留言我会尽力帮助各位博友的.最后,祝您成功哦!    

 相关文章链接:

在博客中设置日志背景的代码

 

 点击下面的滚动图片,即可分享不同风格的个性首页模块,不妨点击试试看哦!

附言:

    如果你不想自己动手制作,那你可以借用别人的个性风格;网易系统提供了上千种不同的风格模块,你可以直接点击进入,选择符合你的一款风格哦!

    网址 :  http://blog.163.com/public/

    点击,同样进入↓〖网易博客风格共享〗

   点击进入   〖网易博客风格共享〗

 

相关文章链接: 

 

点击进入   →   相关文章链接
  〖寒冬腊月〗   〖寒冬腊月〗
  〖寒冬腊月〗   〖寒冬腊月〗
  〖寒冬腊月〗   〖寒冬腊月〗
  〖寒冬腊月〗   〖寒冬腊月〗
  〖寒冬腊月〗   〖寒冬腊月〗
  〖寒冬腊月〗   〖寒冬腊月〗
  〖寒冬腊月〗   〖寒冬腊月〗
  〖寒冬腊月〗   〖寒冬腊月〗

 

自定义模块怎样用?

◇怎样建立首页模块?

首页日志链接模块的制作

如何更换博客主题风格

        2009年3月29日 - han_hao006502@yea - 寒冬腊月的网易博客

   2009年3月29日 - han_hao006502@yea - 寒冬腊月的网易博客 引用请保留此文链接 :http://hdly006502.blog.163.com/blog/static/4901226320084685713762/

  如要转载此文,请注明:转载自 寒冬腊月  http://hdly006502.blog.163.com

    2009年3月29日 - han_hao006502@yea - 寒冬腊月的网易博客

 

  评论这张
 
阅读(1177)| 评论(7)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017