这篇文章主要围绕织梦dedecms上传图片加文字水印并添加阴影效果和织梦文章怎么上传添加图片展开,旨在为您提供一份详细的参考资料。我们将全面介绍织梦dedecms上传图片加文字水印并添加阴影效果的优缺
这篇文章主要围绕织梦dedecms上传图片加文字水印并添加阴影效果和织梦文章怎么上传添加图片展开,旨在为您提供一份详细的参考资料。我们将全面介绍织梦dedecms上传图片加文字水印并添加阴影效果的优缺点,解答织梦文章怎么上传添加图片的相关问题,同时也会为您带来css3如何添加文字阴影效果?text-shadow设置文字阴影效果、css怎么给图片添加阴影效果?图片添加阴影的两种方法(代码实例)、DedeCMS 图片水印与文字水印的设置教程、DEDECMS上传图片加文字水印并带阴影效果的办法的实用方法。
本文目录一览:- 织梦dedecms上传图片加文字水印并添加阴影效果(织梦文章怎么上传添加图片)
- css3如何添加文字阴影效果?text-shadow设置文字阴影效果
- css怎么给图片添加阴影效果?图片添加阴影的两种方法(代码实例)
- DedeCMS 图片水印与文字水印的设置教程
- DEDECMS上传图片加文字水印并带阴影效果的办法
织梦dedecms上传图片加文字水印并添加阴影效果(织梦文章怎么上传添加图片)
css3如何添加文字阴影效果?text-shadow设置文字阴影效果
阴影效果是一个常见也很实用的效果,相信有些朋友在使用阴影效果来美观网页页面时,有时会有一些疑问,比如:字体文字阴影是怎样设置的等等。那么本章就给大家谈谈css3是如何设置字体文字阴影的。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
其实在css3中有一个很实用的属性可以给字体文字添加阴影效果,那就是css3 text-shadow属性。
那么,我们先来详细的看一看text-shadow属性:
text-shadow是CSS样式属性单词,是设置对象中文本的文字字体是否有阴影及模糊效果的CSS样式。
text-shadow属性:在CSS3中可以用text-shadow属性给页面上的文字添加阴影效果, 可以通过对text-shadow属性设置相关的属性值,来实现一些需要的字体阴影效果,减少了图片的使用。
立即学习“前端免费学习笔记(深入)”;
text-shadow属性的语法:
text-shadow: h-shadow v-shadow blur color;
可以看出text-shadow属性可以设置4个参数,每个参数用空格隔开,下面我们来介绍一下这四个参数:
h-shadow: 设置水平阴影的位置(x轴方向),必需要设置的参数;允许负值。
v-shadow : 设置垂直阴影的位置(y轴方向),必需要设置的参数,允许负值。
blur: 阴影模糊的距离(半径大小),可选择设置的参数。
color : 阴影的颜色,可选择设置的参数。
注释:text-shadow 属性可以向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
下面我们来看一个css3设置字体文字阴影的小例子,来具体的感知一下text-shadow属性的用法:
<h1>我是一段测试文字</h1>
h1{ color:powderblue; /*设置文字颜色*/ text-shadow: 2px 3px 1px pink;/*添加字体文字的阴影*/ }
效果图:
我们再来看看如果不设置css3文字阴影效果会是怎样的:
说明:
1、阴影的水平偏移量(h-shadow):可以取正值也可以取负值,如果值为正值,则阴影在对象的右边,反之其值为负值时,阴影在对象的左边。
2、阴影的垂直偏移量(v-shadow ):可以取正值也可以取负值,如果为正值,阴影在对象的底部,反之其值为负值时,阴影在对象的顶部。
3、阴影的模糊半径:只能设置为正值。如果值越大,阴影越模糊,反之阴影越清晰。如果其值为0时,表示阴影不具有模糊效果。
4、阴影的颜色:当没有指定颜色值的时候,浏览器会取默认色,但各浏览器默认色不一样,特别是在webkit内核下的safari和chrome浏览器将无色,也就是透明,建议不要省略此参数。
说到浏览器的默认色不一样,我们来看看text-shadow属性在各个浏览器中是否支持:
浏览器的支持:
所有主流浏览器都支持 text-shadow 属性。
注:Internet Explorer 9 以及更早版本的浏览器不支持 text-shadow 属性。
以上就是css3如何添加文字阴影效果?text-shadow设置文字阴影效果的详细内容,更多请关注php中文网其它相关文章!
css怎么给图片添加阴影效果?图片添加阴影的两种方法(代码实例)
首先我们来看看css给图片添加阴影效果的第一种方法:设置box-shadow属性,通过一个简单的代码示例来看看box-shadow属性的实现方法。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css 图片阴影--box-shadow属性</title> <style> .demo{ width: 400px; height: 300px; margin: 50px auto; } .demo img{ box-shadow: 10px 10px 10px rgba(0,0,0,.5); /*考虑浏览器兼容性*/ -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.5); -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.5); } </style> </head> <body> <div> @@##@@ </div> </body> </html>
效果图:
box-shadow属性设置图片阴影是不是很简单,下面我们来看看box-shadow属性的是如何设置的:
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow:必需设置的值,定义水平阴影的位置。允许负值。
立即学习“前端免费学习笔记(深入)”;
v-shadow:必需设置的值,定义垂直阴影的位置。允许负值。
blur:可选设置的值,定义模糊距离。
spread:可选设置的值,定义阴影的尺寸。
color :可选设置的值,定义阴影的颜色。如果没有设置值,颜色值基于浏览器显示,建议设置。
inset:可选设置的值,设置后可将外部阴影 (outset) 改为内部阴影。
接下来我们来看看css给图片添加阴影效果的第二种方法:使用css3的滤镜属性-----filter 属性设置图片阴影。
可以设置filter:drop-shadow();来给图片添加阴影,我们来通过一个简单的代码示例看看实现方法。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css 图片阴影--box-shadow属性</title> <style> .demo{ width: 400px; height: 300px; margin: 50px auto; } .demo img{ -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5)); /*考虑浏览器兼容性:兼容 Chrome, Safari, Opera */ filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5)); } </style> </head> <body> <div> @@##@@ </div> </body> </html>
效果图:
说明:
filter:drop-shadow(h-shadow v-shadow blur spread color);
h-shadow:设置阴影的水平方向偏移量;允许负值,负值会使阴影出现在元素左边。
v-shadow:设置阴影的垂直方向偏移量;允许负值,负值会使阴影出现在元素上方。
blur:设置阴影的模糊度,值越大,越模糊,阴影也就会变得更大更淡;不允许负值,若未设定,默认是0 (阴影的边界很锐利)。
spread:设置阴影的尺寸,正值会使阴影扩张和变大,负值会是阴影缩小;若未设定,默认是0 (阴影会与元素一样大小)。
注:在Webkit以及其他一些浏览器中不支持spread,如果加了也不会渲染。
color:设置阴影颜色;若未设定,颜色值基于浏览器,建议设置颜色。
总结:以上就是css给图片添加阴影的两种方法的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问 CSS3视频教程,Html5视频教程,bootstrap视频教程!

