第13页
  • CSS 选择器参考手册

    CSS 选择器参考手册

    CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...

    CSS学习 3年前 1094 0
  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

    class属性修改  类属性即class属性,规定类名.  用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.  注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.  具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp   用jQuery进行类名修改既可以用attr(...

  • zblogPHP模板制作技巧总结

    zblogPHP模板制作技巧总结

    判断:常用if判断 (CMS首页判断、侧栏判断)指定分类设置特殊模板样式,分类编辑选择为某些分类指定分类模板,后台版方法字段:主题调用指定字段文章(多选字段)方法 调用某篇文章:指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面(调取所有页面) 调用多篇文章:主题连续调用多篇文章,输入ID方法调取置顶文章到首页,限制(指定)N条数 调用某个(单个)分类:调用(指定)...

    zblog模板学习 2年前 1114 1
  • 经典CSS聚合

    经典CSS聚合

    CSS3 线性渐变(linear-gradient)transition过渡效果(变形、变色、旋转、停顿时间)鼠标移上去,图片会自动原地放大CSS写法三角形对话框(带边框)- :before + :after + border从table转而使用div+cssdisplay: table-cell 无法使用 margin/ padding 的解法纯CSS写三角形,自适应不同宽度水平翻转、垂直翻转 触发变色/随机颜色:手机浏览器...

    CSS学习 2年前 632 0
  • css常用效果总结

    css常用效果总结

    css有不少常用的效果,你在平时浏览网站的时候可能会看到,但是真的要自己写的时候,有时候会突然忘记,今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功能。代码如下:html {    filter: grayscale(100%);//IE浏览器   -webkit...

    CSS学习 2年前 654 0
  • zblog模板制作 - 模块标签大全

    zblog模板制作 - 模块标签大全

    模块标签一般情况下主题应尽可能使用系统内部的模块管理功能来调用侧栏模块,系统内部内置5个侧栏,分别可以使用{template:sidebar}、{template:sidebar2}、{template:sidebar3}、{template:sidebar4}、{template:sidebar5}来直接调用。如果需要单独调用某一模块内容,请使用以下代码调用:{module:moduleName} 系统内置模块调用如下:标签...

    zblog模板学习 2年前 698 0 模块
  • zblog模板制作 - 用户标签大全

    zblog模板制作 - 用户标签大全

    用户标签当前登录用户信息使用$user,如{$user.Name},当前登录者的名称当前页面作者信息使用$author,$author涉及的标签只可在用户专属页面调用。如:{$author.Name},显示作者的名称指定用户信息{$zbp.members[1].xxx},如{$zbp.members[1].Name},显示ID为1的用户名称。标签含义备注{$author.Url}用户页面链接{$author.Name}用户名{$auth...

    zblog模板学习 2年前 595 0 用户
  • zblog模板制作 - 分页标签大全

    zblog模板制作 - 分页标签大全

    文章列表相关页面中可用分页标签,如首页等。标签含义备注{$pagebar.PageBarCount}分页长度{$pagebar.PageCount}每页显示文章数量{$pagebar.Name}分页名称{$pagebar.PageAll}总页码数{$pagebar.PageNow}当前页码{$pagebar.PageFirst}起始页码{$pagebar.PageLast}尾页页码{$pagebar.PagePrevious}上一页ID...

    zblog模板学习 2年前 602 0 分页
  • zblog模板制作 - 缩略图调用方法大全

    zblog模板制作 - 缩略图调用方法大全

    zblog模板制作最不可缺少的我想应该就是缩略图,其次是摘要了,现在的zblog用户应该很少纯文字的文章,搭配一些图片更合理,这时候最好加上缩略图功能,让整个网站看起来更饱满,对于色彩和展示都有很大好处。所以老白制作的模板,基本都带有缩略图功能,而其中用到的缩略图又分为几种:1、直接调取文章内第一张图片原图,用CSS对图片进行限制缩略,当无图的时候调取一张随机图片显示2、调取第一张原图并且配合缩略图插件进行剪裁成合适的尺寸显示,当无图的...

  • CSS 中间文字、两侧居中横线(使用伪类before,after)

    CSS 中间文字、两侧居中横线(使用伪类before,after)

    中间文字 两边横线 CSS样式写法两边文字、中间横线的CSS写法本文再介绍一种关于文字与横线的关系,中间文字,两侧横线,主要方法:CSS伪类before,after制作左右横线中间文字效果HTML:<div class="container">     <h3 class="title">Welcome&nb...

    CSS学习 2年前 954 0
  • 两边文字、中间横线的CSS写法

    两边文字、中间横线的CSS写法

    关于文字与横线之间的关系,之前写过一篇:CSS,中间文字 两边横线 CSS样式写法 如上图,本文要分享的是两边文字、中间横线的CSS写法,比较简单:HTML:<div class="title">    <span class="name"><i class="iconfont ...

    CSS学习 2年前 751 0 横线
  • CSS修改swiper幻灯片自定义切换剪头特效(背景图、位置、背景色、尺寸)

    CSS修改swiper幻灯片自定义切换剪头特效(背景图、位置、背景色、尺寸)

    《zblog模板最好用的幻灯片(轮播、焦点图)特效代码》之前发布的幻灯片特效,推荐SuperSlide和swiper,今天来分享下老白常用的swiper自定义特效,包括切换大于号小于号,包括幻灯片文字标题:先看默认状态下的swiper幻灯片特效:一、改变剪头背景图片:其中左右切换三角都是使用背景图片制作的,而下方图片则是通过增加CSS去改变背景图片,以及切换圆点特效:CSS:/*slider*/ #slider{width:&nb...

  • zblogPHP模板 - 常用if判断

    zblogPHP模板 - 常用if判断

    是否登陆判断:{if $user.ID>0}{$user.StaticName}{/if}CMS判断:{template:header} {if $type=='index'&&$page=='1'}     {template:post-cms} {else}     {te...

    zblog模板学习 2年前 751 0 判断
  • zblogPHP主题配置内点击获取(输入)多分类ID的JS特效

    zblogPHP主题配置内点击获取(输入)多分类ID的JS特效

     在写zblog模板的时候,时常需要用到调用多分类的情况,之前我常用的方法比较懒,直接使用input输入,手动去查看分类ID数字,然后填写,并且多ID之间需要用英文小逗号隔开!而以后写的zblog主题调用多分类时候,可能会采用上图的点击获取ID方式,这里记录下具体方法,包括jjquery:<div class="lbimport">     ...

  • CSS 多行文本最后省略号“...” /多行文本最后一行超出的部分隐藏并显示省略号的方法

    CSS 多行文本最后省略号“...” /多行文本最后一行超出的部分隐藏并显示省略号的方法

    网上很多的解决方法是针对一行超出部分,隐藏并显示省略号的,代码如下:overflow:hidden; white-space:norwrap; text-overflow:hidden;针对webkit浏览器,多行显示时可以通过以下css代码实现,但对于非webkit浏览器,这种写法没有效了。display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-or...

    CSS学习 2年前 672 0 省略号