2.软文推荐
3.软文推荐
目录: 1、请问哪些博客可以自定义模板? 2、怎么在我自己的博客里制作我自己的模版? 3、如何自定义博客模板 4、如何设计自己的博客模板 5、怎么自己设计博客中的模版 6、如何自己制作新浪博客模板 请问哪些博客可以自定义模板?博客大巴,yo2,jimdo blogger,还有很多,反正不要在新浪搜狐就可以了。
怎么在我自己的博客里制作我自己的模版?通过下面的代码你可以自己动手修改博客的模板
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("正文背景图片");}
/STYLE
如果有不明白的就来我的博客吧
如何自定义博客模板博客里面有个管理..
管理里面有个 模版什么的来着..
就是设置模版的个选项
如何设计自己的博客模板1:新浪博客具有模板定制功能除了普通的模板风格选择以外,还提供了“模板DIY”界面,您可以在数千种变化种找到属于自己的风格加以搭配。
2:如果您不希望您的首页总是一成不变,同时又希望免去亲自更换模板的麻烦,那您可以进入“模板DIY”,将您的首页风格设置成“模板随机效果”,此时您的主页每次被刷新都会呈现出不同的风格哦:)建议初学者不使用
温馨提示:您选择随机模板后,自定义的风格模板将会失效。
第一步:点击你主页右上方标题栏的“控制面板”进入
第二步:进入“控制面板”后,选择左边的“定制我的模板”或者右边的“定制Blog面板”
第三步:按照你的想法选择下一步的操作,如果你想选择固定的个性模板,那么请点击“点击此处更新模板”“随机风格”建议暂不使用,待熟练后可尝试。
第四步:选择自己喜欢的一种风格,比如选择的是“灰色轨迹”,点击进入。
第五步:十个模版都有模版风格说明,点击看说明,如果确定好的话点击“选择此模板”
第六步:你将鼠标放在哪里,哪里晃动,哪里就能更改。在弹出的小框框里,将鼠标放到上下箭头出,滚动选择自己喜欢的图片。自己可以多试试不同的风格。
第七步:首先更改背景,,点击蓝色按钮,选择好自己满意的背景之后,点一下。
第八步:界面中的其他模块你都可以自己改变
第九步:要强调得一点(可能也是很多人没有注意的一点),那就是你现在更改的均属于首页的模板,你还可以更改正文现显示的背景,当然该方法同上。
第十步:当你全都改好之后,就可以点击“保存并返回”了。
怎么自己设计博客中的模版登陆空间--设置--模板设置--创建新模板,然后就可以在默认模板上改,
/*空间名称和简介区域*/
#header/*主页左上角背景图片*/{height:89px;background:#3399CC}
#header div.lc/*左背景图*/{background:url() no-repeat}
#header div.rc/*右背景图*/{background:url() no-repeat top right}
#header div.tit/*空间名字大小颜色*/{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink/*空间名字链接颜色,未被点击*/{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited/*空间名字链接颜色,已被点击*/{color:#FFFFFF;text-decoration:none}
#header div.desc/*空间介绍位置大小颜色 */{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline/*“主页博客|相册”菜单下方的横线*/{top:89px;background-color:#FFFFFF}
#tab/*“主页博客|相册”栏背景图*/{top:67px;background:url() repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited/*"主页"大小颜色+背景*/{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span/*“博客|相册……”之间的分割符“|”{*/{color:#FFFFFF;font-size:14px}
#tab a:link/*页面上方“博客|相册……”栏链接颜色,未被点击*/{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited/*页面上方“博客|相册……”栏链接颜色,已被点击*/{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2/* “设置”菜单主体在“博客/相册……设置”中的“设置”里不能预览*/{background:#DAE9F5}
#tab2 span/*TAB选中状态*/{color:#000000;font-size:12px;font-weight:bold}
#tab2 a/*TAB未选中状态*/{font-size:12px}
#tab2 a:link/*未被点击*/{color:#0000CC}
#tab2 a:visited/*已被点击*/{color:#0000CC}
/*内容区域*/
.stage/*TAB菜单与版权信息之间的区域*/{background:#F3F1F1}
/*其它区域(即访问量等信息)*/
#comm_info/*其他中“已有 人次访问本空间”颜色位置*/{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line/*下面粉红色分割线相关设置*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a/*其它中“什么是RSS?”颜色*/{color:#3399CC}
/*页码区域*/
#page/*主体*/{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span/*当前页码(不可点击)*/{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc/*"上一页和下一页"未被点击*/{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited/*"上一页和下一页"已被点击*/{color:#3399CC}
#page a.pi/* 页码(可点击)未被点击*/{padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited/* 页码(可点击)已被点击*/{color:#3399CC}
/*模块*/
.mod/*栏目间的上下间距*/{margin-bottom:10px}
.modhandle/*各栏目标题的位置*/{cursor:move}
.modth/*各栏目标题和正文之间的间距*/{height:24px}
.modhead/*各栏目标题的位置*/{padding:4px 4px 0 4px}
.modopt/*各栏目间的上下间距*/{padding:4px 4px 0 0}
.modtit/*各栏目标题大小颜色*/{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}
a.modtit:visited/*各栏目标题大小颜色已被点击*/{color:#FFFFFF}
.modtitlink/*每个栏目右上角“编辑”等链接的相关大小颜色设置未被点击*/{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited/*各栏目标题大小颜色已被点击*/{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact/*每个栏目右上角“编辑”等链接的相关大小颜色设置 */{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox/*每个栏目的主背景颜色等*/{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl/*每个栏目左上角远郊边沿图片*/{background:url() no-repeat top left;line-height:1px}
.modtc/*每个栏目标题中间的背景图片 */{background:url() repeat-x}
.modtr/*每个栏目右上角远郊边沿图片 */{background:url() no-repeat top right;line-height:1px}
.modbl/*每个栏目左下角点的设置*/{background-color:#FFFFFF;line-height:1px}
.modbc/*每个栏目最下端一条的设置*/{background-color:#FFFFFF;line-height:1px}
.modbr/*每个栏目右下角点的设置*/{background-color:#FFFFFF;line-height:1px}
.modlabel/**/{color:#000;font-size:14px;font-weight:bold}
/*文章区域*/
#m_blog div.tit/*文章标题*/{font-size:14px;font-weight:bold}
#m_blog div.tit a/*日志标题大小颜色,未被点击*/{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited/*日志标题大小颜色,已被点击*/{color:#333333}
#m_blog div.date/*日志日期文字大小颜色*/{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt/*日志内容大小颜色*/{color:#333333;line-height:20px;font-size:14px}
#m_blog div.cnt div/*日志内容大小颜色*/{font-size:14px}
#m_blog div.more/*日志“阅读全文”*/{margin:14px 0 16px 0}
#m_blog div.more a/*日志“阅读全文”链接大小颜色,未被点击*/{color:#3399CC;font-size:14px}
#m_blog div.more a:visited/*日志“阅读全文”的大小颜色,已被点击*/{color:#3399CC}
#m_blog div.opt/*类别:技术专区 | 编辑……”中的“|”的颜色大小*/{color:#666666;font-size:12px}
#m_blog div.opt a/*“类别:技术专区”的大小颜色*/{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited/*编辑 删除 评论(4) 浏览(21)”的大小颜色*/{color:#3399CC}
#m_blog div.line/*日之间的分割线的相关设置*/{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none/*隐形设置,不需要改变*/{padding:100px 0 100px 0;color:#333333;font-size:14px}
/*个人档案区域*/
#m_pro a/*个人档案中“查看详细信息”的颜色,未被点击*/{color:#3399CC}
#m_pro a:visited/*个人档案中“查看详细信息”的颜色,已被点击*/{color:#3399CC}
#m_pro div.image/*个人档案中照片的显示位置,分为“中,左,右*/{text-align:center}
#m_pro div.act/*个人介绍和照片的间距*/{margin-top:10px}
#m_pro div.user/*个人用户名的大小颜色*/{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc/*个人介绍的大小颜色*/{color:#333333;font-size:12px}
#m_pro div.line/*分界线*/{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td/**/{color:#333333;line-height:24px;font-size:14px}
#m_pro .photo/*照片的背景(此项以下不能预览)*/{background:#FFF;border:1px solid #DDD}
#m_pro .photo td/*"加为好友"|"发送消息”中的“|”*/{font-size:12px}
#m_pro .photo .image/**/{padding:20px 0 10px 0}
#m_pro .photo .line/*“加为好友”上的线*/{width:90%;line-height:0;border-top:1px dashed #DDD;font-size:1px}
#m_pro .ref/**/{margin-top:10px;border:1px solid #DDD}
#m_pro .ref .tit/*从“用户名到”“圈子”*/{padding-left:10px;background:#EEE;border-bottom:1px solid #DDD}
#m_pro .ref .cnt/**/{padding:10px;background:#FFF}
#m_pro .basic td/**/{color:#666;font-size:14px}
#m_pro .basic .tit/**/{font-weight:bold}
#m_pro .basic a:hover/*“男”等的背景*/{padding:1px;background:#261CDC;color:#FFF;text-decoration:none}
#m_pro .basic a.nlk:hover/*"贴吧发言""知道回答"*/{padding:0px;color:#196CCA;background-color:#FFF;text-decoration:underline}
#m_pro .pline/*圈子下的分割线*/{margin-left:5px;margin-top:10px;line-height:10px;border-top:1px dashed #A6A6A6}
#m_pro .pitem/*“我曾就读”*/{margin-left:5px;line-height:22px;font-size:14px}
#m_pro .pitem .tit/**/{color:#666}
#m_pro .pitem a:hover/*超链接的咚咚*/{padding:1px;background:#261CDC;color:#FFF;text-decoration:none}
/*相册区域*/
#m_album div.image/*相册中照片的显示位置,分为“中,左,右*/{text-align:center}
#m_album div.page/*相册下无法点击换个意思就是照片太少还没达到“上一页”的“下一页”*/{color:#666666;font-size:12px;text-align:center}
#m_album div.page a/*相册中下“上一页”的“下一页”*/{color:#0000CC;font-size:12px}
#m_album div.page a:visited/*相册中下“上一页”的“下一页”已被点击*/{color:#0000CC}
#m_album .phpage/**/{margin-top:10px;padding-bottom:5px;text-align:center}
/*友情链接区域*/
#m_links div.item/*友情链接的连接描述的大小颜色 */{color:#333333;font-size:12px}
#m_links div.item a/*友情链接名的大小颜色,未被点击 */{color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited/*友情链接名的大小颜色,已被点击*/{color:#3399CC}
#m_links div.line/*友情链接见的分隔符的相关设置 */{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*自定义模块*/
#m_mylink1 div.item/*“描述”的内容*/{color:#333333;font-size:12px}
#m_mylink1 div.item a/*标题链接名称*/{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink1 div.item a:visited/*标题链接名称已点击*/{color:#3399CC}
#m_mylink1 div.line/*分割线*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#m_mylink2 div.item{color:#333333;font-size:12px}
#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink2 div.item a:visited{color:#3399CC}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#m_mylink3 div.item{color:#333333;font-size:12px}
#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink3 div.item a:visited{color:#3399CC}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#m_mylink4 div.item{color:#333333;font-size:12px}
#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink4 div.item a:visited{color:#3399CC}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*文章分类*/
#m_artclg div.item/*文章分类中各分类后面主题数及括号的大小颜色*/{color:#666666;font-size:12px}
#m_artclg div.item a/*文章分类中各分类的大小颜色,未被点击 */{color:#3399CC;font-size:12px}
#m_artclg div.item a:visited/*文章分类中各分类的大小颜色,已点击 */{color:#3399CC}
#m_artclg div.line/*文章分类中各分类之间的分割线的相关设置 */{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*文章存档*/
#m_filed div.item/*文章存档中各分类后面主题数及括号的大小颜色*/{color:#66666;font-size:12px}
#m_filed div.item a/*文章存档中各分类的大小颜色*/{color:#3399CC;font-size:12px}
#m_filed div.item a:visited/*文章存档中各分类的大小颜色,已点击*/{color:#3399CC}
#m_filed div.line/*分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*最新评论区域*/
#m_comment div.item/*最新评论中用户名*/{color:#333333;font-size:12px}
#m_comment div.item a/*最新评论中用户名的大小颜色,未被点击 */{color:#3399CC;font-size:12px}
#m_comment div.item a:visited/*最新评论中用户名的大小颜色,已被点击*/{color:#3399CC}
#m_comment div.item a.cnt/*最新评论中评论文字的大小颜色,未被点击 */{color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited/*最新评论中评论文字的大小颜色,已被点击*/{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover/*最新评论中评论文字当鼠标移上去时的颜色 */{color:#333333;text-decoration:underline}
#m_comment div.line/*最新评论中各评论之间的分割线的相关设置*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*相册列表*/
#m_albumlist div.note/**/{color:#333333;font-size:14px}
#m_albumlist div.desc/*简介*/{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none/*无照片提示信息*/{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line/*分界线*/{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit/*照片标题*/{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a/*照片标题链接*/{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited/**/{color:#3399CC}
#m_albumlist span.count/*照片数量*/{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size/*照片尺寸*/{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act/*操作区链接(如编辑、删除)未点击*/{color:#3399CC;font-size:12px}
#m_albumlist a.act:visited/*操作区链接(如编辑、删除)已点击*/{color:#3399CC}
#m_albumlist a.page/*页码链接未点击*/{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited/*页码链接已点击*/{color:#0000CC}
#m_albumlist td.image/**/{padding:5px;border:1px solid #999999;background:#FFFFFF}
#m_albumlist .phbox/**/{margin-top:15px;margin-left:15px}
#m_albumlist .phbox .phpage/**/{color:#636363;font-size:14px}
#m_albumlist .phbox .phinfo/**/{margin:6px 0 2px 0;color:#636363;font-size:12px}
#m_albumlist .phbox .phimg/**/{margin-bottom:10px}
/*好友列表*/
#m_friend div.filter/**/{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog/**/{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user/*名称*/{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a/*好友名称(链接)*/{color:#3399CC;font-size:12px}
#m_friend div.user a:visited/*好友名称(链接)以点击*/{color:#3399CC}
#m_friend div.line/*分界线*/{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
/*设置访问统计、模板设置*/
#m_setting a/* 链接*/{color:#3399CC}
#m_setting a:visited/* 链接已点击*/{color:#3399CC}
#m_setting/*主体*/{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel/*模板预览图(选中状态)*/{border:4px solid #FFDB7B}
#m_setting img.unsel/* 模板预览图(未选中状态)*/{border:1px solid #D2D2D2}
#m_setting span.tit/*模板标题名称*/{font-size:14px}
#m_setting span.usr/* 作者名*/{color:#666666}
#m_setting div.sel/* "当前模板"文字*/{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line/* 分界线*/{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}
/*系统公告*/
#m_sysinfo a/*链接*/{color:#3399CC}
#m_sysinfo a:visited/*链接已点击*/{color:#3399CC}
#m_sysinfo/*主体*/{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new/*最新*/{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date/* 发布时间*/{color:#666666;font-size:14px}
/*基本选项*/
#m_setbase/*主体*/{color:#333333;font-size:14px}
#m_setbase td/**/{color:#333333;font-size:14px}
#m_setbase div.line/* 分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*网友评论*/
#in_comment/*主体*/{width:710px}
#in_comment div.tit/*标题*/{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user/*发表人名*/{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a/*发表人名(链接)*/{color:#3399CC;font-size:12px}
#in_comment div.user a:visited/*发表人名(链接)已点击*/{color:#3399CC}
#in_comment div.user span.date/*发表时间*/{color:#666666;font-size:12px}
#in_comment div.descv/*评论内容*/{color:#333333;font-size:12px}
#in_comment div.line/*分界线*/{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
/*最近访客*/
#m_track /**/{color:##333333;font-size:12px}
#m_track a/*访客名称链节*/{color:##3399CC;font-size:12px}
#m_track a:visited/*访客名称链节 已点击*/{color:#3399CC}
如何自己制作新浪博客模板制作步骤是:
1)成功登陆博客后,点击控制面板
2)进入后可以看到左侧有一个“定制我的首页”
3)点击进入左侧可以看到“添加模块”
4)点击进入后,看到“自定义空白面板”
5)下面有“创建新的空白面板”
6)进入后输入“面板标题名”,然后,下角可以看到“显示原代码”
7)选中后,将下面的源代码复制后放在它们中间:
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
8)最后保存设置即可.
注:1.把文字部分改成图片地址即可,但图片地址必须是网络上已经存在的,否则不能显示。
2.需要哪部分就添加哪部分的代码,不需要的不用加。
3.建议博友最好一个一尝试,就会知道哪个代码是模板中的哪部分了.

立即
返回
1
目录:1、腾讯云轻量应用服务器专场活动,1核2G6M低至74元/年起!2、腾讯云服务器多少钱?3、云服务器费用一般是多少?想了解一下行情腾讯...