| 个人资料华天工作室[MSN教程专区]日志列表 | 帮助 |
|
11月7日 闪亮文字制作底纹---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
10月23日 近期公告新增功能在百度msnspace贴吧中看到了这个消息
msn增加了一些新的功能 1 可编辑的html模块
2 媒体播放器插件
3 自定义页面外观
如何添加1 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox 回车运行
(例如我的空间地址为http://spaces.msn.com/members/msnpro,则应当输入http://spaces.msn.com/members/msnpro/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox)
2 “自定义”-->“模块”-->“Power toy:Custom HTML 添加” 并保存
(以上是可编辑html模块的添加)
3 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=musicvideo 回车运行
4 “自定义”-->“模块”-->“Power toy:Windows Media Player 添加” 并保存
(以上是媒体播放模块的添加)
5 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=tweakomatic 回车运行
6 “自定义”-->“模块”-->“Power toy:Tweak UI 添加” 并保存
(以上是自定义页面外观模块的添加)
详细信息1 可编辑的html模块
2 媒体播放器插件
3 自定义页面外观
由于一些事情,好几天没有来,结果这么多留言了~~
如何添加那里我当时说的不很清楚,
应该是 西瓜的农业园区 留言中所说的这样:
另外,实现音乐的连续播放可以参考http://spaces.msn.com/members/msnpro/Blog/cns!1pSt_gP1XO9shQaTTwgpJy7Q!8695.entry,初始音量无法像在日志中那样设定。预览才能看到效果, 只能使用前面提到的媒体格式…… 实现在Windows Media Player里加入FLASH的方法http://spaces.msn.com/members/msnpro/Blog/cns!1pSt_gP1XO9shQaTTwgpJy7Q!8695.entry
10月22日 华天工作室-------自定义日志模块大小--把整个日志模块放进滚动框想在首页多放日志,但又会导致页面太长。下面这个方法可以帮助你。它可以把首页的所有日志放在一个滚动框里,这样就节省了首页很大的空间
方法:新发布一个日志,进入HTML编辑模式,把其默认的<div></div>删除,粘贴以下代码:
代码:
<pre></table></table><table><tr><td>
<div style="overflow:auto;height:300px"> <div><table></pre> 兰色数字处可以修改成你想要的滚动框高度。
建议除了这些代码,最好不要在此日志添加其他内容。可以在标题处填写类似“欢迎光临”的正标题。
按“发布项”发布这个日志。
效果:
10月16日 华天工作室-------关于添加收藏夹连接的详细教程本站的几个教程都是需要将一些JAVA代码添加到收藏夹的链接里作为一个连接“按钮”以实现其功能。很多朋友仍然不明白添加收藏夹连接的方法,所以我做了一个图片教程讲述一下它的详细步骤。
教程比较详细,所以这个图片比较大,为了不影响大家打开页面,我没有将它放在这里,你可以点下面的几个连接进去。
1.完整的图片(500KB),打开需要一些时间,但是看的比较清楚。
如果图片显示不了,请进入我的网络硬盘下载此教程图片。
2. 缩小的图片,打开相对较快,但字迹比较模糊。
如果对此仍然有疑问请在我的留言本留言。
华天工作室------如果发布置顶日志当前MSN Space中的置顶日志全是手动完成的。很繁!经过对MSN Space的研究,找到了较为简单的方法。使用这种方法,不需要保存一个置顶日志的副本,不需要进行粘贴-复制工作,需要做的只是点几个按钮而已!
本方法的原理同样是采用Edit-It按钮的方法Hack掉客户端提交服务器的一些关键数据,让服务器对提交的数据按照我们的需要进行处理。由于这其中牵涉到一些Web应用程序服务器和客户端交互,以及数据库操作的相关东西,我不想过多讨论该方法的具体实现。 由于MSN Space已经对网络日志项的内容进行了javascript脚本的过滤,现在无法像以前那样将这个按钮直接做成链接加入到日志中,所以,只有给出执行语句。
javascript:
使用方法: 1.将上面的语句添加到一个收藏夹链接中 2.打开一个要置顶的日志进行编辑,然后点击你加到收藏夹中的上面的按钮,然后什么都不做,直接点击‘发布项’按钮。 3.发布之后页面会转到首页,你会看到服务器添加了刚才日志的一个副本于最新日志,而原来的日志仍然存在,现在只需做的就是删除掉原来的日志即可! 当前还没有找到不需要删除原日志而直接将日志置顶的方法。这只是对当手动置顶前操作的一种简化。
感谢Sanall Cobain发现上面的语法
讲一下怎么把它添加连接: 首先确认你的IE浏览器工具栏中是否有“链接”这一项,如果没有,那么点击“查看”菜单,在“工具栏”选项中将“链接”挑上勾。然后就是最关键的了: 把上面这段代码完整的复制下来.添加到“链接”里作为一个收藏的链接,起一个名比如“置顶日志” 然后打开一个要置顶的日志进行编辑,再点击你加到收藏夹中的上面的按钮。
注意:这个置顶日志的方法只是给你手工置顶提供一个方便,而不是让这个日志永久置顶。如果你置顶完成以后再发布新的日志,它还是会被压下去。所谓手工置顶就是这样的,你每新发一个日志,都要再把你想置顶的日志再重新发一遍,这个工具只是给你提供更简便的方法“再发一遍”,而不是使这个日志永久置顶。
华天工作室---添加背景音乐添加背景音乐
首先在网上搜索你需要的音乐,这里推荐使用WMA格式的文件,因为它体积相对较小,因此会获得比较快的载入速度。你需要获取该文件的确切链接地址,格式形如: 语法:
<P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>
在你的日志编辑页面,进入HTML语法编辑模式,在空白处插入上述语法就可以了。由于需要载入时间,因此当你点击日志预览的时候,可能需要等待一会才能听到音乐。
用以下语法可以实现用图标控制背景音乐的开关: <P><IMG height=30 loop=infinite dynsrc=音频文件链接地址 src="图片地址" width=30 border=0></P>
规则和上面一样,在这里图片你可以随意选择,图片的高和宽一定要设置,具体数值由你来定 。border为图片外边框,可以不用设置。
例如 效果:(请稍等,正在加载音乐)
另外关于找音乐地址的问题,你可以去百度搜索你想要歌曲的WMA格式,然后在音乐链接处点击右键--属性,上面的URL地址就是音乐链接的地址。 注意,在查看这个地址之前,先下载一下试试,如果可以下载,就说明它是有效链接。
华天工作室-----用图标控制背景音乐的播放和停止华天工作室--文本滚动框的制作
<DIV align=center> test日誌內容test test日誌內容test test日誌內容test test日誌內容test 「簡化版文本滾動框」 <DIV align=center><FONT style="FONT-SIZE: 11pt; OVERFLOW: auto; WIDTH: 90.62%; FONT-FAMILY: times new roman; HEIGHT: 87px" face="Courier New, Courier, Monospace" color=#9933cc>
华天工作室---添加计数器计数器是比较实用的工具,你可以了解自己空间的受欢迎程度. 如果只是在日志中显示来访总数,那么申请一个简单的计数器即可,提供这种服务的网站很多,你在搜索引擎中键入“Free Web Counter”会查找到很多结果,这里我个人推荐http://www.amazingcounters.com/。这个网站提供350多种计数器,款式繁杂,花色多样,绝对满足你的需要。申请时需要注册,但过程很简单,一般只需要提供少量的个人信息即可。注册成功后你就可以选择心仪的计数器了,然后再输入你个人网站的信息,你将获得一段在线生成的HTML页面的代码。某些网站还会提供给你简单的在线编辑功能,让你进一步对计数器的外观作简单的修改,以更好的适合你的需要。将获取的代码拷贝,然后转到你需要插入计数器的MSN Space日志,进入HTML语法编辑状态,将刚才获取的代码粘贴到空白处,再退出HTML编辑状态,在日志文本处理模式下调整计数器的位置。由于MSN Space空间没有提供置顶功能,因此你必须经常调整计数器的位置,将它始终放置在首页的日志中(最好是第一篇日志)。方便起见,你可以将计数器的源代码拷贝到文本文件中,以后调整时将它简单粘贴过来就可以了。
华天工作室-------文字设制-文字设制 1,文字基本设制 基本代码如下: <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P> align=center 表示字体居中,可选值为居右(right)居左(left) color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看 face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 size=字体大小,这里的最大值为7 取值越大文字就越大 2,大字体文字 效果: 数到三就不哭 代码: <font style=font:40pt face=新宋体 color=#ff0000>插入文字</font> font:40pt 数值越大文字就越大。 3,移动文字设置: 基本代码1: <marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee> 说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right) 基本代码2: <marquee behavior=移动效果>插入文字</marquee> 说明: behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回走 停停走走: 效果如: 数到三就不哭 代码如下: <marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
4,文字特效显示: 效果一: 数到三就不哭 原代码: <CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER> 效果二: 数到三就不哭 原代码: <CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER> 效果三: 数到三就不哭 原代码: <CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">数到三就不哭</FONT></CENTER> 效果四: 数到三就不哭 原代码: <MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE> 效果五: 欢迎你朋友 友朋你迎欢 原代码: <FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT> 注明:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。 效果六: 数到三就不哭 原代码: <P align=center><FONT style="BACKGROUND-COLOR: #0099ff" color=#00ffff size=6>数到三就不哭</FONT></P> 数到三就不哭
数到三就不哭
效果九:数到三就不哭 原代码:<FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT>
数到三就不哭 原代码:<p align=right><FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT></p> FlipV产生上下变换,FlipH产生左右变换。 效果十一:
数到三就不哭
数到三就不哭
more... Motion Blur <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)">Motion Blur</span>
Warped <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: orange; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)">Warped</span> Flipped <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipV">Flipped</span> Dropshadow <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)">Dropshadow</span> Shadow <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: black; Filter: Blur(Add = 1, Direction = 225, Strength = 10)">Shadow</span> Alpha<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">Alpha</span> Flip Horizontal <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipH">Flip Horizontal</span> Mask <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Mask(Color=#00FF00)">Mask</span> 华天工作室-------制作加线框<div style="border: 1px dashed #000000;background-color:#FFFFE0"> ... </div>
华天工作室-------为日志添加背景图片首先进入正常日志编辑模式,键入你所需的日志内容,并视个人需要进行排版编辑。进入HTML语法编辑模式,
<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
再将你刚刚编辑好的文字内容(注意,除了文字内容可能还会包含你进行格式编排后的若干语法语句)剪切并粘贴到上面语法中的“你的日志文字”的位置。
感谢loadmemory的分享!
另外还有一个语法比较简单,适合做一些简单的背景图片和文字 <div style="width: 150; height: 205" align=right>
现在建议用<table>语法添加背景图片,语法简单实用。点击进入。
华天工作室-------文字光影效果及滚动文本框(AND文字竖排版)有关文字方面的处理,MSN Space提供了最基本的几个格式化命令,再加上我们的扩展编辑工具,在应付一般的文字编排上应该是绰绰有余了。如果还想获得更多的效果,尤其是在文字排版方面,大家可以参考相应的HTML及CSS中有关文字处理的介绍,在这里就不做讲解了,毕竟我的教程只是给大家提供一些简单实用的小技巧,而并非网页制作方面的专业讲座。不过对于一些比较特殊的文字效果或编排方式,我还是会及时将有关语法和代码提供给大家。
(注:下述语法的使用,仍然是通过HTML语言编辑模式来实现,有关如何获取HTML扩展功能,请参见本教程第一章)
下面就给大家介绍我在日志中展示过的三种彩色文字效果的相关语法:
阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT> 发光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT> 模糊:<FONT color=#xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日志文字</FONT>
三种效果的语法格式基本相同,只不过使用了不同的滤镜属性。Color控制文字的颜色;Filter控制不同的滤镜效果,其内部的具体参数,诸如阴影及发光的色彩、模糊的方向及强度都可以按照需要自由调整;注意各效果语法中Width这个参数,当你的字号大小有所变化的时候,你也需要相应调整此项值,否则会造成文字无法正常排列的结果。另外,模糊效果中的Add 意为是否保留原效果,取值为0 or 1,一般设为1即可。其他方面的参数没有太多需要强调的,这里之所以采用华文彩云字体同时加粗,是为了达到更好的效果,你完全可以按照自己的喜好加以调整。需要说明的是,这几种效果只适用于标题或少量文字上,否则后造成阅读上的困难。
大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。下面就是相关语法:
<DIV align=center
上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。
接下来说说文字竖排是如何实现的。除了制造特殊效果,我在Space空间展示的文字竖排没有什么真正的实用性,只会给阅读者造成麻烦,不过本着尽可能挖掘Space潜力的原则,我还是尝试了如下的语法:
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>
这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。
华天工作室--立体彩色边框MSN Space技巧---立体彩色边框
拥有了背景色彩的日志显得生动活泼了许多,那么如何让她更具特色呢?在这一章里我将向大家讲述如何定制具有立体效果的背景样式。
我们先从为日志文字添加带有色彩的边框说起,因为其涉及到的CSS边框属性语法是以后制作立体效果边框的基础形式。请记住下面这段语法:
<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>
它会在你的文字外围生成一个红色边框,border-width控制边框的粗细,border-color调整边框的颜色,这里你仍然何以使用前文提到的形式如#xxxxxx的颜色数值,而border-style则控制边框的效果,当使用“solid”则为单一颜色的线形简单边框。
接下来我们再将上述语法扩展一下,就可以获得具有立体效果的彩色边框。那么从何下手呢?其实就是在border-style后面使用不同的语法描述:
Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框
你可以在MSN Space日志中尝试一下上面不同的语法,然后在预览中观看效果。
通过定制边框的方法再将上一教程添加色彩的语法嵌套其中,你就可以创造出具有立体效果的彩色日志背景。
例如:<div STYLE="border-style:outset;border-width:2pt; border-color: red">
使用上述语法将会为你呈现一个黄底色红边框的浮出线效果背景,其实上述语法还有其他形式的简化写法,这里不再赘述,只采用上述较直接易理解形式。
对于背景边框的四个边你也可以按自己的需要进行调整,以左边框为例,你可以使用下述语法:
Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式
其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下,看一看是什么效果:
<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
你可以按照自己的想法随意调整四个边框的式样,以便创造与众不同的效果,记住一点,不同的属性描述之间用 ; 隔开。另外,你可能会注意到,当你设置完边框返回到日志文本编辑模式,在键入文字过程中如果使用回车键,就会又出现一个边框,从而影响文字的连贯性,这是因为HTML语法中不支持硬回车。要解决这个问题,必须返回到HTML编辑模式,在需要回车的地方键入<br>,需要几次回车就键入几个<br>,然后再返回到文本编辑模式,你就会发现边框背景内已经为你加入了回车后的效果。 效果 在添加视频音频方面取得突破性进展,分析了相关语法和网页代码后,总结出简单的语法形式,无需再使用Frontpage以及我在以前介绍贴视频的日志中提到Dreamweaver,大家只需简单的将语法插入到日志中就可以搞定。今天,我非常高兴!!
10月15日 华天工作室------添加QQ在线状态和互动临时对话用QQ的互动将您的QQ/TM的在线状态发布在互联网上,你的朋友就可以在SPACE上根据图标
添加的方法很简单,进入腾讯互动状态代码生成页http://is.qq.com/webpresence/code.shtml 按照提示的步骤申请,就可以获得网页代码,把代码加入你的日志里,就可以看到互动状态了。
你可以选择多种的图标,比如
华天工作室-------显示来访者IP![]() ![]() 代码:<IMG src="http://ip.hotik.com/sign.png" border=0>
代码:<IMG src="http://www.cz88.net/ip/pic_5.aspx">
代码:<IMG src="http://www.u9cn.com/1.php" border=0>
代码:<IMG src="http://www.cz88.net/ip/pic_1.aspx">
IP和区域显示: 代码:<IMG src="http://www.u9cn.com/2.php"> 代码:<IMG src="http://www.u9cn.com/3.php">
以上所显示的图片均为特殊格式的图片,它能探测到正在查看此图片者的地址,此时你看见的图片显示的是你自己的地址和IP,每个人再你的页面上查看此图片的时候,IP和地址都是不一样的。 转自词嘲墨尽
华天工作室-------在你的空间添加投票系统 and more...
华天工作室-------在日志里添加倒计时器我们可以自行设定时间然后开始以此时间之前的倒计时功能。Toddymyster发现了提供倒计时服务的网站,下面我详细说一下:
代码:
<IMG height=23 src="http://escati.linkopp.net/cgi-bin/countdown.cgi?trgb=0&prgb=ff0000&cdt=2005;10;30;18;00;00
效果如下: 现在距离11月份放假回国还有 D=Day.天: H =Hour.小时: M=minute. 分钟 : S=Second.秒钟
说明一下代码: 粉色部分是倒计时图片的高和宽,这个可以在正常编辑状态下用鼠标拖拉以改变大小。 绿色 部分是倒计时图片的颜色。更多颜色请点这里 蓝色部分是设定你倒计时结束的时间,顺序是 年;月;日;小;时;分;秒。除了年份以外其他数字格式要是两位数字,比如2005年1月1日零点,要写成2005;01;01;00;00;00 红色部分是你的时区,我已经设置成中国的正八区时间,如果用国内时间倒数的话就不用修改。 border是设置图片的边框,可以根据你的喜好更改。 注意本倒计时器不是即时倒数,倒数时间是按照本次打开或刷新网页的时间,即每刷新一次都会改变倒数时间。 为了配合效果,你也可以配合一个显示“今天”日期的日历
代码: <IMG src="http://www.u9cn.com/rili.php">
文字式:
<IMG src="http://www.hongen.com/pub/date/date.png">
北京时间 距离2008年1月1日还有: 华天工作室-------文字链接与图片链接文字链接:
<A href="连接地址" target=_blank>文字</A>
文字链接用MSN编辑时可以直接添加的,但是用这种方法添加的连接是只能在本窗口打开的,不能新开一窗口。这样别人点击你提供的连接直接转进连接页面,就会忘掉回来你的SPACE。那么你只要把红色代码添加到连接地址的引号后面,就可以避免这样了。当然如果不希望新开窗口就可以不加这段代码。
例如:
<A href="http://spaces.msn.com/members/simplifytech/" target=_blank>MSN Space技巧归总</A>
效果:
这样点击以后就出现新窗口,读者浏览完你提供的连接,就会回到你的页面。 图片连接: <A href="链接地址" target=_blank><IMG src="图片地址" border=0></A> 注意如果单独添加图片可以用这个语法<IMG src="图片地址">,但要把图片添加连接,图片就会自动添加边框,这时就要设置边框为0。 如果你希望鼠标经过时显示文字,可以用这个语法: <A href="链接地址" target=_blank><IMG alt="鼠标经过时显示的文字" src="图片地址" border=0></A> 华天工作室-------彩虹文本框
华天工作室-------推荐:在线图片--字符转换器推荐一个在线图片--字符转换器(img to txt),可以把图片转换成有颜色的字符组成的图象,下面是两个效果图:
By 华天工作室 原图:
转换以后: oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
地址: http://www.degraeve.com/img2txt.php
新打开窗口查看效果(推荐)
华天工作室-------用<table>表格做带背景的内嵌式滚动文本框(之一)By 华天工作室
用div滚动文本的属性嵌入<table>,除了滚动文本框以外,其余的效果可以全部使用<table>的属性,这样的灵活性就会更强,也会变化出更多的花样来。效果如下:
(由于需要多行文本,一时又没有找到合适的文字,就把前一阵子自己写的诗词贴了上来,见笑了。)
代码如下: <TABLE style="WIDTH: 380px; HEIGHT: 411px" background=图片地址 border=0> </TR>
</DIV> </TD> </TR> </TBODY> </TABLE>
解释一下: 和以往的<table>教程里一样,WIDTH与 HEIGHT 即宽和高,都可以在正常编辑模式下用拖拉的方式改变,在这里,整个表格和DIV滚动文本框都可以用这种方式改变大小。
background=图片地址 在红色字处添入你的背景图片地址,在这里,你可以给整个表格做背景,也可以给滚动文本框所处的表格做背景,这个灵活性很大,你可以根据自己的喜好随意选择。另一种效果会在下一篇里讲解。
滚动文本框的设置也很丰富,比如可以设置滚动条的颜色等等,如果有相关需要请看文本滚动框的相关教程。
下面是一个朋友━╃ 寂寞边界 ╄━用此语法做的效果,很有创意,欣赏一下:
|
|||||||||||||||||||||||||||||||||||
|
|