-
解决去掉Blogbus 广告后,字体变形bug - [博客大巴代码教程]
2008年05月10日
注:本文原创作者KnowMore
具体步骤:
自定义模板--->修改--->detail(日志页)--->代码最后一行后加入:
<script type="text/javascript">
<!--
document.body.innerHTML=document.body.innerHTML.replace(/<br><br>&... -
QQ空间皮肤代码、边框代码(最新) - [QQ空间免费装扮]
2008年04月27日
QQ边框代码:
爱的甜蜜蜜 javascript:window.top.space_addItem(16,21903,0,80,500,500,0);
爱你一生不变 javascript:window.top.space_addItem(16,21904,0,80,500,500,0);
爱情轨迹 javascri... -
如何将博客快速收藏到知名网摘(JS代码调用) - [博客实用技巧]
2008年04月27日
将博客快速收藏到知名网摘
以前再 不少博客上都有一些类似于“收藏到xxx网摘”或“订阅到xxx”的按钮,可以让访问者把自己喜爱的文章快速收藏到自己常用的网摘中,这个功能是怎么实现的呢?
在以前我从Conye... -
blogbus新模板系统留言表情插件添加方法 - [博客大巴代码教程]
2008年04月26日
这次发布的留言表情插件是我重新构思的,功能上也更加符合用户需求,表情的自定义也更加方便。下面来讲下实现方法。
Header代码块:
<style type="text/css"> #content #commentForm div#emList {margin:15px 0 10px;} #emList img {margin:0 3px;cursor:pointer;} /* #emList {posit... -
blogbus模板系列教程7---认识系统标签(封装代码1) - [博客大巴代码教程]
2008年04月26日
所谓的系统标签,其实就是bus系统专有的一些标签。把这些标签放到布局代码中,就能输出相应的内容了。我在教程开始的介绍中,把这些代码称为封装代码。我们不必了解封装代码的具体内容,只要把它们放在合适的地方就好了。这些标签中,有些标签只能在模板的某一部分使用,另外一些则可以与其他部分共用。这节的内容我们先熟悉一下基本的标签:
Index(首页)中的系统标签:
<!-- ~ header ~ --> &l... -
blogbus模板系列教程6---布局之div布局之路(1) - [博客大巴代码教程]
2008年04月26日
div布局实例
本节将会介绍模板制作过程中较为重要的一个环节:Div布局。与table布局相比,div布局更加简便快捷,也是目前网页制作中常用的布局方法。但要想熟练地使用div进行网页布局,还得在长期的代码书写实践中加以理解,逐步提高div布局的技能。
我们先看下面的一段代码:
<div style="width:860px;height:120px;border:1px solid red">这是个宽860px,高120p... -
blogbus模板系列教程6---布局之实战表格布局 - [博客大巴代码教程]
2008年04月26日
实战表格布局
前面的教程中,我已经向大家简单地介绍了表格在布局中的作用以及表格的部分属性,但那些内容只是简单地说明,要想完全弄懂表格在HTML语言中的用法,还得靠长期的实战经验^_^。但我先声明一下,我下面的内容只是想让大家在以后的模板修改过程中,能够看懂模板代码的大体意思,并不能让你在几分钟内完全学会table的用法。
下面是代码部分:
<html>
<head>
<title&... -
blogbus模板系列教程5---table与div(2) - [博客大巴代码教程]
2008年04月26日
DIV
div表示层的意思,它可以被简单地理解为“一个盒子”,在这个盒子里,你可以自由地放入各种标签,并且还能统一控制盒子里各种标签的显示样式。
上节教程中的代码的最后一句是:<div style="border:1px black solid;width:auto">我是层</div> 我们看到<div></div>是成对出现的,如果不加入 style="... -
blogbus模板系列教程4---熟悉bus的模板(2) - [博客大巴代码教程]
2008年04月26日
下面的工作就是熟悉模板代码了!
下面这几部分代码是你必须要了解的
Index 日志列表页,包括首页、分类和按存档浏览页面。
Log 日志页。
CSS 样式表代码,应用于 Header / Index / Log 中。
下面打开Index看看里面有哪些代码。如果你不熟悉Html代码,下面可得认真上点去看了哦。下面的代码是我提取出来的部分代码。... -
blogbus模板系列教程3---熟悉bus的模板(1) - [博客大巴代码教程]
2008年04月26日
熟悉bus的模板
有些时候,我们对于系统提供的默认模板可能不太满意,想作一点小小的调整,这时候,就需要用到自定义模板功能。目前blogbus存在两个模板系统,一个是新模板系统,另一个是所谓的“传统模板系统”。
点击“模板设置”,新建一个自定义模板。这时候请记着你当前使用的模板名称,因为过会就要用到……
我已经新增了一个名为 ... -
blogbus模板系列教程2---模板风格与布局 - [博客大巴代码教程]
2008年04月26日
模板风格与布局
所谓的模板风格,可以简单的理解为模板呈现出来的某种大致样式。我个人认为模板风格大致可以分为简约风格和艳丽风格两类。
左边模板风格的是我目前采用的,右边的风格是我在blogcn上找到的(bus上也有不少类似风格的模板)
模板风格表现在代码上,主要是通过布局代码以及样式代码完成的。比如说,上面模板中左边的那个,我们就可以按下图进行布局:
实际上,如果你仔细观察一下... -
blogbus模板系列教程1---什么是模板? - [博客大巴代码教程]
2008年04月26日
什么是模板?
虽然说模板的意思,大家都有所了解,但我还是想特别的介绍一下。模板其实是代码的组合体,其中的代码大致包括以下几个部分:
布局代码 封装代码 样式代码 布局代码,简单地讲就是通过表格或层(不明白表格和层 意思的人请关注以后的教程)对要显示的内容进行定位的代码。
封装代码则是一些简单的代码,如在bus的模板系统中的意思就是首页上显示的日记或其简介,这段代码在html语言中是用作注释的,但在bus的模板系统中,通过这段代码就可... -
如何更改HEADER部分的背景? - [博客大巴代码教程]
2008年04月26日
在CSS中找到
#header部分用background属性来实现。
例如:
#header {
width: 778px;//调整宽度
height: 118px;//调整高度
overflow: hidden;
background:#f6f4e9 url(你的背景图片的位置) top left no-repeat;
...
共1页 1









