滚动边框+文章背景图片效果的源代码
文本框字体的源代码:
<DIV align=center
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;
'>日志文字</DIV>
代码说明:
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;
在这个层中显示文字“日志文字”,层结束标志
'>日志文字</DIV>
在图片中间实现文字框特效的源代码:
<CENTER>
<TABLE style="WIDTH: 484px; HEIGHT: 527px" width=484 border=0>
<TBODY>
<TR>
<TD background=图片地址 height=384>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffc0cb; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 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><FONT color=#ff00ff>
要书写的内容</FONT></DIV></TD></TR></TBODY></TABLE></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;
给文字框加上背景图片特效的源代码:
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ff00ff; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 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><FONT color=#009900 size=4>
<CENTER>
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD background=图片地址 height=384><FONT color=#009900 size=4>文章内容</FONT></TD></TR></TBODY></TABLE></CENTER></FONT></DIV>
代码说明:
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;
具体操作如下:
先选中代码。。。。右击选。。。。。复制 。。。。。博客管理。。。。。写文章 。。。。。右边有一个HTML 点击进去,右击选。。。。。粘贴, 再点击左下脚有一个。。。。。更新 。。。。。然后发表文章就行了
发布于2008年04月26日 10:11 | 评论数(2) 阅读数(161) 制作方法,教程[收藏]
卡通大图壁纸(附代码)
使用说明:
一、点击博客控制面板的“博客设置”按钮;
二、有个“首页公告”文本框中,将如下代码复制入文本框中:
<STYLE type=text/css> body {background:url(http://www.it386.com/desktop/img/IT386_20041211181847154.jpg) repeat fixed !important;} </STYLE>
三、更改()中红色内容为你喜欢的图片地址。
1、图片地址的获取方法:
a、相中你喜欢的图片后,右键在图片上单击,选择“属性”按钮(一般在最下方);
b、有一个地址(URL),将右边的一串文字全部选中,然后右键在选中的区域单击,选择“复制”
2、选中()中内容,不含括号。然后右键在选中的区域单击,选择“粘贴”
注意:图片要和屏幕设置大小一致才有可能看到哦。如800*600,1024*768;
图片大小合适还看不到时,可更改博客模板试试(一定要用有空白边缘的模板哦)。
四、点击下方“保存”按钮即可。
五、点击右上方“预览我的博客首页”按扭即可看到效果了。
发布于2008年04月14日 08:58 | 评论数(3) 阅读数(137) 制作方法,教程[收藏]
让你的挂件连成串串的代码
大家都知道如何在两侧添加挂件,其实把挂件连成串的秘诀就是再添加很多的挂件而已。呵呵!
这是根据放挂件的代码重新编写的代码,经过测试,照样可以正常使用,所以,希望大家也试用一下吧!呵呵!
代码如下:
<DIV id=kongfu style="LEFT: 10px; POSITION: absolute; TOP: 100px">
<IMG src="挂件地址" ><br>
<IMG src="挂件地址" ><br>
<IMG src="挂件地址" ><br
<IMG src="挂件地址" ><br>
<IMG src="挂件地址" ><br>
<IMG src="挂件地址" ><br>
<IMG src="挂件地址" ><br>
<IMG src="挂件地址" ><br>
</A></DIV>
代码说明:
这是添加左侧的成串的代码,如果你想添加右侧的就把代码中的left改成right,下面的不变啊,呵呵!两边都想加的,自己学着整理一下代码就可以了,呵呵!
不知道大家看出来规律了嘛,图片可以随意的添加或者减少:<IMG src="挂件地址" ><br>
如果你觉得少的话就再在代码中添加:<IMG src="挂件地址" ><br>这段代码就可以了,同理,觉得多了就删除这段代码嘛,呵呵!这次你明白了吧!
TOP: 100px这个可以根据挂件的上下位置随意调整。
添加方法:
直接把代码粘贴到你的博客設置里就可以了啊,呵呵!
发布于2008年04月14日 08:28 | 评论数(1) 阅读数(91) 制作方法,教程[收藏]
22种做法简单的漂亮边框教程
1.蒙版和滤镜,一个也不能少☆
2.选框不一定非得是矩形,只要你喜欢完全可以选椭圆形甚至自己画个大便形☆
3.各项操作的数值可以自己看情况办,不用太死板☆
4.描边居内还是居外,效果很不同☆ 其中快速蒙版得快捷键为Q
教程:
1。选择一张图片
2。用矩形选区工具选一个框[离边缘可以宽点]
3。接着进入快速蒙版(按Q键)
4。滤镜-象素化-晶格化;描边-撕边;风格化-扩散;画笔描边-喷色描边
(在第4步的过程中,个参数都可以按自己喜好填)
发布于2008年04月12日 12:07 | 评论数(12) 阅读数(137) 制作方法,教程[收藏]
教你如何制作静态和动态的个性签名图片(附PS截图详细说明)
转帖:
很实用一学就会我的:
最后个性签名的效果图是这样的:
首先要安装PHOTOSHOP软件
这里有个帖子,是一位热心的妈妈提供的关于PS软件下载地址及安装、操作基础教程
http://bbs.0-6.com/showtopic-27080.aspx
上制作步骤咯!!
这个教程还算是详细的,没有PS基础的妈妈们一步一步看下去,加点耐心和细心,制作这样一个动态签名图片一点也不难!!!
1.点击“文件”——“新建”,新建一个500×100像素的图片
2.点击菜单“文件”——“打开”,打开5张小宝宝的照片
3.点裁剪工具,设置裁剪的大小尺寸100×100像素(本来是像素的,不过我这里PS设置不了,所以设置成厘米也行,等下再修改一下大小就行)
4.用裁剪工具在图片上拉开一个方形区域,如图所示:
右上角出现这个,点击打勾那个图标
5.修改图片大小。点击“图像”——“图像大小”
弹出对话框,设置100×100像素大小
此时图片变成这样
7.用相同的方式(重复步骤4——步骤6)处理另外的4张照片,让其他的照片大小都为100×100像素。
6.选择移动工具,把处理好的照片拖移到新建的图片上,如图所示:
7.用同样的方式把另外的照片一张一张拖过来,如图所示:
8.在图片上加文字。
选择文字工具,设置文字大小,大小可以自己随意调动,如图:
在图片上点击一下,就可以输入文字了,文字的颜色可以随意改。
9.此时一个静态的个性签名就做好了:
10.接下来做动态的签名图片咯。点击工具栏这个图标,此时photoshop就转到ImageReady的模式里了。
11.在菜单“窗口”那设置“动画”和“图层”。如图所示:
12.弹出”动画“的窗口,把图再复制4个。如图:
13.复制完之后,是这样的:
14.设置动画的第1帧。点击“动画”面板的第一个图,“图层”面板上,点击最左侧的眼睛,让眼睛没了(如图右侧所示),这样就表示这个图层在当前状态下是看不见的。留下图层1的眼睛是出现的。
15.设置动画的第2帧。原理和步骤14是一样的。
不同的是:点击“动画”面板的第2个图,
“图层”面板关闭其中三个图层,开放两个图层,这样第2帧显现的就是2张图片。(如下图所示)
16.设置动画的第3帧。原理和步骤14是一样的。
不同的是:
点击“动画”面板的第3个图,
“图层”面板上关闭2个图层,开放3个图层,这样第3帧显现的就是3张图片。(如下图所示)
17.设置动画的第4帧。原理和步骤14是一样的。
不同的是:
点击“动画”面板的第4个图,
“图层”面板上关闭1个图层,开放4个图层,这样第4帧显现的就是4张图片。(如下图所示)
18.设置动画的第5帧。
点击“动画”面板的第5个图,
图层面板上的图层都呈开放状态,
这样第5帧显现的就是5张图片。(如下图所示)
19.做到这里已经快完成了哦!!加油加油~~
现在设置动画时间,依次点击每一帧动画停留的时间,点击“0秒”弹出对话框,你可以选择“0.2秒”或者更短的时间,(最后一帧可以停留1秒或更长时间)依次修改之后如下图所示:
20.点击这个小三角进行播放,看看设置完成的效果合不合心意。
如果想要再修改,就再点击暂停,如下图:
21.暂停之后就可以保存了。右侧有这样一个“优化”面板。点击GIF格式,如图:
22.最后保存。点击“文件”——“将优化结果存储为”。如图所示:
23.之后弹出一个对话框,如下图:
文件名可以自己修改。
保存的格式为GIF,如图:
OK!!这样就算完成了,效果图是这样的:
个人签名怎么插入照片?
点击右上角“控制面板”,选择“编辑个人签名”。如果想插入照片的,首先需要将照片上传到自己的相册中,打开照片,复制照片地址。然后在个人签名框中输入如下内容即可: [img]照片地址[/img]
发布于2008年03月26日 08:00 | 评论数(0) 阅读数(264) 制作方法,教程[收藏]



