配色: 字号:
网易写博的图片特效代码
2018-05-13 | 阅:  转:  |  分享 
  
图片特效代码:

日志边框加背景图片代码:

输入内容

首先从网上下载1024X768的图片上传到网易相册,打开网易相册图片,点原图尺寸1024X768



然后右击点复制图片地址,粘贴到“网易相册图片地址”如果不是全屏图片它会以平铺的方式占满日志页面。Background是日志背景图片代码。Bgcolor是颜色代码。





日志中插入图片代码:



说明:imgsrc图片标签,必须配套src路径。保留引号,在引号里粘贴图片地址。怎样找图片地址:在网页图片上点右键点属性,上面有地址后缀名jpg或gif博客相册图片地址:在图片上点右键点复制图片地址。或者点属性上面有地址后缀名jpg或gif复制也行。





图片链接代码:





说明:A链接开始标签href链接的目标。Target打开方式,(target="_blank"在新窗口打开。target="_self"在原窗口打开)不加这个代码默认在原窗口打开。IMG图片开始标签src图片的目标链接地址就是上面网址,图片地址最好选择博客相册的图片右键点复制图片地址,也可以选择网页上的图片地址。图片链接就是点图片打开一个网页。Border=”边框可以不写。”



图片链接带网页名称代码:

输入文字


静态边框样式代码




静态边框样式代码图片加单边框solid代码



此代码可以设置图片大小,边框间宽度,在所有浏览器中都可使用。



ie浏览器中使用有效。在ie浏览器中输入此代码后再粘贴图片地址后就演变成下列代码,在所有浏览器中都可使用。缺点不能设置图片大小。

如下图:





说明:center居中left左对齐right右对齐img是图片src是style是风格,border是边框的厚度。solid是边框的模式。边框的模式有很多种类:solid单边线Double双边线框outset凸出型边框inset凹槽型边框dashed虚线型边框Groove沟线边Ridge脊线立体效果边框?Inset嵌入线立体效果边框Outset浮出线立体效果边框。double代码:



ie浏览器中有效。如下图:



此码所有浏览器都适用。



说明:double是双边线模式。Center
说明:#ff0000颜色代码。Green也是颜色代码。



图片凸出型outset边框代码:
?ie浏览器中有效。



在所有浏览器中有效。



图片凹槽型inset边框代码:
?在ie浏览器的样式。如下图:



在其它浏览器的样式。如下图:





图片虚线型dashed边框代码:ie浏览器有效,如下图:









图片脊状型Ridge边框代码:
?此代码ie浏览器有效如下图:







?



图片横向渐变透明代码:
ie浏览器用



说明:filter=alpha设置透明度。opacity代表透明度数,选值0-100,0是完全透明,100是不透明.style指渐变类型,0是无变化,1是线行渐变,2是放射渐变,3是X型渐变.finishopacity用来设置结束时的透明度,以达到渐变效果.取值范围也是0-100.



图片圆形渐变透明代码:
如下图:









图片黑白效果代码:
ie浏览器使用。





gray是将图像灰色处理。

图片模糊效果代码:ie






图片移动基本代码:



注释:移动开始标签标签里主要内容有(behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay)

scrollAmount=2移动的速度。越大越快。direction=left移动的方向。表示向左移动(一般省略不写)向右移动right、左右往复移动alternate、向上移动up、向下移动down。

左右移动时,界面宽度根据实际设定,界面高度一般不设(或设为图片高度),由图片高度限定;上下移动时,要设定界面高度,界面宽度可由图片宽度限定。

图片向左移动代码:


向左移动、界面宽度可以不设只设置图片宽度和高度就可以了。添加图片地址的代码如下:





图片向右移动代码:



需要加上向右移动代码。图片宽度和高度在图片标签设定,也可以图片地址后面打空格输入width=”110”height=”110”添加图片地址的代码如下:





图片向上移动代码:



在移动标签里需要添加界面宽度界面高度。宽度根据图片的宽度。高度自由设定。添加图片地址的代码如下:





图片向下移动代码:



界面宽度和图片相等,高度自由设定。图片宽度高度根据图片地址的宽度高度,添加图片地址的代码如下:





多幅图片向左移动代码:













......





界面宽度可以整个界面。高度图片的高度。图片地址的宽度和高度都要相等。高度和界面高度相等。添加图片地址的代码如下:

添加图片地址向左代码:

























多幅图片向右移动代码:













......





改成direction=”right”向右移动。

加图片地址的多幅图片向右移动代码:

























多幅图片向上移动代码:













......





改成direction=”up”宽度改成图片宽度110高度自由设定。添加多幅图片地址向上移动代码如下:

























多幅图片向下移动代码:













......





改成direction=”down”添加多幅图片地址向下移动代码如下:



























在图片上加入文字代码;





欢迎光临雪花飘飘空间

雪花飘飘是你忠实朋友

陪伴你进入博客天地

学习是我们永远追求

完美是我们的理想



说明:table表格定义,style样式的意思border边框总称,左右上下border-leftborder-rightborder-upborder-Bown用像素px表示颜色,solid边框为实线。height表格的高度值,width表格的宽度值,cellpadding是表格中单元格与单元格之间的距离。align对齐方式center居中。



在html语言下,background是放背景图案和背景颜色的地方。background后面跟的链接都是图片的链接或者颜色的设置。border内边框宽度值。

























献花(0)
+1
(本文系雪花飘飘575...原创)
类似文章 更多
发表评论: