想学制作图片 边框等的朋友请进 代码非常齐全

个人日记

 

用高级功能HTML代码制作边框 图片 隐藏播放器 好多网友问我边框图片怎么制作啊！

一、怎样使用代码：1.打开你的空间，点[日志]，再点[写日志] ，就进入写日志界面了。2.如你用代码写日志必须点[高级功能] ，再点[HTML] ，此时就进入代码编辑界面了。放好代码后点[HTML]就能看到实际效果了。

二、讲边框制作

     先讲高级功能HTML边框代码（几分钟就学会）很详细讲解。你按照一步一步的去做。
    1、点写日志 
    2、点高级功能图片HTML，就点它图片立即显示<div>  </div>。
    3、你把这个代码粘贴进去。背景底图。（注明：在这两个符号<div>  </div>的第一个后面粘贴 ）
制作边框离不开这个代码：（背景代码）把这个代码粘贴
<TABLE height=1000 width=900 bgColor=   #336666>
<TBODY>
<TR>
<TD>

<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>  （边框重点代码）

 

请看：

 

<div> <TABLE height=1000 width=900 bgColor=#336666>
<TBODY>
<TR>
<TD>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>


</div>

 

    这个代码是大图最关键的一步，因为所有的代码都要在这里粘贴才能做出漂亮边框 。粘贴好了。

   4、点右上角HTML显示边框。如图：

 

图片

 

        你就可以在边框上自由编辑文字和插入图片了，代码就是如此神奇，朋友试试吧！#336666是背景颜色代码。

  

看以下彩色表

 

ffff00ffff33ffff66ffff99ffffccffffff
ffcc00ffcc33ffcc66ffcc99ffccccffccff
ff9900ff9933ff9966ff9999ff99ccff99ff
ff6600ff6633ff6666ff6699ff66ccff66ff
ff3300ff3333ff3366ff3399ff33ccff33ff
ff0000ff0033ff0066ff0099ff00ccff00ff
ccff00ccff33ccff66ccff99ccffccccffff
cccc00cccc33cccc66cccc99ccccccccccff
cc9900cc9933cc9966cc9999cc99cccc99ff
cc6600cc6633cc6666cc6699cc66cccc66ff
cc3300cc3333cc3366cc3399cc33cccc33ff
cc0000cc0033cc0066cc0099cc00cccc00ff
99ff0099ff3399ff6699ff9999ffcc99ffff
99cc0099cc3399cc6699cc9999cccc99ccff
9999009999339999669999999999cc9999ff
9966009966339966669966999966cc9966ff
9933009933339933669933999933cc9933ff
9900009900339900669900999900cc9900ff
66ff0066ff3366ff6666ff9966ffcc66ffff
66cc0066cc3366cc6666cc9966cccc66ccff
6699006699336699666699996699cc6699ff
6666006666336666666666996666cc6666ff
6633006633336633666633996633cc6633ff
6600006600336600666600996600cc6600ff
33ff0033ff3333ff6633ff9933ffcc33ffff
33cc0033cc3333cc6633cc9933cccc33ccff
3399003399333399663399993399cc3399ff
3366003366333366663366993366cc3366ff
3333003333333333663333993333cc3333ff
3300003300333300663300993300cc3300ff
00ff0000ff3300ff6600ff9900ffcc00ffff
00cc0000cc3300cc6600cc9900cccc00ccff
0099000099330099660099990099cc0099ff
0066000066330066660066990066cc0066ff
0033000033330033660033990033cc0033ff
0000000000330000660000990000cc0000ff

 

  如果你不喜欢这种颜色边框，你就把 #336666更换。比例你喜欢黄色，就对准黄色代码复制ffff00

背景底图就变成黄色了。试一试：记住：删除时不要多删也不要少删一个符号。否则边框无效。

   5、更换颜色 把 #336666更换成ffff00

<TABLE height=1000 width=900 bgColor=ffff00>
<TBODY>
<TR>
<TD>

<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>

你点右上角HTML显示边框是黄色。

 

    这里1000代表背景的高度，数字你可随意改动。900是背景的宽度，一般我们的日志宽度900可以

