当前位置:首页 > 购物平台 > 正文内容

博客模板的源代码在哪里找?

访客2021-06-03 07:01:15购物平台316

  你好!

以下是自定义新浪博客各处模板:

1)改变BLOG标题大小的代码:

。banner 。title td{font-size:36px;}

。banner 。title td{FILTER: glow(color=#000000,direction=2);}


  banner 。title td{color:#ffff66;}

。banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}

36px为标题文字的字体大小

#000000表示文字效果(显影)的颜,direction=2表示发光效果的强弱,数值可自行设定,自己觉得合适即可。
  

banner 。title td{color:#ffff66;}表示标题文字的主颜色

banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置:background:后面的值为标题外框的颜色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。
  

----------

2)页面宽度的代码:

。bodyTop{width:900px;}

。bodyBg{width:900px;}

。bodyBottom{width:900px;}

。feeds 。text{width:660px;}


  label{width:20px;}

。photo{width:200px;}

。callboard{width:200px;}

。links{width:200px;}

。calendar{width:200px;}

。sysBr180{width:200px;}

参数说明:


  bodyTop 指的是页面顶部的宽度,控制了 banner(就是题图)的宽度。

。bodyBg 指的是整个页面的宽度,其值最好与上者相同(也可以自行变化)。

。bodyBottom 指的是页面底部的宽度,其值最好是与上面相同 。

。feeds 。
  text 指的是正文部分的宽度(也就是文章部分的宽度) 。

。label 指的是面板的宽度(其值加正文宽度的值应略小于整个页面的宽度)。

。photo 指的是形象照片面板的宽度(其值同上) 。

。callboard 指的是公告栏的宽度(其值同上) 。
  

。links 面板(也即最新留言、最新评论等面板)宽度(其值同上)。

。calendar 日历的宽度(其值同上)。

。sysBr180 这个值比较特殊,其值同以上各面板宽度近似,但不一定相同大家应当根据自己设置的宽度进行调节。

width 后面的数字就是你要修改的宽度值,可根据自己的需要设置。
  

面板的宽度值大约为190左右;如果要改成全屏,整个页面总宽度约为995-996。

不过要更改模板宽度的话建议面板的宽度不必改,只需用代码中的前四个参数就行了。

----------

3)博客改变背景代码:

滚动的大背景代码:

body {background:url("页面大背景图片地址") repeat scroll!important;}

repeat 重复,当图片的大小不够的时候会以平铺显示

scroll 卷轴,大背景会随着右边滚动条拉动的时候而滚动

固定的大背景代码

body {background:url("页面大背景图片地址") repeat fixed!important;}

fixed 固定,大背景不会因为你拉动滚动条而滚动

背景透明代码:

body

{background:#transparent) repeat scroll!important;}

使用说明:

找到你喜欢的图片(1024*768规格),把它存在你的博客里,具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了!

----------

4)自定义博客各部分背景代码:


  logo

{background:url("题图上背景图片地址") 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;}


   wn{background:url("正文标题栏下翻时的图片地址") no-repeat center;}

。feeds 。function

{background:url("正文摘要结尾处菜单的图片地址") no-repeat right;}


  links 。up

{background:url("面板标题栏上翻时的图片地址");}

。 wn{background:url("面板标题栏下翻时的图片地址");}

。links 。mid

{background:url("面板的背景图片地址");}


  photo 。mid

{background:url(个人形象照片处的背景图片地址);}

。label 。mid

{background:url("自定义面板的背景图片地址");}

。calendar 。mid

{background:url("日历面板背景图片地址");}


  callboard 。up

{background:url("公告栏标题栏上翻时的图片地址");}

。 wn{background:url("公告栏标题栏下翻时的图片地址");}

。callboard 。mid

{background:url("公告栏背景图片地址");}


  bodyBg

{background:url("正文背景图片地址");}

。bodyBottom

{background:url("内背景页脚处图片地址,在翻页处下面一横窄条");}

。gbook 。up

{background:url("留言板标题栏上翻时的图片地址") no-repeat;}


   wn{background:url("留言板标题栏下翻时的图片地址") no-repeat;}

。 ge{background:url("正文文章页数图片地址") no-repeat center;}

。 re{background:url("最新文章列表下的MORE的背景图片") no-repeat right;}

代码说明:

页面大背景(body) 指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。
  

题图上背景(logo) 是指所在的横长条的背景。

题图下背景(banner) 是指博客名字博客地址 复制 ?收藏本页)所在的那部分的背景。

