小学科学教学论坛

注册

 

发新话题 回复该主题

修改OBlog用户模板的详细方法 [复制链接]

1#

修改OBlog用户模板的详细方法


各位好,今天我给大家讲讲Oblog这个博客中用户模板的替换方法,我尽量讲的详细一些,并且关键地方会以图片方式提示,希望我的教程能给大家帮助,不当之处也请指正。


     由于网页的排版问题有几张图片变形了,完整图片请保存后查看!


 


第一步:下载模板


首先我们要下载自己喜欢的Oblog用户模板,http://sc.chinaz.com/Html/WebTemplets/programcategory/oblog/index_1.html 这里有434用户模板可供我们选择,你喜欢哪一个就下载哪一个吧!


 


下载好了吗?


OK,我就当你下载好了,现在你把下载下来的文件压缩到一个目录下,并打开这个目录。


第二步:查看模板


我现在以《思念夜月》这个模板为例给大家讲解。


 


打开这个文件夹,我们看到的是一个子文件夹,一张图片(这是模板预览图)和4个文本文件。




我们先不管这些个文件,先打开skin文件夹,再打开missmoon文件夹,我们看到


 


又是一个文件夹(images)和一个css.css文件


 


我们再打开images文件夹,看到里面有很图片文件吧!这就是我们接下来要用到的图片了。




 


第三步:上传图片


首先,请登陆你自己的博客,进入后台管理。


然后依次点击   文件>图片文件>上传文件  如图所示




点击“上传文件”按钮后就会出下图中黄色覆盖的小窗口,再点击“浏览”按钮后就出现红色覆盖的小窗口,这里你要找到教程第二步所示的images文件夹,并把这个文件夹下面的所有图片都上传上去。


 


下图中黄色覆盖部分的就是我们刚刚上传的图片了。




 


第四步:修改CSS样式表


现在打开我们下载的模板目录,按照第二步的方法找到css.css的文件,鼠标右键点击这个文件。


 








按钮如图所示的方法打开这个文件。


看到这里有一堆的英文代码,别去管它,看到我用鼠标选中的部分。


我们现在来把images/bg.jpg改成我们上传的图片地址。


 


回到浏览器窗口找到bg.jpg点击这个文件浏览器就会打开一个新窗口来浏览这张图片。我们把浏览器地址栏中的uploadfiles/2010-3/251150635209.jpg部分复制下来。替换CSS.CSS文件中的images/bg.jpg




按照上面的方法把CSS.CSS中的所有images/*.jpg文本都替换成我们上传的文件地址。


 


第五步:修改主模板


按照教程第二步的方法找到“主模板.txt”并打开。





</head>


 


<body>


插入<STYLE></STYLE>就变成


 


然后把我们修改的CSS.CSS文件中的所有文本复制过来,在箭头所示的地方粘贴。


 


最后把<link href="/skin/missmoon/css.css" rel="stylesheet" type="text/css" />这一行删除了,因为我们已经自己搞定的CSS样式档了。


 


第六步:修改副模板


这一步很简单,就是打开“副模板.txt”文件把第一行


<link href="/skin/missmoon/css.css" rel="stylesheet" type="text/css" />删除了就行了。


 


第七步:上传模板




回到浏览器窗口,依次点击模板>改主模板>源码<HTML>,然后把黄色覆盖的所有文本用主模板中的所有文本(复制过来)替换掉。


最后别忘记了点击“保存修改”按钮。


副模板的修改方法一样,就不再重复了。


 


第八步:生成新文件


     经过上面的修改后你博客主页是不是已经被修改了,是不是漂亮多了。但是你点击你以前发布的日志时,显示的还是你原来的模板样式。


现在我们来把它也改了。




按图片所示,依次点击后页面中的常用>更新数据>重新发布


再来点击你以前发布的日志,看看是不是已经旧貌换新颜。


 


 


教程到此结束,如果大家觉得还不错就顶一下吧!


 


如果喜欢,下一个教程教大家如何给我们的博客添加音乐!


 


感谢你的支持!


[此贴子已经被作者于2010-7-31 11:29:38编辑过]

分享 转发
一个人能走得很快,一群人可以走得更远!
TOP
2#

海风开始发布新手进阶教程了,新手变高手的机会来了!

追求工作室:http://www.zhuiqiu.name
《科学播客》:http://www.kxboke.com
科学教师之家:http://www.kxboke.com/kxjszj
科学维客:http://www.kxboke.com/kxwiki
TOP
3#

以下是引用追求在2010-7-31 11:55:00的发言:

海风开始发布新手进阶教程了,新手变高手的机会来了!


想变高手先加入探索博客吧,探索博客——科学教师的网上精神家园!期待你的加盟!

一个人能走得很快,一群人可以走得更远!
TOP
发新话题 回复该主题