当前位置:首页 > 行业动态 > 正文

如何在DEDECMS中美化提示框样式以提升网站外观?

要修改DEDECMS提示框样式,请打开模板文件,找到提示框的HTML代码,然后添加自定义的CSS样式。

### 超漂亮DEDECMS提示框样式修改美化

管理系统(DEDECMS)中,提示框的美观程度直接影响到用户的体验,为了提升网站的友好度和视觉效果,可以通过修改提示框的样式来实现更加精美的展示效果,以下是详细的步骤和代码示例:

#### 一、修改提示框样式的基本步骤

1. **找到需要修改的文件**:打开 `include/common.func.php` 文件,找到 `ShowMsg` 函数的位置。

2. **覆盖原有代码**:使用新的 CSS 样式和 HTML 结构替换原有的提示框代码。

3. **测试效果**:保存文件并在网站上测试提示框的效果,确保修改后的样式正常显示。

#### 二、具体代码实现

“`php

function ShowMsg($msg, $gourl, $onlymsg=0, $limittime=0)

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

$htmlhead = “rr

织梦CMS 友情提示rr

“;

$htmlhead .= “r

html,body,h2,div,p,img{margin:0;padding:0;liststyle:none;border:none;fontsize:12px;}

a:link,a:visited,a:active{textdecoration:none;fontfamily:Tahoma,Geneva,sansserif;}a:hover{textdecoration:underline;}

body{textalign:center;fontfamily:Tahoma,Geneva,sansserif;background:#000000;background:#0000009;paddingbottom:25px;_background:url(about:black) norepeat fixed;}

html{_background:url(about:black) norepeat fixed;}

.ts_div{width:500px;overflow:hidden;margin:0 auto;margintop:150px;border:1px solid #E9E9E9;borderradius:3px;}

.ts_div h2{textalign:left;color:#666;borderbottom:1px dotted #ccc;paddingbottom:10px;fontsize:12px;}

.ts_div p{lineheight:70px;background:url({$GLOBALS[‘cfg_plus_dir’]}/img/ts_bg.png) norepeat 0 center;margin:10px auto;fontsize:14px;textalign:left;textindent:70px;}

.ts_border{border:7px solid #efefef;}

.ts_b2{background:#fff;border:1px solid #E9E9E9;padding:10px 20px 10px 20px;}

.ts_tz{margin:10px auto;textalign:right;width:500px;color:#666;}

.ts_tz a{color:#f30;}

r“.(isset($GLOBALS[‘ucsynlogin’]) ? $GLOBALS[‘ucsynlogin’] : ”).”rrr

“;

$htmlfoot = “rrrr

“;

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

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

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

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

{

$msg = “alert(“”.str_replace(“””,”“”,$msg).””);“;

}

else

{

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

if(preg_match(‘/close::/’,$gourl))

{

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

$gourl = ‘javascript:;’;

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

“;

}

$func .= ” var pgo=0;

function JumpUrl(){

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

}r

“;

$rmsg = $func;

$rmsg .= “document.write(”

“; $rmsg .= “ ‘

织梦CMS提示

”);r

“;

$rmsg .= “document.write(”

”);r

“;

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

“;

$rmsg .= “document.write(”

”);r

“;

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

if($onlymsg==0)

{

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

{

$rmsg .= “

如果浏览器没有自动跳转,请点击这里

“;

$rmsg .= “”);r

“;

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

}

else

{

$rmsg .= “

0