导航:首页 > 编程语言 > 博客网页模板源代码

博客网页模板源代码

发布时间:2023-03-29 10:01:49

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

首先你要学会使用制作图片的软件,推荐使用 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

⑵ 谁有好的个人博客网站源码急急急...

现在博客模版最多就是Z-blog 跟WP 这个在网上有很多的 你可以自己去看下。貌似肖涵的博客模板挺不错的 很多人用 你可以去看下!

⑶ 怎么样在自己的博客中添加源文件(网页中的代码)

我的是新浪博客,再自定义空白面版里点击显示原代码,然后把代码粘贴进去保存就可以了,具体可以看博客的帮助,很全的.

⑷ 如何在网页(博客)中显示源码

到发芽网贴源码就行了。注册并登陆后,把你的源码发上去,而且还可以芦核卜改颜色和字体什么的。
然后把你贴好后生成的源码直接粘贴到你的博客中就可以了。
很多
码农
都用这个的。氏核
地陪穗址是fayaa.com/code/new
你自己试试。

⑸ 现在比较好用的网站模板源码有哪些

如果你想要企业网站模板,可以试试metinfo企业建站系统,自带一套响应式布局网站模板,开源免费。
其他类型的网站如博客可用wordpress,门户网站可用帝国CMS等等,很多很多,你可以搜索一下

⑹ 怎么给新浪博客改页面风格

