【模板教程】扫盲篇!!!

小恶魔 junko

2008-08-12 17:08:57 来自: 小恶魔 junko(O(∩_∩)O 平胸好吗!!!!)


为了你们的方便,也为了我不用再QQ上,豆油里,组贴里,一遍遍的回复,我决定先要扫下盲!!!!把基础的东西总结说一下。



〓1:添加一些你想要的功能

最后更新列表 <!-- ~ update ~ -->
最新评论列表 <!-- ~ last_cmt ~ -->
链接 <!-- ~ links ~ -->
统计数据 <!-- ~ counter_text ~ --> (很多人想在数据前后加文字,直接把文字加代码前后就好了,比如:第<!-- ~ counter_text ~ -->张模糊的脸)

只要把代码放入你需要的位置就可以了。我只是举出一些常见的,详细请见http://bangzhuzhongxin.blogbus.com/logs/5452759.html



〓2:一些简单的实用代码

另起一行,空一行 <br>
字与字之间空一格 &nbsp;

字体左对齐 <P align=left>
字体右对齐 <P align=right>
字体居中 <P align=center>

插入图片 <IMG alt=image src="图片地址" border=0>
插入文字链接 <a href="链接站点地址" target="_blank">链接文字叙述</a>

插入图片链接 <a href="链接站点地址"><img src="图片地址" border="0" alt="" width="88" height="31" align="left" /></a>

width宽度 height高度 align向哪靠齐



〓3:基础代码解释

A 链接字体颜色
A:visited 点击后字体颜色
A:hover 点击是字体颜色

background-color:背景颜色
background-image:背景图片

font-family: 字体代码 (常见有:Verdana,Tahoma,宋体)
font-size: 字体尺寸

这些都在CSS里常见的。


〓4:

有些同学老问为什么他的blog不可以显示图片。为什么只显示部分内容,不能显示全文。

这和模板没有关系,这在【博客设置】里:

习惯设置:
首页显示 简介 内容 (这里选择内容,就可以实现显示全文了)

还有同学问:怎么才能实现每页实现一篇日志。这也在【博客设置】每页篇数
(相信你已经看见了)

像这样没有建设性,由于主观没仔细观察后台构造 而出现的问题就不要问别人了。

还有同学问,为什么点击阅读全文只出现评论及评论框,那是因为我没有添加这个功能,若要添加,看下面。



〓5:内页显示文章

<br><div class='diaryTitleBg'>
<!-- ~ diarytitle ~ -->&nbsp;&nbsp;&nbsp;&nbsp;-{<!-- ~ sort ~ -->}
</div>
<div class='diaryTime'>
</div>
<div class='diaryBody'>
<div class="tags"><IMG alt=image src="http://files.blogbus.com/junko921.blogbus.com/files/11927085820.gif" border=0>Tag: <!-- ~ b_cat ~ --></div>
<!-- ~ diarybody ~ -->
</div>
<div class='postBy'>
<a href='mailto:<!-- ~ authoremail ~ -->'><IMG alt=image src="http://files.blogbus.com/junko921.blogbus.com/files/11927755062.gif" border=0>你的名字</a> &nbsp;&nbsp;Posted at&nbsp;&nbsp;<span class='time'><!-- ~ date ~ -->&nbsp;<!-- ~ wttime ~ -->&nbsp;&nbsp;<a href='<!-- ~ editlog_url ~ -->'>Edit</a>&nbsp;|&nbsp;<a href='<!-- ~ tb_url ~ -->' onclick="OpenTrackback(this.href); return false">Trackback(<!-- ~ trackback_count ~ -->)</a></span>
</div><br>

把这段代码放进 Log里的 <!-- ~ pre ~ --> &nbsp;|&nbsp;&nbsp;<a href='http://<!-- ~ domain ~ -->'>首页</a>&nbsp;|&nbsp;&nbsp;<!-- ~ next ~ --> 下面就可以了。

