发新帖  新投票  回帖 
77636个阅读者,142条回复 | 打印 | 订阅 | 收藏
雪夜寒星

发表时间:2005-7-15 01:00

滚动条,固定背景,文本格虚线,文字间隔效果.



雪夜寒星 发表在 教程交流 华声论坛 http://bbs.voc.com.cn/forum-163-1.html


片片枫叶情
 
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
 
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
 
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
 
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
 
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……


[此贴子已经被作者于2005-7-15 1:38:33编辑过]



[本帖最后由 暗夜孤行也 于 2011-2-13 12:11 编辑]




----------------------------------------------

活着,是因为没有找到死的理由..

 
雪夜寒星

回复时间:2005-7-15 01:09
效果显示很完整哦,我所用到的CSS样式设置滚动条.背景固定.文字也是用CSS样式设置的,字与字的间隔大小和文本格虚线效果都显示了..在7.0的论坛试过无法这样完整的实现出来,没想到6.0的可以完整的实现。。嘎,看来今天花在这上面的三个小时没有白费。。。

给出上面效果的源代码,大家自己研究研究吧...

<TABLE bgcolor=#ffffff align=center borderColor=#ff0000 background=http://cry.shidabbs.com/home/bbsjc/images/momizi.jpg cellSpacing=0 cellPadding=0 width=480 HEIGHT=450 border=1 style="background-position:100% 0%; background-repeat:no-repeat;"><TBODY><TR><TD><SPAN style="OVERFLOW: auto; WIDTH: 480px; HEIGHT: 450px; scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ff0000 ; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ff0000 ; scrollbar-track-color:#ffffff; scrollbar-darkshadow-color:#ffffff; OVERFLOW-Y: auto; FONT-SIZE: 10pt; COLOR: #ff0000; FONT-FAMILY: 宋体; text-align :left; LINE-HEIGHT: 165%; letter-spacing : 1pt; padding: 0px 10px">
<DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">片片枫叶情</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">&nbsp;</DIV><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">丹枫  狂吻深秋</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">红红火火的世界</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">令人  酥软绵绵</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">朦胧间</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">兜兜转转的红枫</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">全是你的化身</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">&nbsp;</DIV><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">风儿  清爽</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">一个身影翩翩飞来</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">彤彤红红的叶儿</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">故意撩动着心心念念</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">丝丝清晰的脉络  </div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">交织着风中的爱恋</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">&nbsp;</DIV><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">就这样</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">被一海的嫣红惹醉</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">今生来世的相许</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">籍着浸透心灵的真挚</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">柔柔地  倾诉</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">&nbsp;</DIV><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">就这样</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">被如火的浓情燃烧</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">诱人闪亮的梦想</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">随着五彩缤纷的叶絮</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">漫漫的  飘舞</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">&nbsp;</DIV><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">斑澜的弦律</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">美满了秋天的纪念</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">忘川的溪水</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">轻软了季节的承诺</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">片片枫叶万般浓情</div><DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">别问   是劫   </div> <DIV align=center style="BORDER-BOTTOM: #62a96b 1px dashed">还是缘……</div>
</SPAN></TD></TR></TBODY></TABLE>

[此贴子已经被作者于2005-7-15 1:40:00编辑过]






----------------------------------------------

活着,是因为没有找到死的理由..

 
雪夜寒星

回复时间:2005-7-15 01:13

滚动条源码解析:


SCROLLBAR-FACE-COLOR: #FFFFFF; /*滚动条顏色*/
SCROLLBAR-HIGHLIGHT-COLOR: #336699; /*滚动条左與上內邊框*/
SCROLLBAR-SHADOW-COLOR: #336699;/*滚动条右與下內邊框*/
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; /*滚动条左與上外邊框*/
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;/*滚动条右與下外邊框*/
SCROLLBAR-ARROW-COLOR: #336699; /*滚动条箭頭*/
SCROLLBAR-TRACK-COLOR: #FFFFFF; /*滚动条底色*/





----------------------------------------------

活着,是因为没有找到死的理由..

 
宠儿
原创音画组

回复时间:2005-7-15 09:19
都综合应用了,我也要研究研究。

 
阿江7869

回复时间:2005-7-15 11:25
好雅致的滚动条,好看!




