技术分享共113篇

Discuz根据不同版块区域设置图片主题列表显示不同尺寸

Discuz根据不同版块区域设置图片主题列表显示不同尺寸-雪哥尔
最近在弄discuz论坛,因为discuz在国内主流搜索引擎特友好,所以想改做discuz。下面就来分享一下我最近遇到的对于不同版块想要显示不同尺寸的主题列表封面的问题的解决方法: 第一步,我们先在...
5年前
435430

使用js点击复制按钮将textarea框隐藏

使用js点击复制按钮将textarea框隐藏-雪哥尔
<style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-bzm-input'...
4年前
220917

Discuz全局变量$_G详解

Discuz全局变量$_G详解-雪哥尔
$_G变量是程序的全局变量,为了使得程序更加高效,减少不必要的数据获取,所以程序特将经常需要用到的变量统一,放到$_G变量中,如用户登录信息、后台设置信息、服务器环境信息、客户端CooKies...
5年前
06520

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定-雪哥尔
先在父元素加上(如果没有父元素,可直接用body添加) position: relative; 然后在需要粘滞的元素加上 position: sticky; top: 0px; 即可生效。   需要注意的是: 父元素不能有overflow:hi...
2年前
060814

html基本响应式布局代码

html基本响应式布局代码-雪哥尔
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'> <!--[...
5年前
05840

CSS隐藏内容点击展开

CSS隐藏内容点击展开-雪哥尔
css .xulgr-checkbox{display: block;} .xulgr-checkbox+input{display: none;} .xulgr-checkbox+input+div{display:none;} .xulgr-checkbox+input:checked+div{display:block;} html <label...
5年前
08150

[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法

[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法-雪哥尔
进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义,比如没有滚动到设置的元素时,样式的宽度是100px,然后当用户滚动屏幕到设置的元素时,设置的元素就可以又以另一种自定义样式悬浮...
3年前
02900

CSS的Flex布局并排间距换行间距和每几个元素换行间隔

CSS的Flex布局并排间距换行间距和每几个元素换行间隔-雪哥尔
直接上例子,每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...
2年前
051910

自己在别人css抠出来的btn按钮样式

自己在别人css抠出来的btn按钮样式-雪哥尔
具体查看:https://code.xulgr.com/pub/css/btn/
5年前
08680

PHP判断是否微信内置浏览器,显示不同内容

PHP判断是否微信内置浏览器,显示不同内容-雪哥尔
<?php function isWechat(){ $ug= isset($_SERVER['HTTP_USER_AGENT'])?$_SERVER['HTTP_USER_AGENT']:''; if( stripos($ug,'micromessenger') !== false ){ return true; } return false; } ...
5年前
08480