利用CSS3媒体查询@media进行响应式页面制作

响应式页面就是根据屏幕尺寸的不同进行不同版面样式的显示。css3的meidia媒体查询的属性可满足该需求的定义。

第一种方式

为不同的屏幕尺寸定义不同的css样式,屏幕尺寸变化时动态调整css。优点是独立定义css文件管理方便,缺点是需要加载多个css文件。

<!--html标签--!>
<link rel="stylesheet" media="(max-width: 900px)" href="sty1.css" />
<link rel="stylesheet" media="(max-width: 700px)" href="sty2.css" />

即屏幕尺寸不超过900px时使用syt1.css样式,同时尺寸不超过700px时使用sty2,css样式。顺序不能反。

第二种方式

采用一个css文件,定义样式时通过@media媒体查询进行区分。优点是一个样式文件搞定多种屏幕需求。

/*css标签*/
@media screen and (max-width:992px){
 body {
  background-color: #FF0000;
 }
}

@media screen and (max-width:768px){
 body {
  background-color: #000000;
 }
}

即可屏幕不超过992px时背景颜色是红色,同时背景颜色不超过768px时背景颜色是黑色。

调试html如下

<style>
/*css标签*/
@media screen and (max-width:992px){
 body {
  background-color: #FF0000;
 }
}

@media screen and (max-width:768px){
 body {
  background-color: #000000;
 }
}
</style>

以上代码进行调试,弹出的窗口进行拖拉缩放时可查看到:页面尺寸小于768px时候网页背景色是黑色,超出768px同时又小于992px时网页背景色是红色。

通过media媒体查询就可以来任意定义当前属性样式在某尺寸分辨率下的具体表现了。

帝国CMS列表内容模板,判断是否登录调用不同的内容

页面模板内容部分:

<?php
include("e/class/connect.php");  
$lguserid=intval(getcvar('mluserid'));//登陆用户ID
$lgusername=RepPostVar(getcvar('mlusername'));//登陆用户
$lggroupid=intval(getcvar('mlgroupid'));//会员组ID

if($lggroupid){
?>
    <div class="zinfo">“[!--class.name--]”共<em>[totaldata]$GLOBALS[navclassid],0,0[/totaldata]</em>条信息。欢迎<em><?php echo $lgusername;?></em>,用完记得<a href="/e/member/doaction.php?enews=exit">[退出]</a></div>
<?php
}else{
?>
    <div class="zinfo">“[!--class.name--]”共<em>[totaldata]$GLOBALS[navclassid],0,0[/totaldata]</em>条信息。列表仅显示条数,请<a href="/e/member/login/" target="_blank">登录</a>刷新页面后,查看详细信息。</div>
<?php
}
?>

列表内容模板部分(使用程序代码)

include("e/class/connect.php");  
$lguserid=intval(getcvar('mluserid'));//登陆用户ID
$lgusername=RepPostVar(getcvar('mlusername'));//登陆用户
$lggroupid=intval(getcvar('mlgroupid'));//会员组ID

if($lggroupid){
$listtemp='<li><a href="[!--titleurl--]"><img src="[!--titlepic--]" alt="[!--oldtitle--]" /><span>[!--title--]<span></a></li>';
}else{
$listtemp='<li><img src="/skin/images/p.png" alt="代用名" /><span>[<a href="/e/member/login/" target="_blank">登录后显示</a>]</span></li>';
}

通过JS屏蔽某地区(城市)访问网站

因为业务需要,需要屏蔽某地域IP访问网站,网上找了找,几乎都不能用,要么IP库失效,要么js代码无效,具体原因我也不知道,我也不会写JS,就随手捣鼓了下,整合出一个能用的,用的网易的IP库。具体代码如下:

<script type="text/javascript" src="https://ip.ws.126.net/ipquery"></script><!--网易IP库-->
<script>
var province=localAddress.province;
if(province.indexOf('某某省')  != -1){
    window.location.href = '自定义跳转地址';
}
</script>
<script type="text/javascript" src="https://ip.ws.126.net/ipquery"></script><!--网易IP库-->
<script>
var city=localAddress.city;
if(city.indexOf('某某市')  != -1){
    window.location.href = '自定义跳转地址';
}
</script>

凑合着用吧。不能用了还望留言反馈。

本文转自:https://www.visc.cn/jishu/161.html

帝国CMS,复选项输出值的灵活调用

<?php
$shyashuasx=$navinfor[yashuasx];
$shyashuasx=rtrim($shyashuasx, "|");
$shyashuasx=ltrim($shyashuasx, "|");
$shyasarry = explode('|',$shyashuasx); 
for($index=0;$index<count($shyasarry);$index++) 
{ 
?>
  <div class="fl feature">
    <img src="[!--news.url--]skin/images/i/<?=$shyasarry[$index]?>.png" alt="<?=$shyasarry[$index]?>">
    <br>
    <?=$shyasarry[$index]?>
  </div>
<?php
} 
?> 

图示效果:
ECMS-Check-box.jpg

帝国CMS灵动标签调用栏目,可高亮当前栏目的样式

帝国CMS灵动标签调用栏目,可定义当前栏目的class样式,高亮当前栏目的样式。

[e:loop={"select classid,classname from {$dbtbpre}enewsclass where bclassid=5 and classid<>25 order by myorder,classid asc",0,24,0}]<?php
$classurl=sys_ReturnBqClassname($bqr,9);
$classname="";
if($bqr[classid]==$GLOBALS[navclassid])
{
$classname="tzzs_active";
} 
?><li class="<?=$classname?>"><a href="<?=$classurl?>"><?=$bqr[classname]?></a></li>[/e:loop]

其中classid<>25为排除指定栏目
增加代码可不调用隐藏设置的栏目:and showclass=0 //0为显示,1为不显示

本文转自:https://nipang.cn/ecms-code.html

Winows 2012 服务器 IIS8 实现 http 自动跳转 https

Windows 2012 服务器 IIS8,配置好 SSL 证书后,需要默认访问域名由 http 自动跳转 https。
部分主机商的管理系统,可实现 Windows 2012 服务器 支持多站点 SSL 证书的配置
比较简便方式一,在根目录下创建 web.config,并将如下代码拷贝进去即可,无需拥有服务器配置权限(也适用虚拟主机)。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="HTTP to HTTPS redirect" stopProcessing="true">
                    <match url="(.*)" />
                    <conditions>
                        <add input="{HTTPS}" pattern="off" ignoreCase="true" />
                    </conditions>
                    <action type="Redirect" url="https://{HTTP_HOST}/{R:1}" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>