以上就是
DedeCMS 图片水印与文字水印的设置教程
首先,进入Dedecms管理后台,选择菜单 系统 -> 图片水印设置
Dedecms有两种给图片加水印方式,即图片和文字方式,默认水印位置在底部居右,你可以自行设定,下面来详细讲解一下这两种方式。
图片方式
Dedecms默认为以PNG图片的方式添加水印。在datamark目录中有PNG和GIF格式的水印图片,你可以在Dedecms后台自行设定选择采用哪种格式的水印图片。当你上传新水印图片时,根据你的选择mark.png和mark.gif中有一个文件会被覆盖成你上传的水印图片,mark文件名保持不变。
如果你想有多种样式的水印图片可以选择,你可以进入datamarkinc_photowatermark_config.PHP文件,找到
$photo_markimg = ''mark.gif'';
更改为你自己定义的水印图片文件名,如
$photo_markimg = ''leapsoulcn.gif'';
这样以后如果你想更换水印图片,只需要更改一个文件名即可。
文字方式
首先设定你的水印文字
特别注意:很多人老是说怎么我的水印文字添加不成功,其实默认Dedecms中datamark目录下的simhei.ttf字体库是没有的,你需要去FONTS文件夹中拷贝simhei.ttf字体库。
如果你觉得这个字体不和你心意,你也可以拷贝一个你喜欢的字体库放在datamark目录下,同时你需要修改Dedecms的配置,因为默认 Dedecms只采用simhei.ttf字体库,你只要打开include目录下的image.func.PHP文件,并找到
if(file_exists(DEDEDATA.''/mark/simhei.ttf''))
{
$cfg_watermarktext[''fontpath''] = DEDEDATA.''/mark/simhei.ttf'';
} //提供的教程
将其中的字体库改成你喜欢的字体库即可。
完成上述操作后,你可以在Dedecms后台创建一个图片集栏目,然后发布图片集模型的文章,再点击更新栏目HTML,即可在你发布的图片上查看到你的个性化水印图片了。
总结
以上是小编为你收集整理的DedeCMS 图片水印与文字水印的设置教程全部内容。
如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。
DEDECMS上传图片加文字水印并带阴影效果的办法
DEDE默认是使用图片水印,文字水印因为没有在文件包里提供字体文件,因此即使后台设置好,也无法使用,这里教你如何设置使用,办法如下:1、在PC中打开C:/windows/Font,找到字体simhei.ttf,上传到到网站/data/mark/下。或者找到任意一个你喜欢的字体文件,然后将文件名改成simhei.ttf 放在/data/mark/目录下
也可以打开include目录下的image.func.php文件,找到以下代码:
if(file_exists(DEDEDATA.'/mark/simhei.ttf'))
{
$cfg_watermarktext['fontpath'] = DEDEDATA.'/mark/simhei.ttf';
}
将其中的字体库改成你喜欢的字体库的名称。
2、进入DedeCMS管理后台,选择系统 -> 图片水印设置
选择水印的文件类型:文字
文字水印默认字体大小是20,可以改成10左右比较合适,太大会影响图片的效果。
水印图片文字字体大小:10
3、打开include目录下的image.func.php文件,并找到代码
$cfg_watermarktext['shadowx'] = '0';
$cfg_watermarktext['shadowy'] = '0';
$cfg_watermarktext['shadowcolor'] = '0,0,0';
替换为
$cfg_watermarktext['shadowx'] = '1';
$cfg_watermarktext['shadowy'] = '1';
$cfg_watermarktext['shadowcolor'] = '255,0,255';
这样就是白色字、紫色阴影的文字水印了。当然,你可以修改'255,0,255'这个三个数值,换成你喜欢的色彩。 本文章网址:http://www.ppssdd.com/code/10503.html。转载请保留出处,谢谢合作!
我们今天的关于织梦dedecms上传图片加文字水印并添加阴影效果和织梦文章怎么上传添加图片的分享就到这里,谢谢您的阅读,如果想了解更多关于css3如何添加文字阴影效果?text-shadow设置文字阴影效果、css怎么给图片添加阴影效果?图片添加阴影的两种方法(代码实例)、DedeCMS 图片水印与文字水印的设置教程、DEDECMS上传图片加文字水印并带阴影效果的办法的相关信息,可以在本站进行搜索。
本文标签: