登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML文本框滚动代码5:卷轴黑白灰色应用模板  

2011-02-11 02:53:10|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

  

 

 

 

            卷轴黑白灰应用模板

1、模板运用说明:

 

特点:文本框滚动这种边框的容量大,适易大容量编辑,打开网页速度快而方便。

运用:选择你喜欢的文本框,在文本框内复制这种类型的代码,把代码粘贴到html编辑区,粘贴代码后,回到正常编辑状态下,网易日志的转换编辑方式用<>图形代表,点击<>即可。直接双击文本框就可以在里面输入文字和粘贴图片,而且文本框的大小可以随意调整。

2、黑白灰模板:
<DIV style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; HEIGHT: 146px; BACKGROUND-COLOR: transparent">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 146px; BACKGROUND-COLOR: transparent">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #000000; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 146px; BACKGROUND-COLOR: transparent">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #cccccc; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 146px; BACKGROUND-COLOR: transparent">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-ARROW-COLOR: #9999cc; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #f2f2f2; HEIGHT: 146px; BACKGROUND-COLOR: transparent; SCROLLBAR-: #f2f2f2">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #eaecec; SCROLLBAR-HIGHLIGHT-COLOR: #eaecec; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-3DLIGHT-COLOR: #eaecec; SCROLLBAR-ARROW-COLOR: #eaecec; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #eaecec; HEIGHT: 146px; BACKGROUND-COLOR: transparent; SCROLLBAR-: black">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #d9d9d9; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #d9d9d9; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; HEIGHT: 146px; BACKGROUND-COLOR: transparent; scrollbar-darkshadow-: #d9d9d9">这里输入内容</DIV>
<DIV style="SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #595959; SCROLLBAR-3DLIGHT-COLOR: #595959; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #cfcfcf; HEIGHT: 146px; BACKGROUND-COLOR: transparent; scrollbar-face-: #CFCFCF">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 146px; BACKGROUND-COLOR: transparent">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #222222; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #222222; SCROLLBAR-ARROW-COLOR: #222222; SCROLLBAR-TRACK-COLOR: #222222; HEIGHT: 146px; BACKGROUND-COLOR: transparent; scrollbar-darkshadow-: #222222">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #808080; SCROLLBAR-3DLIGHT-COLOR: #808080; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #191919; HEIGHT: 146px; BACKGROUND-COLOR: transparent; scrollbar-darkshadow-: #333333">这里输入内容</DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #666666; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #101010; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #101010; HEIGHT: 146px; BACKGROUND-COLOR: transparent; scrollbar-darkshadow-: #070707">这里输入内容</DIV>
相关链接:

 文本框滚动代码链接

爱情的故事(方季惟) 

其他HTML代码链接 

 

颜色代码表(一)

颜色代码表(二)

HTML表格初步制作

HTML表格标记详解1:标签定义 TABLE参数设定

HTML表格标记详解2:TR参数设定

HTML表格标记详解3:TD参数设定

HTML表格标记详解4:TD参数中设定跨列跨行属性

HTML表格标记详解5:TH参数中设定

HTML表格标记详解6:CAPTION标题参数设定

HTML表格标记详解7:THEAD表首标记/TBODY表主体标记/TFOOT表尾标记

HTML表格标记详解8:表格嵌套

HTML表格标记详解9:表格边框的css修饰语法

HTML网页列表标记:ul、ol、dir、dl、menu、dt、dd、li

HTML水平线段标记:HR

 

图片雾化移动特效代码

多图重叠移动代码及效果图

图片移动效果的欣赏与制作(一)

图片移动、及其图片链接网址移动代码(二)

让图片产生梦幻效果的代码

图片梦幻显现隐藏移动的特效制作(一)

图片梦幻显现隐藏的特效制作(二)

图片CSS滤镜效果—灰度

图片CSS滤镜—左右旋转效果

图片CSS滤镜—阴影效果

图片CSS滤镜—波形加上半透明合成效果

图片CSS滤镜效果—透明

图片CSS滤镜—X光效果

图片CSS滤镜—发光效果

图片CSS滤镜—色彩对换效果

图片CSS滤镜—波形效果

图片CSS滤镜—图片模糊效果

多张图片串联式放映代码

图片浮雕效果

图片虚线边框并黑白效果

图片加边框代码

图片CSS滤镜—图片动感模糊效果

图片CSS滤镜—扭曲效果

图片CSS滤镜—倒影效果

图片CSS静态滤镜样式(filter)说明

多图重叠移动代码及效果图

Flash圆形雾化移动特效代码

Flash透明动画或文字特效添加一幅背景图

Flash透明动画多个叠加在一张背景图片上

自动播放swf格式小视频

在线制作水波纹动感图片

 

所有代码的粘贴法

在首页添加QQ和POPO在线交谈

一种找到图片地址(或者存大图)极简单的方法

日志列表式能使日志成单页面打开并找准日志地址:

日志文字的编排——借用word设置(启野原创)

博客首页的顶区和底区上传图片

文字特效代码(一)

文字特效代码(二)

日志文字与图片添加

文字图片的链接

如何让网易博客日志显示最大的宽度

怎样添加自定义模块和在自定义模块中做动画的超级链接

博客中的准确网址(原创)

水晶博客边框代码——应用(一)

水晶博客边框代码——应用(二)

水晶博客边框代码——应用(三)

水晶博客边框代码——应用(四)

日志中导入图片的三种方法

背景音乐制作

 

大图音画拼合的代码使用

大图音画拼合效果配图——一卷轻愁书红颜(未调整的效果)

大图音画拼合效果配图——一卷轻愁书红颜(调整后的效果)

宽屏大图片音画教程——缱绻殇效果

大图音画拼合效果配图——蝴蝶之梦

欢迎光临启野博客!
  评论这张
 
阅读(1285)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018