博客首页自定义风格装扮 一看就懂
Good fun编辑
好几位朋友问我,博客首页是怎么做的!今天和大家交流一下我博客首页的装扮方法!说的比较啰嗦,希望新朋友都能看得懂,高手勿扰!
首先看一下我博客首页的缩略图:
(图1)
上面整个风格就是下面图2上面放了N个图3一样的模块!
(图2)
(图3)
在开始自定义前,先来了解下准备工作!装扮博客如果要用背景图片,那么你可以从网上去下载自己喜欢的图片或者自己用ps等制图软件来合成!如果你用ps做,那么把整个风格做成一张图,如图2,然后用ps把他横向切割成4张图(如下图),分别作为顶图,导航,中区和底图!这里要注意,图片的宽度要1004像素为佳,高度自定!但要考虑到各区切割后的4张图片高度都是有限制的,顶图的高度范围是:24像素——450像素;导航背景图是:32像素——100像素;中区无限制,根据你博客内容自动延伸,所以中区背景图片的上边接到该图片下边的时候看不出接缝,这样在垂直平铺的时候就比较美观,做的时候的留个心;底图的高度是:50像素——800像素。不管你是自己做还是网上下载请准备好这些图片,记住储存路径,方便等会用!
不知道PS图片的切割切割点击:大图音画的切割及拼合发表方法【原】
还有模块要用背景图,也得准备好,模块的背景要用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一样,宽度不限,但要水平平铺,所以注意接缝!
好了准备好上面的图片,下面我们开始自定义(按截图操作):
最后三项设置你看的会的,这里就不说了!
学习更多ps教程,请点击:ps教程大全
|
评论