论坛首页 同龄圈 育儿你造吗 好好ci 流行时尚 女人心情 败家妈妈 孕期话题 准备怀孕 幸福母乳站 幼儿护理
更多
查看：3w|回复：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篇　
首页 1 2 3 末页
学做内外兼修新女性
学做内外兼修新女性
阅读打卡为宝宝赢荣誉
阅读打卡为宝宝赢荣誉
育儿网社区达人招募令
育儿网社区达人招募令
孕育周刊免费订阅
孕育周刊免费订阅
每日打卡 享土豆豪礼
每日打卡 享土豆豪礼
社区导航
公共版块
同龄圈 育儿你造吗 好好ci 流行时尚 女人心情 败家妈妈 孕期话题 准备怀孕 幸福母乳站 幼儿护理 婆媳关系 手工坊 起名测名 二手转让 亲子团购 幼儿园 早期教育 旅游摄影 娱乐八卦 开心俱乐部 帮助与建议 版主专区
相同预产期
2024年11月 2024年12月 2025年1月 2025年2月 2025年3月 2025年4月 2025年5月 2025年6月 2025年7月
同龄宝宝
2024年 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月
2023年 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月
同城圈圈
南京 上海 广州 北京 沈阳 杭州 青岛 石家庄 成都 深圳 更多