기존블로그 새로운주소 안내페이지에 적용했다.
.container {
position:absolute;
top: 50%;
left: 50%;
height:100px;
width:400px;
margin:-50px 0px 0px -200px;
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{ this blog is moved. }</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
body{ font: small/1.5 verdana; background:url(/images/bg.gif)}
.container {
position:absolute;
top: 50%;
left: 50%;
height:100px;
width:400px;
margin:-50px 0px 0px -200px;
text-align: left;
overflow: none;
}
.container h1 { font-size:21px; font-weight:bold;}
.container h1 a:link { color:#99afc6;text-decoration:none;}
.container h1 a:visited { color:#99afc6;text-decoration:none;}
.container h1 a:hover { color:#fff; text-decoration:none;}
.info { font-size:13px;color:#efefef;text-align:center; }
.notice { font-size:13px;color:#efefef;text-align:center; }
</style>
<script language=javascript src="/js/rainbow.js" type="text/javascript"></script>
</head>
<body>
<div class="container">
<div class="notice"><i>ssory <b>ccongchi</b>'s blog is moved.</i></div>
<div class="info">
<h1><a href="http://flytotheocean.com">{ fly to the Ocean.com }</a></h1>
</div>
</div>
</div>
</body>
'배워보자 > CSS' 카테고리의 다른 글
| CSS로 Layout 문서 가운데로 보내보자~ (0) | 2006/08/11 |
|---|
댓글을 달아 주세요