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

.

.

 
 
 

日志

 
 

【转载】博客首页自定义风格装扮 一看就懂  

2014-07-21 19:04:20|  分类: 博客教程与技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

     

博客首页自定义风格装扮 一看就懂

Good fun编辑

       好几位朋友问我,博客首页是怎么做的!今天和大家交流一下我博客首页的装扮方法!说的比较啰嗦,希望新朋友都能看得懂,高手勿扰!

      首先看一下我博客首页的缩略图: 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 (图1)

       上面整个风格就是下面图2上面放了N个图3一样的模块!

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 (图2)

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 (图3)

       在开始自定义前,先来了解下准备工作!装扮博客如果要用背景图片,那么你可以从网上去下载自己喜欢的图片或者自己用ps等制图软件来合成!如果你用ps做,那么把整个风格做成一张图,如图2,然后用ps把他横向切割成4张图(如下图),分别作为顶图,导航,中区和底图!这里要注意,图片的宽度要1004像素为佳,高度自定!但要考虑到各区切割后的4张图片高度都是有限制的,顶图的高度范围是:24像素——450像素;导航背景图是:32像素——100像素;中区无限制,根据你博客内容自动延伸,所以中区背景图片的上边接到该图片下边的时候看不出接缝,这样在垂直平铺的时候就比较美观,做的时候的留个心;底图的高度是:50像素——800像素。不管你是自己做还是网上下载请准备好这些图片,记住储存路径,方便等会用!

       不知道PS图片的切割切割点击:大图音画的切割及拼合发表方法【原】

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

         还有模块要用背景图,也得准备好,模块的背景要用9张图片,如下面两图!这里要注意:这9张图片的宽度和高度都有限制,这样才保证图片能完整显示还不拼接,较美观:“1”和“3”的背景图:宽度是0——50像素、高度是20——100像素; “2”宽度根据你模块的宽度大小适当选择,高度最好和1、3一样;“4”和“6”的高度不限,系统自动垂直平铺,和中区的背景图一样,最好拼接的时候没接缝,做的时候留心、宽度分别和“1”“3”一样; “5”高度和宽度都不限制,但是会水平平铺和垂直平铺,所以图片要注意没接缝; “7”和“9”的宽度0——250像素、高度是:0——100像素; “8”高度和7、9一样,宽度不限,但要水平平铺,所以注意接缝!

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

 好了准备好上面的图片,下面我们开始自定义(按截图操作):

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

 

博客首页自定义风格装扮 一看就懂 - Good fun - Good fun网易博客

          最后三项设置你看的会的,这里就不说了!

         学习更多ps教程,请点击:ps教程大全

 

  评论这张
 
阅读(78)| 评论(9)

历史上的今天

评论

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

页脚

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