博客变漂亮~妮妈教你换标头图片

上一篇 / 下一篇  2007-07-16 10:49:50 / 个人分类:杂七杂八篮

  不时地看到了妈妈博友问“怎么可以把宝宝的照片放到博客顶上去”之类的留言,妮妈今天抽空截了图,把换标头照片的步骤详细地示列如下。妮妈也是个CSS菜鸟,一起分享、共同学习哦!有任何疑问尽管提,呵呵!

  (点击图片,可看大图)

1、用PS做一张图传到博客里的“图片”上,我的标头照片尺寸是:1000*345(1000是宽度,345是高度,照片宽度不超过1000为好,不然可能显示不出来或变形)。

2、进入该主题的“图片”,通过“下载图片”,右键点开图片属性,获得标头图片的URL地址

3、进入“空间管理——模板——编辑我的风格主题”,找到“标题样式”后面的第二个URL,在括号里边换上标头图片的地址。

4、如果要换背景,那就是替换第一个URL后的地址,我选的原始模板是“罗马花园”,这里要特别注意,有的模板,更换背景和标头图片顺序是不一样的(即有的模板第一个URL是标头,第二个URL是背景)。

  另外,背景图片尽量选淡雅的,不然日志写上去就会看不太灵清哦。我选的背景图片就是从网上的页面素材里找来的,因为图片很小,我又为了整个博客背景看去统一,就把除标头URL之外的所有出现URL的地方都换成着背景图片的地址(既主页和侧栏等各个地方都用了一样的背景),这样就很协调咯。

5、如果要调整顶部那些字的位置,就是修改“头部”里的参数,需要不断地试验哦。

6、改好之后,记得“另存为”,自己取个文件名。

7、现在你可以选你自己制作过的CSS模板了,可以先“预览”,满意后再“使用“,如果不满意可以点“编辑”进去再修改。

8、最后,“使用”成功了,那就恭喜恭喜咯,相信你也可以把小窝打败得漂漂亮亮的!

附:字体颜色代码查询表:


TAG:

苹果妮妮♥福娃妮妮 引用 删除 苹果妮妮   /   2008-12-02 21:11:11
梦里花落知多少 引用 删除 云里看花   /   2008-11-07 09:59:28
5
哦!亲爱的宝贝 哦!亲爱的老公 引用 删除 154135909   /   2008-10-22 12:51:55
学习
三文鱼子の小窝 引用 删除 三文鱼子   /   2008-10-21 09:19:02
真是好贴,我一直在研究怎么把照片放上去呢,谢谢啦
快乐小天地 引用 删除 恬恬的妈妈   /   2008-09-24 08:29:35
也试试看,谢谢妮妮妈妈,
佳宜趣事----以永恒瞬间绽放精彩靓丽人生! 引用 删除 qinqinjiayuan   /   2008-09-23 23:11:49
感谢ing
回头就研究
~机缘~    宁静的心 引用 删除 yu_515896   /   2008-09-19 09:03:12
先收藏再研究。谢谢你了
囡儿文彦 引用 删除 phm_swy   /   2008-09-09 13:33:07
5
囡儿文彦 引用 删除 phm_swy   /   2008-09-09 13:32:57
好漂亮啊!用你教的方法我也去试试!
家有睿宝 引用 删除 arliya   /   2008-08-20 11:07:39
5
引用 删除 拉勾ヽ   /   2008-08-15 21:27:12
顺其自然的个人空间 引用 删除 wkmmmmok   /   2008-08-09 02:15:06
路过此处,先收藏再研究。谢谢你了!
顺其自然的个人空间 引用 删除 wkmmmmok   /   2008-08-09 02:12:40
5
鱼米之乡 引用 删除 地中海的风   /   2008-08-08 17:35:47
5
云恋日月 引用 删除 云恋日月   /   2008-08-08 15:04:01
太美了.我也想试试.
云恋日月 引用 删除 云恋日月   /   2008-08-08 15:03:40
5
wo 引用 删除 31016   /   2008-08-01 22:20:47
wo 引用 删除 31016   /   2008-08-01 22:20:42
5
飘流鱼的个人空间 引用 删除 飘流鱼   /   2008-07-29 11:07:37
谢谢,俺试试
无忧果茶的个人空间 引用 删除 无忧果茶   /   2008-07-26 11:21:25
学习了!
 

评分:0

我来说两句
请谨慎发帖,本网站会记录您的IP地址。请注意,根据我国法律,网站会将有关您发帖内容、发帖时间以及您发帖时的IP地址的记录保留至少60天,并且只要接到合法请求,即会将这类信息提供给有关政府机构。

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

Open Toolbar