티스토리 블로그 플로팅 광고, 배너 다는법 (tistory floating)
2011. 5. 29. 22:37ㆍ카테고리 없음
@ 티스토리 블로그 플로팅 (Tistory floating) 광고 다는 법
1. HTML/CSS 편집의 HTML 란에
<div id="floatdiv">
<ul>
원하는 광고 코드
1. HTML/CSS 편집의 HTML 란에
<div id="floatdiv">
<ul>
원하는 광고 코드
</ul>
</div>
2. CSS 란 하단에
#floatdiv {
티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법
position:fixed; _position:absolute; _z-index:-1;
width:170px;
overflow:hidden;
left:0px;
top:60px;
background-color: transparent;
margin:0;
padding:0;
</div>
2. CSS 란 하단에
#floatdiv {
티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법
position:fixed; _position:absolute; _z-index:-1;
width:170px;
overflow:hidden;
left:0px;
top:60px;
background-color: transparent;
margin:0;
padding:0;
}
#floatdiv ul { list-style: none; }
#floatdiv li { margin-bottom: 2px; text-align: center; }
#floatdiv a { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last { margin-bottom: 0px; }
티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법
#floatdiv li { margin-bottom: 2px; text-align: center; }
#floatdiv a { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last { margin-bottom: 0px; }
티스토리 블로그 플로팅 광고, 배너 다는법 티스토리 블로그 플로팅 광고, 배너 다는법