博客模版

时间:2024-07-14 23:48:03编辑:阿星

如何设计自己的博客模板

1:新浪博客具有模板定制功能除了普通的模板风格选择以外,还提供了“模板DIY”界面,您可以在数千种变化种找到属于自己的风格加以搭配。
2:如果您不希望您的首页总是一成不变,同时又希望免去亲自更换模板的麻烦,那您可以进入“模板DIY”,将您的首页风格设置成“模板随机效果”,此时您的主页每次被刷新都会呈现出不同的风格哦:)建议初学者不使用
温馨提示:您选择随机模板后,自定义的风格模板将会失效。
第一步:点击你主页右上方标题栏的“控制面板”进入
第二步:进入“控制面板”后,选择左边的“定制我的模板”或者右边的“定制Blog面板”
第三步:按照你的想法选择下一步的操作,如果你想选择固定的个性模板,那么请点击“点击此处更新模板”“随机风格”建议暂不使用,待熟练后可尝试。
第四步:选择自己喜欢的一种风格,比如选择的是“灰色轨迹”,点击进入。
第五步:十个模版都有模版风格说明,点击看说明,如果确定好的话点击“选择此模板”
第六步:你将鼠标放在哪里,哪里晃动,哪里就能更改。在弹出的小框框里,将鼠标放到上下箭头出,滚动选择自己喜欢的图片。自己可以多试试不同的风格。
第七步:首先更改背景,,点击蓝色按钮,选择好自己满意的背景之后,点一下。
第八步:界面中的其他模块你都可以自己改变
第九步:要强调得一点(可能也是很多人没有注意的一点),那就是你现在更改的均属于首页的模板,你还可以更改正文现显示的背景,当然该方法同上。
第十步:当你全都改好之后,就可以点击“保存并返回”了。


如何自己制作新浪博客模板

制作步骤是:1)成功登陆博客后,点击控制面板2)进入后可以看到左侧有一个“定制我的首页”3)点击进入左侧可以看到“添加模块”4)点击进入后,看到“自定义空白面板”5)下面有“创建新的空白面板”6)进入后输入“面板标题名”,然后,下角可以看到“显示原代码”7)选中后,将下面的源代码复制后放在它们中间:body{background:url(页面背景图片)repeatscroll!important;}logo{background:url(题图logo图片)norepeatnoscroll!mportant;}banner{background:url(题图大图)norepeatnoscroll!mportant;}menu{background:url("题图下的菜单图片")no-repeatcenter;}feedsup{background:url("正文标题栏上翻时的图片")no-repeatcenter;}feedsdown{background:url("正文标题栏下翻时的图片")no-repeatcenter;}feedsfunction{background:url("正文摘要结尾处菜单的图片")no-repeatright;}linksup{background:url("面板标题栏上翻时图片");}linksdown{background:url(面板标题栏下翻时的图片);}linksmid{background:url(面板的背景图片);}photomid{background:url(形象照片处的背景图片);}labelmid{background:url(自定义面板的背景图片);}calendarmid{background:url("日历面板背景");}callboardup{background:url("公告栏标题栏上翻时图片");}callboarddown{background:url("公告栏标题栏下翻时图片");}callboardmid{background:url("公告栏背景图片");}bodyBg{background:url("正文背景图片");}bodyBottom{background:url("正文背景图片");}gbookup{background:url('留言板标题栏上翻时的图片')no-repeat;}gbookdown{background:url('留言板标题栏下翻时的图片')no-repeat;}feedspage{background:url("正文文章页数图片")no-repeatcenter;}8)最后保存设置即可.注:1.把文字部分改成图片地址即可,但图片地址必须是网络上已经存在的,否则不能显示。2.需要哪部分就添加哪部分的代码,不需要的不用加。3.建议博友最好一个一尝试,就会知道哪个代码是模板中的哪部分了.

如何自己制作新浪博客模板

首先你要学会使用制作图片的软件,推荐使用 Photoshop 这是最常用的,它的功能很强大,此软件在网络上很好搜索下载,至于如何使用它,这就需要你系统的去学习了,在我的教学分类的后面几页有几个 Photoshop 的视频教程,大家可以参考一下,或者在网络上找一些相关的教学文章和视频来参考学习。

接下来你要弄明白新浪博客首页图片各部分的尺寸,下面我列出来一些:

横幅尺寸:
音乐旋风模板 宽:770像素 高:180像素 分辨率:72
其他风格模板 宽:770像素 高:135像素 分辨率:72

横幅下图片尺寸:
宽770像素 高28像素 分辨率72

大背景尺寸:
宽:1024 像素 高:600 像素 分辨率:72

文章标题图片尺寸:
宽550像素 高28像素 分辨率72

一侧图片标题尺寸:
宽210像素 高28像素 分辨率72

文章背景尺寸:
宽770像素 高随意 分辨率72

各部分图片尺寸太多,我就不一一列举了,最好的办法就是:你想使用什么系统模板,就先更换上,再把各部分图片存到你电脑中,然后用 Photoshop 或者鼠标右键点击图片察看属性,打开这个图片,查看尺寸大小。


--------------------------------------------------------------------------------

明白各部分图片的尺寸后,接下来就是制作图片了,建议先找一些图片素材,首先要在脑海中想象一下你想要的效果,然后使用 Photoshop 来剪切图片,制作横幅,大背景,文章和一侧模块标题背景图片等等。图片都制作好后,上传到你的博客,建议参考《无限制上传图片的方法》这篇文章来上传图片。

图片上传后,得到图片地址,然后根据《更换博客首页各部分图片代码》这篇文章代码,把得到的图片地址添加到相对应的代码地址中,建立模块,粘贴代码,就可以了。