logo和banner宽各为770,logo高40,banner高134,单位均为像素。

题图下的菜单背景” 是指“HOME。
  。。搜索┆帮助┆退出”等字所在的那个横长条的背景。

正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。

面板标题栏下翻时的图片 指的是点击标题后出现标题后的后面的图片。

面板的背景图片 指的是左边比如我的文章列表什么的背景图片。
  

正文背景 是指整个文章文字所在的大背景!

以上代码可以更改博客各个部分的图片,更换的图片尺寸要和原尺寸一模一样,关于上传图片和怎么得到图片地址请参考:无限制上传图片的方法

----------

如果想叫某一部分背景或者全部变的透明的话,在以上代码中大括号里面内容换上background:#transparent就能实现透明效果,

例如横幅代码:


  logo

{background:url("题图上背景图片地址") no repeat no scroll!mportant;}

以上代码中红色部分全部改成:background:#transparent

示范:


  logo{background:#transparent}

以上所有代码必须添加在已经有内容的模块中,例如模块里面已经有了时钟,天气预报等等内容!

具体操作步骤是:复制代码→控制面板→新增空白面板→钩选源代码(出现钩号,同时文档里出现DIV的字样)→粘贴代码→钩选源代码(钩号消失)→保存新增面板→定制个人首页→钩选新增个人面板→点击选取之后保存设置即可!

分享给朋友:

相关文章

2020年做电商晚吗,在哪个平台做比较好?

2020年做电商晚吗,在哪个平台做比较好?

我的回答是不晚。 2020年其实是电商和新媒体发展的黄金年,由于疫情的原因,让大家更多的时间停留在移动互联网上,体现在老百姓的娱乐、购物、社交、教育、资讯等,网络是已经大家生活的一个不可分割的部分。 至于是在哪个平台来开展电商业务,具体要看...

返利网新人0元购可信?

返利网新人0元购可信?

您好,返利网上面的新人零元购还是比较可信的,我在上面买过东西的还是相当不错的,你也可以试一试的,应该没问题 可信,买过新人礼...

哪些国内的购物网站可以使用国外的信用卡,本人想买手机的。

哪些国内的购物网站可以使用国外的信用卡,本人想买手机的。

www.joyo.com信用卡支付(国际卡)1. 根据外卡组织规定,外卡交易以交易实际支付日当天人民银行的外汇牌价汇率,用人民币折算成美元后进行外币卡结算。即扣除Visa卡或Master卡内相应的美元金额,如果用户所使用的Visa卡和Mas...

做个可以交易的网站估计要多少钱啊?

做个可以交易的网站估计要多少钱啊?

一般带有交易系统的都是商城网站,一般商城网站的价格都在2万左右至更高,商城网站不怎么好做,会员系统在线支付等系统做起来挺麻烦的,所以价格都要这么高 做个网站要花多少钱??? 这个嘛,你搜索下网页设计的专业网站 价钱要看你想做多好的网站和你做...

跨境电商平台哪个比较靠谱?

跨境电商平台哪个比较靠谱?

跨境电商平台的话,我觉得现在基本还是靠亚马逊吧,因为亚马逊在全球的这个占比还是非常不错的,就是说通过亚马逊来购物的人也是非常多的,所以说我觉得亚马逊还是比较可靠的。 亚马逊比较靠谱...

ok支付怎么用?

ok支付怎么用?

方法 1、直接到店使用。ok卡是一种可以用来抵现金的卡,如果卡里有足够的金额,自己到实体店进行购买的话,就可以直接用卡来购买了,这样能为自己省下一笔钱,这也是非常好的。现在很多公司奖励员工也是用ok卡,因此可以在平时使用,非常方便快捷。 2...