佳礼资讯网

 找回密码
 注册

ADVERTISEMENT

查看: 1110|回复: 10

请问这个的HTML代码是什么???

[复制链接]
发表于 26-2-2008 10:42 PM | 显示全部楼层 |阅读模式


请问这个的代码是什么??? 就是外面的那个框边.....
这网站是来自blogspot的,代码是不是 <code>ABC</code>
可是我试了也没办法显示像图片上里的那样。有谁能教教我呢?
谢谢大家!



我要的只是那个“框框”(<iframe>的外面那个)哦,还有,只是里面想显示文字 / 数字罢了。
回复

使用道具 举报


ADVERTISEMENT

发表于 26-2-2008 11:01 PM | 显示全部楼层

回复 1# vicgurl 的帖子

这个CSS可以做到,代码如下:

<div style="border: dotted 1px black">你的内容</div>
回复

使用道具 举报

发表于 26-2-2008 11:04 PM | 显示全部楼层
试试

<td style="border: 1px dashed #C0C0C0;">123</td>

dashed /dotted
回复

使用道具 举报

 楼主| 发表于 27-2-2008 12:12 AM | 显示全部楼层
原帖由 seikan 于 26-2-2008 11:01 PM 发表
这个CSS可以做到,代码如下:

你的内容


哇,真的可以wor。有虚线的那种。
但是没有图片里有那个“CODE”字出来。
真的很谢谢你。有赚到免费的一课。
回复

使用道具 举报

 楼主| 发表于 27-2-2008 12:24 AM | 显示全部楼层
原帖由 seikan 于 26-2-2008 11:01 PM 发表
这个CSS可以做到,代码如下:

你的内容


Blogspot/Blogger没有CSS的吗?需要安装的?!
回复

使用道具 举报

 楼主| 发表于 27-2-2008 12:26 AM | 显示全部楼层
原帖由 k-1 于 26-2-2008 11:04 PM 发表
试试

123

dashed /dotted


这个不能显示。但那是还是谢谢你!
回复

使用道具 举报

Follow Us
发表于 27-2-2008 10:36 PM | 显示全部楼层
原帖由 vicgurl 于 27-2-2008 12:12 AM 发表


哇,真的可以wor。有虚线的那种。
但是没有图片里有那个“CODE”字出来。
真的很谢谢你。有赚到免费的一课。


帮人就帮到底,完整的代码应该是这样的。图片也做给你了。

<div style="height: 60px; border: dotted 1px black; background-image: url('http://img239.imageshack.us/img239/8632/codeeg9.jpg'); background-repeat:no-repeat; padding-left: 15px;">你的内容</div>
回复

使用道具 举报

 楼主| 发表于 2-3-2008 07:27 PM | 显示全部楼层
原帖由 seikan 于 27-2-2008 10:36 PM 发表


帮人就帮到底,完整的代码应该是这样的。图片也做给你了。

你的内容


谢谢,辛苦你了。真的可以。

请问文章里的内容要怎样才不会被Blogger的编辑器当成代码执行而不显示?

我看到的这个,依照他的,修改我的模板也真的不行,不知道哪里出了问题,
Blogger 还分版本的哦,什么Blogger3.0的,头痛。
http://zhidao.baidu.com/question/43515468.html?fr=qrl

http://ggpi.blogspot.com/2007/01/blogger-30css.html

http://zhidao.baidu.com/question/43515468.html?fr=qrl

新手遇到的难题,我开始也对此很头痛,直接拷贝别人的代码框却不成功。现在弄明白了,其实很简单,就是先要在你的模板中加入一个CSS代码。
Step1:进入到 控制台-模板-修改HTML ,“扩展窗口小部件模板” 前不用打勾。在模板内容里找到下面这段代码,你可以通过按Ctrl+F搜索“skin”两次找到
]]></b:skin>
</head>

然后将下面的代码段拷贝加到上面代码的前面,就是那两个中括号前面


CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

Step2:在Html模式下,把文章中将要引用的代码前后分别用<code> 和 </code> 包起来,这样就可以显示成代码框了。

需要注意的是如果引用的程序中含有<> 括号,要把"<"用“<”代替,“>”用">"代替,不然<>的内容就会被Blogger的编辑器当成代码执行而不显示。

[ 本帖最后由 vicgurl 于 2-3-2008 07:46 PM 编辑 ]
回复

使用道具 举报


ADVERTISEMENT

发表于 4-3-2008 08:34 AM | 显示全部楼层
我没用过Blogger所以不太清楚。
不过你所需要的就是把HTML的 < 和 > 换成 &lt; 和 &gt; 就可以了。
回复

使用道具 举报

 楼主| 发表于 5-3-2008 02:56 AM | 显示全部楼层
原帖由 seikan 于 4-3-2008 08:34 AM 发表
我没用过Blogger所以不太清楚。
不过你所需要的就是把HTML的 < 和 > 换成 < 和 > 就可以了。


原来是这样啊,难怪我quote出来的代码变不出来。谢谢!
回复

使用道具 举报

发表于 5-3-2008 07:44 AM | 显示全部楼层
原帖由 vicgurl 于 5-3-2008 02:56 AM 发表


原来是这样啊,难怪我quote出来的代码变不出来。谢谢!


哈哈,不用客气。帮到你就好。有问题可以PM/MSN我。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

 

ADVERTISEMENT



ADVERTISEMENT



ADVERTISEMENT

ADVERTISEMENT


版权所有 © 1996-2023 Cari Internet Sdn Bhd (483575-W)|IPSERVERONE 提供云主机|广告刊登|关于我们|私隐权|免控|投诉|联络|脸书|佳礼资讯网

GMT+8, 21-10-2025 04:41 PM , Processed in 0.167185 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表