----------------------------------------------
 
借光借光

回复时间:2005-7-16 00:01
谢谢, 慢慢学, 明白些了, 谢谢老师!



片片枫叶情
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……




[此贴子已经被作者于2005-7-17 22:36:32编辑过]



 
雪夜寒星

回复时间:2005-7-16 23:43
长宽不好调吗?

因为用到了滚动条,所以高可以不要太大的,最大也不要超过450。
至于宽,400-550之间就可以了,不必要太长的。。。




----------------------------------------------

活着,是因为没有找到死的理由..

 
借光借光

回复时间:2005-7-18 21:10

片片枫叶情
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……







 
心情在线

回复时间:2005-7-20 10:42

片片枫叶情
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……






----------------------------------------------
http://image.hnol.net/c/2009-05/05/16/200905051642031951-271251.gif
 
淡淡的早晨

回复时间:2005-7-21 13:16
谢谢美女斑竹,好东西,在学习中..[em09]

 
每天

回复时间:2005-7-22 08:32
认真地分解、研究、学习了一番,方弄明白。谢谢寒星。日后一定会在我的帖子里看到老师的教学成果的。

 
网事幻梦

回复时间:2005-7-24 15:40

片片枫叶情
 
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
 
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
 
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
 
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
 
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……






----------------------------------------------
相聚也许是短暂但缘份
却是契合愿这份缘
相伴一生
 
冰岛蔷薇

回复时间:2005-7-28 20:23

片片枫叶情
 
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
 
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
 
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
 
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
 
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……





----------------------------------------------
┈☆認識妳是偶然的必然..愛上妳是必然的偶然..oノ
┈┈┈┆≮人生難得幾囬醉℡我喜歡醉的感覺.≯┆

—→姚姚
 
宠儿
原创音画组

回复时间:2005-7-28 20:34
好久没有见薇薇了。

 
岁月流声

回复时间:2005-7-31 22:01

以下是引用借光借光在2005-7-18 21:10:00的发言:

片片枫叶情
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……










[此贴子已经被作者于2005-7-31 22:03:40编辑过]



 
bus_wen

回复时间:2005-8-14 13:43

片片枫叶情
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……




搞不清了









[此贴子已经被雪夜寒星于2005-8-25 23:32:06编辑过]



 
春之曲

回复时间:2005-8-22 23:12

片片枫叶情
丹枫 狂吻深秋
红红火火的世界
令人 酥软绵绵
朦胧间
兜兜转转的红枫
全是你的化身
风儿 清爽
一个身影翩翩飞来
彤彤红红的叶儿
故意撩动着心心念念
丝丝清晰的脉络
交织着风中的爱恋
就这样
被一海的嫣红惹醉
今生来世的相许
籍着浸透心灵的真挚
柔柔地 倾诉
就这样
被如火的浓情燃烧
诱人闪亮的梦想
随着五彩缤纷的叶絮
漫漫的 飘舞
斑澜的弦律
美满了秋天的纪念
忘川的溪水
轻软了季节的承诺
片片枫叶万般浓情
别问 是劫
还是缘……













[此贴子已经被作者于2005-8-22 23:31:39编辑过]






----------------------------------------------
 
春之曲

回复时间:2005-8-22 23:42
请问老师为啥换了背景图就变成16楼的那样了???


[此贴子已经被作者于2005-8-22 23:43:04编辑过]






----------------------------------------------
 
senses

回复时间:2005-8-23 10:59
问下斑竹,有哪些HTML代码帖的素材吗?我想要个链接。




----------------------------------------------

╰☆ALWAYS MY LOVE
詈去心痛 詠恆藍銫儉徔躌☆╯ ——浪漫づ狼
 
雪夜寒星

回复时间:2005-8-25 23:29

以下是引用春之曲在2005-8-22 23:42:00的发言:
请问老师为啥换了背景图就变成16楼的那样了??



代码出错,我已经帮你修改好了,自己编辑看源文件`




----------------------------------------------

活着,是因为没有找到死的理由..

 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册(只要30秒)


启用 Html 代码
使用个人签名
(请您文明上网理性发言!并遵守相关规定
   



Processed in 0.060638 s, 8 q - 无图精简版,sitemap,