티스토리 뷰
오랜만입니다~ 블로그 재정비를 좀 하다가 포스팅할만한 소스를 건져서 오늘 포스팅을 할까합니다. 바로 떠다니는 배너 포스팅인데요, 어제만해도 그런쪽에는 전혀 아는게 없었는데 밤에 열심히 검색에검색을 한결과... 엄청나게 간단한 소스를 구했습니다.
제 블로그에는 다른 메뉴에는 없고 LastBeatz 대메뉴 아래 '나는' 이라는 소메뉴를 제외한 모든 메뉴에 싸이월드와 네이트 로그인 배너를 만들었습니다.
일단 원문은
이 게시물이구요 여기에보면 휘양찬란한 저같은사람은 알아보지못하는 소스들이 나열이 되있습니다.
저것을 아주 간단하게 수정을 해서 누구나 쉽게 쓸수있게끔 적어보도록 할게요.
아주 간단합니다.
아래 소스를 .css 맨~ 아래에 넣어주세요.
구축이 끝났습니다. -_ -
제 티스토리블로그에 싸이월드블로그가 연동되어있는 메뉴에는 네이트와 싸이월드 로그인을 배너로 띄웠다고 했죠?
특정게시판에만 떠다니는 배너를 적용시키려면 게시글을 쓸때 아래 코드를 넣으시면되고, 블로그 어느페이지에서든 적용되게 할려면 .html 에 <body>태그 아래에 넣으시면 됩니다.
내용에 기타 태그나 버튼을 만들어서 <A> 태그를 만들어서 넣으시면 되겠죠? ㅋ
적절하게 사용하시기 바랍니다! :D
제 블로그에는 다른 메뉴에는 없고 LastBeatz 대메뉴 아래 '나는' 이라는 소메뉴를 제외한 모든 메뉴에 싸이월드와 네이트 로그인 배너를 만들었습니다.
일단 원문은
이 게시물이구요 여기에보면 휘양찬란한 저같은사람은 알아보지못하는 소스들이 나열이 되있습니다.
저것을 아주 간단하게 수정을 해서 누구나 쉽게 쓸수있게끔 적어보도록 할게요.
필요한 소스 |
아래 소스를 .css 맨~ 아래에 넣어주세요.
<!-- 떠다니는 -->
.beatz {}
.beatz {}
#lastbeatz {
position: fixed;
right: 10px;
bottom: 100px;
}
<!-- 떠다니는 끝 -->
position: fixed;
right: 10px;
bottom: 100px;
}
<!-- 떠다니는 끝 -->
구축이 끝났습니다. -_ -
적용하기 |
특정게시판에만 떠다니는 배너를 적용시키려면 게시글을 쓸때 아래 코드를 넣으시면되고, 블로그 어느페이지에서든 적용되게 할려면 .html 에 <body>태그 아래에 넣으시면 됩니다.
<div id="lastbeatz">
내용
</div>
내용
</div>
내용에 기타 태그나 버튼을 만들어서 <A> 태그를 만들어서 넣으시면 되겠죠? ㅋ
적절하게 사용하시기 바랍니다! :D
댓글