38人喜欢
  • 小恶魔 junko

    2008-08-12 17:34:08 小恶魔 junko (O(∩_∩)O 平胸好吗!!!!)

    我觉得我说得已经很详细了,如果还有不明白的,那应该检查一下是否智商的问题。


    适用于初学者,谢谢仔细观看。

  • 安小花你早

    2008-08-13 18:03:58 安小花你早 (一步三回头 泪洒九天外。。。)

    我觉得这个很有用的:)

  • Dj.Lily

    2008-08-14 01:28:09 Dj.Lily (pls love yourself)

    粉有用。仔细看就OK

  • 柒贰叁

    2008-08-20 09:03:56 柒贰叁 (温柔的你长了三头六臂。)

    Lz啊,为什么我将上面的那个统计代码放在css那里

    出现的还是第<!-- ~ counter_text ~ -->张模糊的脸呢

  • 静流

    2008-08-27 23:12:08 静流

    放在index里面就可以

  • 名字太麻烦容我想想

    2008-08-31 00:08:27 名字太麻烦容我想想 (唯有强大,才不惧怕)

    看不懂

  • 请 宰了我。

    2008-08-31 00:08:54 请 宰了我。 (我是女王好吗)


    = = 楼上狠。。

  • 抹茶琪

    2008-09-08 21:29:55 抹茶琪

    字体右对齐 <P align=right>


    我用这个方法,想把实验电子的博客名字居右可是不行啊..

    标题在中间的话,加个顶图好挤.. 是不是标题不能居右?

  • 愤青™

    2008-09-29 19:48:58 愤青™

    人家介绍我来的 见你面就亲切 原来是你啊 你真是人缘好啊

  • 愤青™

    2008-09-29 20:06:08 愤青™

    你是我的偶像!!!

  • 间歇失踪少女

    2008-10-28 23:33:06 间歇失踪少女 (茕茕白兔,东走西顾)

    我应该早看的 ~>.<~

    脑子就不会崩溃了。。。

  • 葡萄汁如星

    2008-12-03 20:44:27 葡萄汁如星 (心有猛虎,细嗅蔷薇。)

    mark

  • 阿哦

    2008-12-12 19:42:58 阿哦 (女人。陶思璇,)

    我承认我智商有问题。真的

    路求好多人。都没有给予解答。谢谢你的详细

    嘿嘿。

    不过我真的。。哎~~我继续在看看

    不行。真的还想问你。。阿门
    饶恕我。

  • 阿哦

    2008-12-12 19:43:09 阿哦 (女人。陶思璇,)

    我承认我智商有问题。真的

    路求好多人。都没有给予解答。谢谢你的详细

    嘿嘿。

    不过我真的。。哎~~我继续在看看

    不行。真的还想问你。。阿门
    饶恕我。

  • SABRINA

    2009-01-18 16:14:01 SABRINA

    噢麦嘎
    看得我完全懵掉==^

  • 小 梨 花

    2009-01-26 10:47:18 小 梨 花

    很感谢junko呢~~

  • ♥ULA。

    2009-02-18 15:55:30 ♥ULA。

    难道我是真的很笨?~~o(>_<)o ~~

  • Ssssssiu。

    2009-04-28 13:09:40 Ssssssiu。 (生命中不可承受的輕。)

    我也是很笨啊!
    还是需要有个人当着面来教我.

  • Jessi。

    2009-06-06 18:47:13 Jessi。 (突然很想听“大海”)

    啊哦
    都是旧系统的
    怎么在新系统里面 添加最新更新列表啊
    我在《这是一场爱》基础上改的,没有副栏

  • C.

    2009-06-19 21:02:07 C. (那一季,已过时)

    這裡有我想要的問題。
    很好。明白啦。

  • Wiuow

    2009-07-05 13:12:11 Wiuow (难过你的难过。)

    很有用。

  • Miss C.

    2009-07-06 19:05:20 Miss C. (花未眠。)

    哎呀,可不可以请你在教教呢。谢谢你好人!不会下载来用哦模版

  • 面瘫君

    2009-07-15 20:57:36 面瘫君 (←其实我一直都在 并没有离开)

    唉呀呀 我是新人呢 为这个我都忙乎好久了
    不会弄哒呀 唉 说实话 我看不懂 我智商可能真有问题
    MG 妈妈说我智商很高哒 - -###

  • 面瘫君

    2009-07-19 12:25:01 面瘫君 (←其实我一直都在 并没有离开)

    哈哈 琢磨了这么多天终于懂了 谢谢LZ

  • ❤Miss 囍

    2009-07-19 17:46:11 ❤Miss 囍 (.没有结局,只有写不完的故事)

    是适用于所有的Blog吗

  • 饭

    2009-07-26 22:20:32 (我想和这个操蛋的世界谈谈……)

    谢谢了

  • Lola

    2009-10-16 15:10:30 Lola (自己的三次元世界)

    多谢楼主

  • Ms.vivian

    2009-10-17 18:15:00 Ms.vivian

    background-image:背景图片

    这个是在CSS里么??我只看到 有很多 background-什么什么的 但是就没找到这个 background-image啊 这个在哪里啊???

    我现在背景是纯白的 想加背景 图片 不知道加在哪啊?? 急 急

  • Ms.vivian

    2009-10-17 19:24:33 Ms.vivian

    <div class='postBy'>
    <a href='mailto:<!-- ~ authoremail ~ -->'><IMG alt=image src="http://pb.images22.51img1.com/6000/suyi10281989/b0e2dd7242e655b3412fa2647c9fc00a.gif" border=0>vency</a> &nbsp;&nbsp;Posted at&nbsp;&nbsp;<span class='time'><!-- ~ date ~ -->&nbsp;<!-- ~ wttime ~ -->&nbsp;&nbsp;<a href='<!-- ~ editlog_url ~ -->'>Edit</a>&nbsp;|&nbsp;<a href='<!-- ~ tb_url ~ -->' onclick="OpenTrackback(this.href); return false">Trackback(<!-- ~ trackback_count ~ -->)</a></span>
    </div>


    这一段 是LOG 里的一段

    文章下面的 小标 点击出来 是OUTLOOK的邮件发送页面 我想把 这个链接改掉~~ 改成别的 可以帮我指引下么~····

  • Ms.vivian

    2009-10-17 19:27:02 Ms.vivian

    还有の 那个不同尺寸的图片 镶在 BUS里面 可是图片总是偏左 除非大小刚刚好 就不会偏~··怎么样 可以使 文章的排版大小 随着 版头图的大小 改变呢?

  • Tydrande

    2009-10-18 10:28:53 Tydrande (人生苦短,保持性感。)

    学习了 谢谢兰州

  • Ms.vivian

    2009-10-19 20:50:28 Ms.vivian

    <STYLE TYPE="TEXT/CSS">



    SELECT {
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #777777;
    FONT-FAMILY: MS Shell Dlg,Tahoma, sans-serif;
    FONT-SIZE: 9pt ;
    border: 0px #CCCCCC double;
    }
    INPUT {
    color: #777777;
    background-color: #FFFFFF;
    border: 1px #CCCCCC double;
    FONT-FAMILY: MS Shell Dlg,Tahoma, sans-serif;
    FONT-SIZE: 9pt;
    }
    TEXTAREA {
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #777777;
    FONT-FAMILY: MS Shell Dlg,Tahoma, sans-serif;
    FONT-SIZE: 9pt ;
    border: 1px #CCCCCC double;
    }
    OPTION {
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #F3F3F3;
    COLOR: #777777;
    }
    FORM {
    FONT-FAMILY: MS Shell Dlg,tahoma;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    }




    body{
    }

    td,body{
    font-size:9pt;
    color:#777777;
    font-family: Verdana,Helvetica,Arial;
    }

    .calendar{
    background-color:#A0A0A0;
    }
    .week{
    font-size:9px;
    background-color: #DCDBDB;
    }
    .day{
    background-color: #FFFFFF;
    }
    .today{
    font-size:9px;
    background-color:#CCCCCC
    }
    .time{
    font-size:10px;
    color: #cccccc;
    }

    .diaryTitleBg{
    padding:1px;
    color:#717171;
    font-weight:bold;
    background-color:#FFFFFF;
    }
    .diaryTime{
    background-color:#FFFFFF;
    }
    .diaryBody{
    padding:4px;
    border-top:solid 1px #CCCCCC;
    border-bottom:solid 1px #CCCCCC;
    background-color:#FFFFFF;
    }
    .diaryBody a:link{
    text-decoration: underline;
    }
    .diaryBody a:visited{
    text-decoration: underline;
    }
    .diaryBody a:hover{
    text-decoration: none;
    }
    .diaryBody a:active{
    text-decoration: underline;
    }
    .postBy{
    padding:3px;
    background-color:#FFFFFF;
    }

    .blogname{
    width:502px;
    text-align:left;
    border-bottom:dotted 1px #CCCCCC;
    font-size:14px;
    }
    .blogdescr{
    width:502px;
    text-align:left;
    }

    .bar{
    padding:1px;
    border:solid 1px #CCCCCC;
    background-color:#FFFFFF;
    color:#101010;
    font-weight:normal;
    }
    .barBody{
    padding:3px;
    border-left:solid 1px #CCCCCC;
    border-right:solid 1px #CCCCCC;
    border-bottom:solid 1px #CCCCCC;

    }

    .nav{
    border:solid 1px #CCCCCC;
    text-align:left;
    width:502px;
    }
    .cmtBody{
    padding:3px;
    border-top:solid 1px #CCCCCC;
    }
    .recmtBody{
    padding:3px;
    border-bottom:solid 1px #CCCCCC;
    background-color:#CFCFCF;
    }
    .cmtPost{
    padding:2px;
    border-bottom:solid 1px #CCCCCC;
    }
    .calendar_h{
    font-weight:normal;
    background-color:#FFFFFF;
    color:#717171;
    font-weight:bold;
    }
    .c_a{
    color:#8F8F8F;
    font-weight:normal;
    font-style: italic;
    }

    .quote{
    width:80%;
    background:#505050;
    color:#000000;
    }
    #sidebar ul {
    margin:0;
    padding:auto;
    list-style:none;
    }
    </style>



    版主 这个 CSS代码 因为我要修改颜色 还要添加整个BUS的背景图片 不知道哪个是管哪个的 能不能帮忙解释下 分别是什么意思吗?

  • 抽姐

    2009-11-28 13:31:33 抽姐 (请叫我抽姐)

    我也看不懂,= = 关键是,在哪弄啊。

  • Clara

    2010-07-06 14:13:19 Clara (眼睛最近不好使啊)

    版主啊~如果俺想弄个留言版。。。。。怎么弄

  • Sufi。

    2010-07-17 18:19:54 Sufi。 (夏天粗糙又慵懒)

    我想说,我也没看懂 -0-

  • 庄同学。

    2010-09-17 22:39:00 庄同学。 (ur my best friend and the only)

    有没有新版的教学啊。 好纠结...

  • Summer Pause

    2010-10-22 03:01:47 Summer Pause (又懈怠了 真不好意思 = =)

    M~太有用了~


这个小组的๑۩۞۩๑蜡烛๑۩۞۩๑也喜欢去  · · · · · ·

blogbus template
blogbus template (3178)
宋茜
宋茜 (994)
银赫
银赫 (759)
BigBang之崔胜贤
BigBang之崔胜贤 (1204)
~庚澈の王道~啦啦队
~庚澈の王道~啦啦队 (929)
豆花~
豆花~ (818)