CSS模仿IE警告信息栏，效果逼真！(页 1) - 草根网站建设运营 - 草根站长论坛 --我们用心打造中国一流的站长论坛!

紫风铃 发表于 2008-5-26 01:15

CSS模仿IE警告信息栏，效果逼真！

CSS代码:0X)r5O#\T4la2KJo
[font=NSimsun][code] $`;Z3wp+s@fw
body {+K'Xsb"r"^ f2\F^
      margin: 0 !important;
      padding: 0 !important;
}t+a6punKk

/* A fake IE information bar */4?;r r4\{(g
#infobar {Qz*`My,Il*K'c4G
      font: message-box;3w'h@8^y's"B;{
}`e0s&~L-_0]/mzX:Z8g

/* Please adjust the values if the infobar is not looking good */7B.LO2i}(RKGa
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
      display: block;
      float: left;
      clear: both;2H~ OE/T\+U
      width: 100%;
      color: InfoText;
      background: InfoBackground url(warning.gif) no-repeat fixed .3em .3em;
      padding: .45em .3em .45em 2em;,TVvw(E4[
      border-bottom: .16em outset;a]7Zcf
      text-decoration: none;
      cursor: default;D]n,D~U*go
}

#infobar a:hover {@)ulh*Z_/N
      color: HighlightText;3t(uX_9R+j?
      background: Highlight url(warning2.gif) no-repeat fixed .3em .3em;
}
!JD8NwG h
/* A fake viewplot for IE information bar */+z_o$R!d)L.P-|z
#viewplot {
      width: 100%;
      height: expression(this.parentNode.offsetHeight - this.offsetTop);
      overflow-x: hidden;
      overflow-y: scroll;
      padding: 1em; /* Please set this to the value as that of your <body> */6w^O-VDLl
}l+`HcaE)i*U]
[/code]},`/SU2b p7v*{.}
Discuz!添加代码的方法, 修改模板文件header.htm
[/font][font=NSimsun][code] 1@s @:wb^

（这里是登陆后显示的内容）/qP Fs2p

<link rel="stylesheet" href="infobar.css" type="text/css" />4_d$l7l'tDZ/`6u
（这里是未登陆显示的内容）Xy [.`!X
<div id="infobar" align=center><a rel="nofollow" href="/register.php">你尚未登陆请登陆论坛，如果你不是注册用户请点这里注册！</a><embed src="infobar.wav" autostart="true" loop="0" hidden="true"></embed></div>


[/code][/font]

阿花发表于 2008-5-26 13:09

不错不错
呵呵

yangdi 发表于 2008-6-2 15:58

呵，弄个图，让我先瞅一眼成不。

:11:

zhhouy 发表于 2008-6-3 16:13

来试试效果，谢谢楼主

bainiozhiwei 发表于 2008-6-5 10:28

偶很懒，下次加个代码运行给我们先看看嘛

0733 发表于 2008-6-5 14:58

不错不错
:13:

页: [1]

草根站长论坛's Archiver

CSS模仿IE警告信息栏，效果逼真！