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)
随机阅读
[疑问]
谁有“Sp2包附带的新demo模板”分享下
(16-07-27)
[建议]
建议弄个啥赚金币的任务
(15-04-18)
[疑问]
请问这两个页面有不一样的功能吗?
(14-07-25)
[疑问]
内部版本:KingCMS V8.X 云管理平台
(12-11-04)
[使用]
请问如何更改king_system值和include中的路径 ???
(12-10-28)
|
催命判官 | 发表于: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 >