制作这种效果通常有两种方法,一种是截图法,一种是用织梦标签autoindex,详细方法如下:
方法一:把上图文章前面的序号列表截图,1-10的序号都在一个图片上,之后把图片设置为文章列表的背景图片,用css调整其到合适的位置,设置文章列表合适的行宽,就可以了,这样当显示几条文章时,就会显示相应长度的背景。
方法二:用css设置不同样式,例如,设置class=top为前三篇文章序号的样式,而其它文章为默认,[field:global name=autoindex/]标签可以递增的熟练。代码如下:
- [field:global name=autoindex/][field:title/]
- [field:global name=autoindex/][field:title/]
上面
{dede:artlist row='' orderby='hot'}
if(@me>3==0)@me="top";
else @me="";
[/field:global]">[field:global name=autoindex/][field:title/]
{/dede:artlist}
即:把
if(@me>3==0)@me="top";
else @me="";
[/field:global]
这样就可以了,你可以去试一下。当然序号递增主要用[field:global name=autoindex/] ,如果你想得到其它相关效果,可以在百度查相关关键字。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)