修改文字颜色,请参考《更改博客各部分文字颜色的代码》
想隐藏某一部分,请参考《隐藏博客各部分的代码》
不会添加代码的朋友,请参考:《关于添加特效的详细介绍(图片)》
更多效果请点击我博客首页的文章分类,在特效和教学分类中寻找答案。

如果看中我某个模板,你可以分析一下模板代码,把代码中的图片地址复制-粘贴到地址栏中,看看是什么图片,然后自己制作或者修改图片,利用此模板我公布出来的代码,做成和这个模板一样的效果。

以下的视频教程希望可以帮到有需要的人。

《大师之路Photoshop CS2 教程》

FLASH8专业版实例视频教程

Flash MX 2004超速入门与实例提高视频教程

Photoshop CS基础及应用视频教程

编辑图片的软件下载:

photoshop7.0简体中文版
参考资料:http://blog.sina.com.cn/s/blog_491dbdc7010007wh.html


用DreamWeaver制作博客模板

编辑和更新模板
更改并保存模板时,Dreamweaver 可以自动更新基于该模板的所有文档。如果需要您也可以手动更新基于模板的文档。

注意:若要编辑 Contribute 站点的模板,必须使用 Dreamweaver;无法在 Contribute 中编辑模板。

当保存模板时,Dreamweaver 自动检查模板语法。在编辑模板时您可能也想检查模板语法。

打开要编辑的模板
可以直接打开一个模板文件进行编辑,或者可以打开一个基于模板的文档,然后打开附着的模板进行编辑。

当您更改模板时,Dreamweaver 将提示您更新基于该模板的文档。

注意:如果需要,在模板更改后,也可以手动更新基于模板的文档(请参见手动更新基于模板的文档)。

若要打开并编辑模板文件,请执行以下操作:
在“资源”面板(“窗口”>“资源”)中,选择面板左侧的“模板”类别。



“资源”面板列出站点可用的所有模板并显示选定模板的预览。

在可用模板列表中,执行下列操作之一:
双击您要编辑的模板名称。
选择要编辑的模板,然后单击“资源”面板底部的“编辑”按钮。



模板在“文档”窗口中打开。

根据需要修改模板的内容。
提示:若要修改模板的页面属性,请选择“修改”>“页面属性”。(基于模板奈牡到�坛懈媚0宓囊趁媸粜浴#?

保存该模板。
Dreamweaver 提示您更新基于该模板的页面。

单击“更新”更新基于修改后的模板的所有文档;如果不想更新基于修改后的模板的文档,请单击“不更新”。
Dreamweaver 显示一个记录,指示已经更新的文件。

若要打开并修改附加到当前文档的模板,请执行以下操作:
在“文档”窗口中打开基于该模板的文档。
执行下列操作之一:
选择“修改”>“模板”>“打开附加模板”。
右键单击 (Windows) 或按住 Control 键单击 (Macintosh),然后选择“模板”>“打开附加模板”。
根据需要修改模板的内容。
提示:若要修改模板的页面属性,请选择“修改”>“页面属性”。(基于模板的文档将继承该模板的页面属性。)

保存该模板。
Dreamweaver 提示您更新基于该模板的页面。

单击“更新”更新基于修改后的模板的所有文档;如果不想更新基于修改后的模板的文档,请单击“不更新”。
Dreamweaver 显示一个记录,指示已经更新的文件。

手动更新基于模板的文档
修改模板后,Dreamweaver 会提示您更新基于该模板的文档,但您可以根据需要手动更新当前文档或整个站点。手动更新基于模板的文档与重新应用模板相同。

若要将模板更改应用于当前基于模板的文档,请执行以下操作:
在“文档”窗口中打开该文档。
选择“修改”>“模板”>“刷新当前页”。
Dreamweaver 基于所有的模板更改更新该文档。

若要更新整个站点或所有使用指定模板的文档,请执行以下操作:
选择“修改”>“模板”>“更新页面”。
即会出现“更新页面”对话框。

完成此对话框,然后单击“开始”。
有关更多信息,请参见设置“更新页面”对话框选项。

Dreamweaver 按照指示更新文件。如果选择了“显示记录”选项,Dreamweaver 将提供关于它试图更新的文件的信息,包括它们是否成功更新的信息。

单击“关闭”关闭对话框。


怎么弄自己想弄的博客模板?

2:如果您不希望您的首页总是一成不变,同时又希望免去亲自更换模板的麻烦,那您可以进入“模板DIY”,将您的首页风格设置成“模板随机效果”,此时您的主页每次被刷新都会呈现出不同的风格哦:)建议初学者不使用第一步:点击你主页右上方标题栏的“博客管理”进入第二步:进入“管理博客”后,选择左边的“定制我的模板”或者右边的“定制Blog面板”第四步:选择自己喜欢的一种风格,比如选择的是“灰色轨迹”,点击进入。第五步:十个模版都有模版风格说明,点击看说明,如果确定好的话点击“选择此模板”第六步:你将鼠标放在哪里,哪里晃动,哪里就能更改。在弹出的小框框里,将鼠标放到上下箭头出,滚动选择自己喜欢的图片。自己可以多试试不同的风格。第七步:首先更改背景,,点击蓝色按钮,选择好自己满意的背景之后,点一下。第八步:界面中的其他模块你都可以自己改变第九步:要强调得一点(可能也是很多人没有注意的一点),那就是你现在更改的均属于首页的模板,你还可以更改正文现显示的背景,当然该方法同上。第十步:当你全都改好之后,就可以点击“保存并返回”了。


上一篇:文化衫制作

下一篇:博客模板