当前位置:首页 > ZBLOG > 正文

zblog背景自适应(背景图片自适应)

本篇文章给大家谈谈zblog背景自适应,以及背景图片自适应对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

BLOG的背景

BLOG的背景自己可以修改的,进后台!

设置BLOG背景和图片

怎样才能使用好背景颜色和图片?使用css来进行定义比较方便、准确,而且在多个表格内使用时,效果更显著。

什么是css?

在blog的代码上,一般可以见到形如以下的代码

以下内容为程序代码:

style type="text/css"

!--

.diary_datetitle { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10pt; font-weight: bold; color: #858585; background-color: #F0F0F0}

.line { border-color: black black #CCCCCC; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

td { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt}

.tt_title { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 20px; font-weight: bold}

......

--

/style

注意是这些定义要插在style type="text/css"与/style之间

最简单,如果要设置整个页面的背景。你可以在css中添加一项

body {background-color:yellow}

那么整个页面的背景就是黄色了

或者自定义blog描述所在的表格表格

.abc {background-color:white}

然后在blog的blog描述所在表格内加上:

td class=abc#dis_tag#/td

那么,blog描述的背景就是白色了。关键就是搞清楚这部分的意思,设置背景方法相同

以下是设置背景用到的定义项:

·背景颜色 background-color

上面已说明,不用多说了

·背景图片 background-image

例:body{background-image:url('')}

意思就是整个页面的背景为图片,图片地址是: 这种情况下,没有为图片加任何定义,背景图片会在浏览器内任何地方不断重复排列,就像我们设置windows的壁纸。下面说的就是如何对背景图片的属性进行定义' target=_blank。这种情况下,没有为图片加任何定义,背景图片会在浏览器内任何地方不断重复排列,就像我们设置windows的壁纸。下面说的就是如何对背景图片的属性进行定义

·图片是否重复显示 background-repeat

例:

body{background-image:url('') background-repeat:no-repeat}

背景图片不重复排列,只显示一次。一般是用于较大面积的图片,并多与下面列出的各定义项配合使用

例:body{background-image:url('') background-repeat:repeat-x}

背景图片只在水平方向重复排列

例:body{background-image:url('') background-repeat:repeat-y}

背景图片只在垂直方向重复排列

以上两项很少用到。

·定位图片显示位置 background-position

图片出现在背景的某个地方,也是从水平方向和垂直方向定义。

水平方向值:left|center|right

垂直方向值:top|center|bottom

例子:body{background-image:url('') background-repeat:no-repeat; background-position:right bottom}

也就是图片出现在右下角且不重复

亦可以使用具体数值来定义

例子:body{background-image:url('') background-repeat:no-repeat; background-position:100px 50px}

图片就会出现在距浏览器左边缘100象素 右边缘50象素的地方出现

·控制图片是否滚动 background-attachment

如上面的一例,图片出现在100px 50px的位置,但当滚动条向下滚动的时候,图片就依然停留在原来的位置,也就是看不到背景图片,这时候就需要用到background-attachment了。主要是使用一个值:fixed

body{background-image:url('') background-repeat:no-repeat; background-position:100px 50px;background-attachment: fixed}

zblogphp文章页实现自适应代码及方法

你换个主题吧,如果不会css的话,因为你要是会的话就不会问了

zblog博客的首页怎么调用一篇完整文章的页面,包括评论?

如果想调用别人的文章可以启用超链接功能,用超链接连接到别人的文章上,不要直接复制粘贴别人的文章,这样是违反版权法的。

网站背景图片如何在css中设置??

很高兴为你解答:

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background-image: url(images/ld_05.jpg);

}

括号里的内容是路径和图片的名称。

希望我的回答对你有帮助。

z-blog 怎么添加自定义页面

这里提供如下在zblog中添加自定义页面的方法:

通过修改default页面,但是我认为还不如修改tags.asp 页面,tags.asp

页面与我们想要的link.html相似度比较高,修改方法如下:

先复制tags.asp 页面的代码在记事本里面,然后另存为link.asp。修改 link.asp 文件中

ArtList.template="TAGS" 和 ArtList.Title="TagCloud",将 TAGS 改为 LINK

,TagCloud 改为友情链接,并保存。然后再复制主题目录下的 tags.html 文件内容用记事本保存在本地,并命名为

link.html。修改 link.html 文件中

TagCloud

,将 TagCloud 改为友情链接。将 link.asp 文件上传到网站根目录,将 link.html 文件上传到 TEMPLATE

目录。在导航条中添加代码

zblog背景自适应的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于背景图片自适应、zblog背景自适应的信息别忘了在本站进行查找喔。

取消
扫码支持 支付码