如何更改博客页面背景图片(2006-12-20 23:46:14)
整体模板源代码:
<STYLE type=text/css>
body
{background:url(页面歼枝雹背景图片) repeat
scroll!important;}
.logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}
.banner
{background:url(题图大图) no
repeat no scroll!mportant;}
.menu{
background:url(题图下的菜单图片) no-
repeat center;}
.feeds .up{
background:url(正文标题栏上翻时的图片) no-
repeat center;}
.feeds .down{
background:url(正文标题栏下翻时的图片) no-
repeat center;}
.feeds .function{background:url(正文摘要结尾处菜单的图片) no-
repeat right;}
.links .up{
background:url(面板标题栏上翻时图片);}
.links .down{
background:url(面板标题栏下翻时的图片);}
.links .mid{
background:url(面板的背景图片);}
.photo .mid{
background:url(形象照片处的背景图片);}
.label .mid{
background:url(自定义面板的背景图片);}
.calendar .mid{
background:url(日历面板背景);}
.callboard .up{
background:url(公告栏标题栏上翻时图片);}
.callboard .down{
background:url(公告栏标题栏下翻时图片);}
.callboard .mid{
background:url(公告栏背景图片);}
.bodyBg{
background:url(正文背景图片);}
.bodyBottom{
background:url(正文背景图片);}
.gbook .up{
background:url(留言板标题栏上翻时的图片) no-repeat;}
.gbook .down{
background:url(留言板标题栏搭带下翻时的图片) no-repeat;}
.feeds .page{
background:url(正文文章页氏帆数图片) no-repeat center;}
</STYLE>
(以上代码只适用于sina blog,把文字部分改成图片地址即可。但图片地址必须是网络上已经存在的,否则不能显示。)
========================================================================================================================================
<EMBED style="LEFT: 100px; POSITION: absolute; TOP: 0px" align=right src=http://photocdn.sohu.com/ppp/blog/swf/10.swf
width=803 height=155 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:
expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-63); BORDER-LEFT: medium none; BORDER-BOTTOM:
medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-195); TEXT:
center"><A href="你的博客地址#top"><IMG src="http://static2.photo.sina.com.cn/orignal/4723cdbf944f9770be841"
border=0></A></DIV>
<STYLE type=text/css>
A{text-decoration:none;color:#51bfe0;}
A:hover{text-decoration:none;font-weight: bold;color:#FF7850;}
A:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:active{text-decoration:none;}
.add A{COLOR: #000000;}
.add{background:#transparent;}
.add .ico{background:#transparent;}
body
页面背景图片
{background:url(http://static9.photo.sina.com.cn/orignal/4b1552d1a6e918ed2c428) repeat fixed!important;margin:0px;
SCROLLBAR-FACE-COLOR: #EEEDD8;
SCROLLBAR-HIGHLIGHT-COLOR: #D7D8C8;
SCROLLBAR-SHADOW-COLOR: #D7D8C8;
SCROLLBAR-3DLIGHT-COLOR: #D7D8C8;
SCROLLBAR-ARROW-COLOR: #D7D8C8;
SCROLLBAR-TRACK-COLOR: #EEEDD8;
SCROLLBAR-DARKSHADOW-COLOR: #D7D8C8;}
.bodybg
题图logo图片
{background:url(http://static1.photo.sina.com.cn/orignal/4b1552d1ae3d050e636b0) no repeat no fixed!important;width:790px;}
.bodytop{display:none;}
.bodyBottom
正文标题栏下翻时的图片
{background:url(http://static3.photo.sina.com.cn/orignal/4b1552d1aa9b8982b5fe2);width:790px;height:77px;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
.banner .title td{color:#F7EEC7;font-size:35px;filter: glow(color=#333333,direction=2);}
.banner .title{margin-top:0px;margin-left:290px;font-weight:bold;}
.banner .link{margin-top:10px;margin-left:380px;}
.banner .link a{color:#F7EEC7;font-size:13px;filter: glow(color=gray,direction=2);}
.banner .link td{color:#F7EEC7;font-size:13px;filter: glow(color=gray,direction=2);}
.banner
题图大图
{background:url(http://static5.photo.sina.com.cn/orignal/4b1552d194a1ab84410d4);height:130px;}
.menu a{color:#F7EEC7;}
.menu .text{color:#F7EEC7;}
.menu
题图下的菜单图片
{background:url(http://static2.photo.sina.com.cn/orignal/4b1552d12e1c38ce0f151);no-repeat center;height:26px;width:790px;}
.photo .infoText a{color:#000000;}
.photo .mid{background:#transparent;}
.label .mid{background:#transparent;}
.links .text{color:#484848;}
.links .desc{color:#444444;}
.links .mid{background:#transparent;}
.links .more

{background:url(http://static11.photo.sina.com.cn/orignal/4b1552d17fab99a4759ea);height:30;width:40px;}
.gbook .up{background:#transparent;}
.gbook .down{background:#transparent;}
.links .up
[img]###图片1###[/img]
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.links .down
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.callboard .up
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.callboard .down
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.callboard .mid{background:#transparent;}
.callboard .title{color:#484848;}
.calendar .mid{background:#transparent;}
.feeds .up
[img]###图片2###[/img]
{background:url("http://static14.photo.sina.com.cn/orignal/4b1552d1b3e4fca5ffd9d") no-repeat center;height:29px;}
.feeds .down
{background:url("http://static14.photo.sina.com.cn/orignal/4b1552d1b3e4fca5ffd9d") no-repeat center;height:29px;}
.feeds .title{color:#333333;font-size:20px;font-family:Tahoma,monospace,arial,system;font-weight:bolder;filter:shadow
(color=gray,strength=3);text-align:center;height:100%;width:100%;line-height:100%;padding-top:5px;padding-right:20px;margin-
right:30px;!important;}
.feeds .page{background:#transparent;}
.feeds .function{background:#transparent;}
.feeds .function A{COLOR:#000000;}
.feeds .function TD{COLOR:#000000;}
.feeds .text A{COLOR:#000000;}
.feeds .text{width:540px;}
.feeds .aBody table{width:540px;}
.feeds .itemBox table{width:540px;}
.sysW770{display:none;}
A:hover
{cursor:url('http://webme.bokee.com/inc/mouse014.ani');}
body
{cursor:url('http://webme.bokee.com/inc/mouse014.ani');}
我知道的就这些啊,行不?

⑺ 求用css和div制作个人博客的网页模板

熟悉前端的可以自己制作,也可到网上下载别人参考修改。css+div制作个人博客的网页模板地址lmlblog.com/blog/1/,喜欢的可以自己修改,也可以自己学习制作等

⑻ 关于个人博客网页的模版设计

只能自己做~~没模板
http://www.oiblog.com/user1/6/archives/2006/7478.html教程~~

⑼ 哪里可以弄到博客的源代码

下载源码的站很多
如down.chinaz.com

阅读全文

与博客网页模板源代码相关的资料

热点内容
为什么淘宝app是黑色的 浏览:17
如何在cad中把图形输出为pdf文件 浏览:535
文件夹横签 浏览:988
extjs5mvc 浏览:614
win7如何安装数据库 浏览:647
informix数据库倒数卸数 浏览:983
华硕p7h55mplus升级 浏览:240
servlet调用jsp 浏览:481
文件的命名原则有哪些 浏览:352
苹果的文件管理是哪个 浏览:387
智能黑板如何给pdf文件做批注 浏览:788
哈弗智联app如何绑定二手车 浏览:728
cad文件不多可是异常增大 浏览:872
苹果手机怎样将音频文件导入剪映 浏览:432
2016秋季飞歌导航升级 浏览:151
电脑字符串怎么编程 浏览:381
暴风不能在线观看视频文件 浏览:267
三国卡可以升级吗 浏览:939
如何筛选出相同数据 浏览:311
vbox文件找不到 浏览:49

友情链接