DedeCMS 提示信息框美化教程

因为做站的需要,有时用户投稿之后会跳出来一个信息框,DedeCMS官方的信息框很丑,于是就想把官方这个丑东东改了,相关的资料太少了,最后还是自己动手:

需要修改的文件路径:include/common.func.php

升级函数 ShowMsg,修改诉基本思路就是把原来的ShowMSN函数换了。

function ShowMsg($msg,$gourl,$onlymsg=0,$limittime=0,$sname=”提示消息:”)

{

if(empty($GLOBALS[‘cfg_phpurl’])) $GLOBALS[‘cfg_phpurl’] = ‘..’;

$htmlhead = “<html>rn<head>rn<title>”.$sname.” 网站的名字</title>rn<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />rn”;

$htmlhead .= “<base target=’_self’/>rn<style>div{line-height:160%;}body{background:url({$GLOBALS[‘cfg_phpurl’]}/img/smg_bg.gif);}</style></head>rn<body leftmargin=’0′ topmargin=’0′>”.(isset($GLOBALS[‘ucsynlogin’]) ? $GLOBALS[‘ucsynlogin’] : ”).”rn<center>rn<script>rn”;

$htmlfoot = “</script>rn</center>rn</body>rn</html>rn”;

$litime = ($limittime==0 ? 1000 : $limittime);

$func = ”;

if($gourl==’-1′)

{

if($limittime==0) $litime = 5000;

$gourl = “javascript:history.go(-1);”;

}

if($gourl==” || $onlymsg==1)

{

$msg = “<script>alert(“”.str_replace(“””,”“”,$msg).””);</script>”;

}

else

{

//当网址为:close::objname 时, 关闭父框架的id=objname元素

if(eregi(‘close::’,$gourl))

{

$tgobj = trim(eregi_replace(‘close::’, ”, $gourl));

$gourl = ‘javascript:;’;

$func .= “window.parent.document.getElementById(‘{$tgobj}’).style.display=’none’;rn”;

}

$func .= ” var pgo=0;

function JumpUrl(){

if(pgo==0){ location=’$gourl’; pgo=1; }

}rn”;

$rmsg = $func;

$rmsg .= “document.write(“<div style=’width:450px;margin-top: 50px;’>”;

$rmsg .= “<div style=’font-size:12px;height: 49px;width: 450px; background:url({$GLOBALS[‘cfg_phpurl’]}/img/wbg.gif);’><span style=’display:block;line-height: 49px; clear: none;float: left;height: 49px;width: 50px;’><a style=’display:block;height: 49px;width: 50px;’ href=’javascript:history.go(-1);’ title=’返回’></a></span><span style=’display: block;clear: none;float: left;height: 20px;width: 400px;font-family: 微软雅黑;font-size: 12px;line-height: 20px;padding-top: 20px;padding-bottom: 9px;text-align: left;’>”.$sname.”</span></div>”);rn”;

$rmsg .= “document.write(“<div style=’display: block; clear: none; float: left; width: 450px; padding-bottom: 9px; background-color: #98e6f9; padding-right: 9px; padding-left: 9px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #50a5ba; border-bottom-color: #50a5ba; border-left-color: #50a5ba;’>”);rn”;

$rmsg .= “document.write(“<div style=’display: block; clear: none; float: left; width: 430px; background-color: #FFFFFF; font-size: 12px; line-height: 20px; color: #000000; padding: 15px; font-family: Arial, 宋体;’>”);rn”;

$rmsg .= “document.write(“”.str_replace(“””,”“”,$msg).””);rn”;

$rmsg .= “document.write(“”;

$rmsg .= “</div>”;

if($onlymsg==0)

{

if( $gourl != ‘javascript:;’ && $gourl != ”)

{

$rmsg .= “<div style=’border-top: 1px solid #EEEEEE;display: block; clear: none; float: left; width: 430px; background-color: #F3F3F3; font-size: 12px; line-height: 40px; font-family: Arial, 宋体; text-align: right; height: 40px;’><a href='{$gourl}’><span style=’color: #666666;text-decoration: none;’>如果你的浏览器没反应,请点击这里</span></a> </div>”;

$rmsg .= “</div>”);rn”;

$rmsg .= “setTimeout(‘JumpUrl()’,$litime);”;

}

else

{

$rmsg .= “</div></div>”);rn”;

}

}

else

{

$rmsg .= “</div></div>”);rn”;

}

$msg = $htmlhead.$rmsg.$htmlfoot;

}

echo $msg;

}

修改后的效果图:

1

2

图片:
添加了一背景图片smg_bg.gif 这个大家自己做就行
修改了一个图片wbg.gif 点击下载。

两个图片均在 plus/img/文件夹下
调用:在传参的后面添加一个值,选择加在后面是为了与以前的调用方式兼容。例子:ShowMsg(‘具体内容’,”-1″,0,10000,”信息提示标题:”)。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2012.05.31

    WordPress文章列表排除指定分类下的文章

    WordPress 默认的文章列表调用代码是…

  2. 没有图片

    2011.04.04

    给你的页面添加返回顶部按钮

    大家应该都经历过,优秀的网页都会给人一个良好…

  3. 没有图片

    2013.05.08

    自定义WordPress后台管理侧栏菜单

    现在大家都在使用WordPress给客户设计…

  4. 没有图片

    2012.10.17

    Google Drive 云端硬盘下载及安装失败解决办法&完整安装包下载

    这几天试用了一下谷歌云端硬盘(Google …

  5. 没有图片

    2011.05.18

    10个实用的 WordPress .htaccess技巧

    文章转自水脉烟香,非常有价值,转发过来与更多…

  6. 2014.03.20

    Mac OS X Terminal:终端使用教程(转)

    为什么要使用命令行/如何开启命令行? 许多功…

评论

  1. 诳人 2010.08.06 6:03下午

    准备学DEDE呢

  2. DeepSoft 2010.04.23 11:22下午

    能不能在详细一点啊,我是一个新手