1Next >
催命判官 | 发表于:12-10-24 11:50 [添加收藏] 楼主 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
K9的标签如何编写才能够使得调用出来的图片呈圆角效果的缩略图,而不是用CSS来实现的呢? 其实如果你看过前面写的《K9标签基础篇:缩略图》文章,便简单的多。 获取最新的版本【查看】 其中,padding画图像边缘线的取值有这么两条属性: fillet:圆倒角边缘线 padding-r:当指定为圆角或斜倒角边缘线的时候的半径值 例子:调用图片内容的圆角效果调用标签 {@res.join table1='%s_content_isimage' table2='%s_content' field2='title,description,url,image' on='id' where='t2.status=1'order='t2.id desc' number='4'} {#foreach($res as $rs)} <img src="{DIR}{$rs[image] width='230' height='95' position='center' padding='fillet' padding-r='5'}" alt="{$rs[title] code='quote'}" /> {#endforeach}以上的调用是没有阴影效果,如果想加上阴影效果(padding-filter:滤镜类型,shadow:阴影)的标签如下: {@res.join table1='%s_content_isimage' table2='%s_content' field2='title,description,url,image' on='id' where='t2.status=1'order='t2.id desc' number='4'} {#foreach($res as $rs)} <img src="{DIR}{$rs[image] width='230' height='95' padding='fillet' padding-filter='shadow' padding-size='5'}" alt="{$rs[title] code='quote'}"/> {#endforeach} 调用的效果图如下所示:
Ta最近还发表过
[帮助]
K9企业模板sky发布
(19-05-06)
[分享]
K9单页面实现栏目多分页的方法
(18-03-06)
[分享]
K9内测中经常用到的标签 拿来给大家分享下
(17-05-10)
[分享]
KingCMS地方门户版v2.2帮助文档【在线版本】目录
(17-04-24)
[帮助]
K9第三方登录接口发布
(15-10-12)
随机阅读
[分享]
分享一个kingcms模板 永久有效
(16-08-14)
[其他]
百度又好像出了个 有聊 呵呵 有何感想
(14-01-15)
[分享]
今天偶然发现 Navicat 升级到 v9 版本了
(13-06-05)
[疑问]
以前论坛的那些帮助内容去哪里找?
(11-05-01)
[使用]
安装好了,但是打开网站显示“您无权查看该网页”
(11-04-27)
|
催命判官 | 发表于:12-10-24 11:53 沙发 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
上面的例子标签已编写在K9的默认模板default首页index.php里面
|
flowin | 发表于:12-10-24 15:48 编辑于:10-24 15:48 板凳 [回复] #Top# |
---|---|
![]() ![]() ![]() |
如果要兼容CSS3.0才能展现出来的话~还不如直接写CSS里面!!
CSS还是jquery实现的? |
催命判官 | 发表于:12-10-24 17:52 5楼 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Reply: 板凳
PHP版本的缩略图也是支持圆角的 {king:portal.articletype="new" number="5"} <img src="{king:image<!-- 图片标签开始 --> border='fillet'<!-- 指定为圆角边框 --> border-color='666666'<!-- 圆角边框的颜色 --> empty='fillet'<!-- 外部填充部分形状 --> Empty-Color='#FFFFFF'<!-- 填充颜色 --> Empty-R='5'<!-- 填充半径 --> width='100' height='100'<!-- 长宽指定 --> /}"/> {/king:portal.article} |
z | 发表于:12-10-24 17:54 6楼 [回复] #Top# |
---|---|
![]() ![]() ![]() |
Reply: 板凳
是用程序实现的,只是用标签输出更加方便,与CSS无关。 |
1Next >