论坛首页 同龄圈 育儿你造吗 好好ci 流行时尚 女人心情 败家妈妈 孕期话题 准备怀孕 幸福母乳站 幼儿护理
查看:2w|回复:30

滚动边框+文章背景图片效果的源代码

回帖 发帖
发表于 08-13 10:29| 只看楼主| 倒序看帖| 发送站内信

 

文本框字体的源代码:


style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px这个数字可以自己改,合适的滚动文本框大小;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字

代码说明:
align=center
居中对齐是center,居左是left,右是right
style='
color: #990099;
前景色为#ffffff
color: #ffffff;
背景色为#000000
background-color: #000000;
边框为2像素,黑色
border: solid 2px black;
宽度120像素
width: 120px;
高度200像素
height: 200px;
超出范围时使用滚动条
overflow: scroll;
滚动条的各个颜色如下
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
在这个层中显示文字“日志文字”,层结束标志
'>日志文字

在图片中间实现文字框特效的源代码:






406px这个数字是滚动文本框的大小,可以自己改;SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 409px; BACKGROUND-COLOR: #ffffe0" align=center>

要书写的内容

代码说明:
align=center
居中对齐是center,居左是left,右是right
style='
color: #990099;
前景色为#ffffff
color: #ffffff;
背景色为#000000
background-color: #000000;
边框为2像素,黑色
border: solid 2px black;
宽度120像素
width: 120px;
高度200像素
height: 200px;
超出范围时使用滚动条
overflow: scroll;

给文字框加上背景图片特效的源代码:

470px这个数字是滚动文本框的大小,可以自己调整; SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 180px; BACKGROUND-COLOR: #ffff11" align=center>




文章内容

代码说明:
align=center
居中对齐是center,居左是left,右是right
style='
color: #990099;
前景色为#ffffff
color: #ffffff;
背景色为#000000
background-color: #000000;
边框为2像素,黑色
border: solid 2px black;
宽度120像素
width: 120px;
高度200像素
height: 200px;
超出范围时使用滚动条
overflow: scroll;



 

此帖子已经被xuewaifeiling于2006年08月25日 08:49:34编辑过。

2#
发表于 08-13 10:33| 只看楼主| 倒序看帖| 发送站内信
文章内容






http://blogadmin.ci123.com/uploadfiles/060813/ek7qexDr32a87K3.jpg

具体操作如下贴一样先选中代码。。。。右击选。。。。。复制   。。。。。博客管理。。。。。写文章     。。。。。右边有一个HTML 点击进去,右击选。。。。。粘贴, 再点击左下脚有一个。。。。。更新   。。。。。然后发表文章就行了,

此帖子已经被xuewaifeiling于2006年08月15日 18:54:58编辑过。

回复
3#
发表于 08-13 10:37| 只看楼主| 倒序看帖| 发送站内信
日志文字

style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>

此帖子已经被xuewaifeiling于2006年08月15日 19:28:20编辑过。

回复
4#
发表于 08-14 19:12| 只看楼主| 倒序看帖| 发送站内信
好贴,爷爷正用得上。
回复
5#
发表于 08-15 18:39| 只看楼主| 倒序看帖| 发送站内信
要书写的内容

我这个图片的代码如下:你只要把这些代码选中再复制     然后到博客管理-----     写文章看到右边有一个  HTML 四个字母没有,对着它点一下,然后粘贴就行了,





height=384>
SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 409px; BACKGROUND-COLOR: #ffffe0" align=center>

 注意事项:

http://blogadmin.ci123.com/uploadfiles/060813/ek7qexDr32a87K3.jpg的宽度,

回复
6#
发表于 08-15 22:24| 只看楼主| 倒序看帖| 发送站内信
真是好帖呀。喜欢。
回复
7#
发表于 08-16 08:43| 只看楼主| 倒序看帖| 发送站内信
谢谢轩妈,我去试试,,,,
回复
8#
发表于 08-16 09:57| 只看楼主| 倒序看帖| 发送站内信
谢谢分享。
回复
9#
发表于 10-02 17:23| 只看楼主| 倒序看帖| 发送站内信
嗯!先收藏,等买好菜回来试试。楼主,辛苦了!!!
回复
10#
发表于 12-16 15:57| 只看楼主| 倒序看帖| 发送站内信
好贴,先收藏了,
回复
11#
发表于 12-16 19:43| 只看楼主| 倒序看帖| 发送站内信
好帖,收藏了!
回复
12#
发表于 12-19 12:53| 只看楼主| 倒序看帖| 发送站内信
顶一下!   
回复
13#
发表于 04-28 16:54| 只看楼主| 倒序看帖| 发送站内信
以下内容引用自红煜的大作:文本边框效果的源代码
谢谢轩妈,我去试试,,,,


回复
14#
发表于 04-28 18:07| 只看楼主| 倒序看帖| 发送站内信
谢谢,收藏了
回复
15#
发表于 09-30 01:20| 只看楼主| 倒序看帖| 发送站内信
我先试试去了.
回复
31 篇,显示:1 - 15篇