说到极限了，你要是觉得太宽，可以改为800,700等等以此类推。

   bgColor=#336666>这个指背景的颜色，#336666是浅绿色的符号，黑色#000000 自己练习练习。

   三、图片制作 

    1、点写日志 

    2、点基本功能（右上角）立即显示HTML，再点（HTML）栏里马上显示两个符号，它们<div>  </div>。

          3.把图片代码粘贴进去。下面字母图片代码:把它复制好  粘贴到这两个字母中间<div>  </div>。

<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>（图片重点代码）

 
例如：显示：看效果
<div>  <img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</div>
          4、图片羽化
                                  例如：

 

 

       3、点相册图片（打开相册图片）对准相片 ，点右键显示更多操作  往下移动又显示另一张图片，下面显示属性 ，
点属性（说明：点左键，再次显示图片，对准地址后面点右键显示全选，你就点全选，字母变兰色，你对准蓝色点，
显示复制和全选）点复制。把复制好的粘贴在代码里面。<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>把这里放图地址几个字删除
 
例如： <div>  <img
src="http://b302.photo.store.qq.com/psb?/V14M8U1j0RHidc/6wCXMeLGekY8Kh3wI.v5QT9ZWYBFFq3OS4S*E
1Grd0k!/b/YezaELRmiwAAYjXNDbQSIgAA" style="FILTER: alpha(opacity=100,style=2)"width=300>

</div>
黄色是刚刚粘贴进去的。粘贴好了，点HTML图片变了和背景合为一体了。

 

   羽化前----------

 

羽-后

一、圆形代码

<img src="这里放图地址" style="FILTER: alpha(opacity=200,style=2)"width=600>

（图片重点代码）

二、长方形代码

<img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)">

（图片重点代码）


 

  

 三、代码（这个代码要拉 你想移动那里就到那里）

<IMG style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=800,finishopacity=0,style=3);

TOP: 280px; LEFT: 10px" title="" alt="" src="图片地址" width=433 height=650>
（图片重点代码）

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 四、如何查看图片源地址？

把鼠标箭头放在图片上，右键点击图，在弹出的下拉菜单中选择“属性”，打开“属性”选项卡：图中绿色线框内的即为图片的源地址（URL），复制后就可以使用了。(复制时请注意:先从http:/的h开始向右拉兰每一个字或数字，然后右键点击，取复制就可以了。)

五、字写不上吗
1.见到[第一段写文字]，左键点击它直到[字]四周围出现小方块白点(那中央就可打字了)，然后把鼠标箭头放在小白点上，待出现双箭头就可以把此框移动到你想放文字的地方，也可使此框改变大小和长宽。[切记别把小白点拉到画面外！]。然后再把鼠标箭头放在[第一段写文字]的(字)右侧点击直到出现一闪一闪的光标，此时你就可以写你心仪的文字了。写完后就把[第一段写文字]删掉了。另外在你编辑文字状态下，把文字拉兰，你就可以改变字大小和颜色了
2.[第二段写文字]也同样
3.[第三段写文字]如不需要用，只要在你编辑文字状态下，删掉文字就好了.
4.另外每做好一段工作，记着点击[保存草稿]。以免前功尽弃，切记！


六、音乐：隐藏播放器

           1、点右边音乐符号  点左键显示插入音乐图片，再点搜索音乐库 ，在搜索栏里写上你喜欢的歌名，然后点搜索，

选择你自己喜欢的歌曲

           2、试听 你认为这首歌好听，就点选择，再点

 

确定。

       3 、点HTML  显示<div>
<object codeBase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab#version=8,0,0,0"

classid="clsid:D27CDB6E-

AE6D-11cf-96B8-444553540000" width="410" height="100" src="http://edu.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="1039191|3|http://stream7.qqmusic.qq.com/1039191.wma|好|121|郑希怡|1" class="blog_music"><param name="movie" value="http://edu.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="data" value="http://edu.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="bgColor" value="#ffffff" /><param name=

"wmode" value="transparent" /><param name="menu" value="true" /><param name="allowScriptAccess" value="always" /> </object>

文章评论