zblog背景自适应(背景图片自适应)
- ZBLOG
- 2022-12-18 20:04:09
- 29
本篇文章给大家谈谈zblog背景自适应,以及背景图片自适应对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、BLOG的背景
- 2、zblogphp文章页实现自适应代码及方法
- 3、zblog博客的首页怎么调用一篇完整文章的页面,包括评论?
- 4、网站背景图片如何在css中设置??
- 5、z-blog 怎么添加自定义页面
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背景自适应的信息别忘了在本站进行查找喔。
本文由admin于2022-12-18发表在靑年PHP官网,如有疑问,请联系我们。
本文链接:https://www.qnphp.com/post/1046.html