떠다니는 RSS구독버튼3 배경과 테두리, 그림자로 레이어 꾸미기 지난번 '블로그에 플로팅 배너(플로팅 레이어) 달기'포스트에서 예고드린바, 이번 포스트에서는 레이어를 꾸밀 수 있는 방법에 대해서 설명드리도록 하겠습니다. 레이어는 배경과 테두리, 그림자 등을 넣음으로써 꾸밀 수 있습니다. 이번 포스트에서 소개하는 방법들의 상당수는 CSS3을 이용한 것들로 IE8 이하의 하위 브라우저에서는 원하는 모양대로 출력되지 않을 수 있습니다. 이번 포스트는 플로팅 레이어를 꾸밀 수 있는 방법들을 설명하는 포스트입니다. 때문에 해당 속성들의 세부적인 내용이나, 속성의 값이 변함에 따라 어떻게 출력되는지 등의 자세한 내용은 다루지 않았습니다. 보다 자세한 내용은 추후에 다루도록 하겠습니다. 이번 포스트도 지난 포스트와 유사하게 다음의 순서로 구성됩니다. 1. 사전 지식 2. 레이어에.. 2013. 2. 12. 블로그에 플로팅 배너(플로팅 레이어) 달기 플로팅 배너(또는 플로팅 레이어)는 많은 블로그에서 쉽게 찾아볼 수 있습니다. 본 블로그에도 우측과 상단에 플로팅 레이어가 위치해 있습니다. 이 내용을 지난번 '떠다니는 다음 뷰 / RSS구독버튼 달기(플로팅 배너)'라는 포스트를 통해 다뤄드린바 있습니다. 그러나 설명이 장황한면이 없잖아 있고, 특정 스킨에서는 정상적으로 작동하지 않는 등의 문제점이 있던 바, 보다 일반화 하고 간단하게 다시 포스팅하고자 합니다. 두 번째 포스팅이기 때문에 자세한 설명을 추가하지는 않고 방법적인 측면에 중점을 두겠습니다. 보다 자세한 설명을 필요로 하실 경우 지난번 포스트를 확인해주시길 바랍니다. 이번 포스트는 다음의 순서대로 작성되어 있습니다. 1. 블로그 레이아웃(화면)이 좌측정렬일 때 2. 블로그 레이아웃(화면)이 .. 2013. 2. 11. 떠다니는 다음 뷰 / RSS구독버튼 달기(플로팅 배너) 다른 블로그를 둘러보면 좌측이나 우측에 뷰 온 버튼과 함께 RSS 구독 등 여러 버튼이 스크롤과 함께 떠있는 경우를 많이 살펴볼 수 있습니다. 개인적으로는 포스트를 읽어보지도 않은 방문객에게 뷰 버튼을 누르게끔 강요하고 글의 내용에 집중하지 못하게끔 한다고 생각해서 블로그에 다른것을 꺼려하고 있었습니다. 물론 그 밖의 다른 기술적인 이슈도 있긴 있었습니다. - 포스트 하단 정리를 하기 위해 작업하던 도중 다음 뷰온 버튼이 정상적으로 작동하지 않아 이것저것 확인하던 도중에 문제점이 있는것을 발견해서 플로팅 배너 역시 작업하려고 생각하지 않았습니다. 이 내용은 아래에서 다시 설명드리겠습니다. 하지만 크기를 작게 하고 본문에 연관없게끔 플로팅 배너를 달아 놓으면 방문객에 쉽게 구독할 수 있게끔 편의를 제공하면.. 2013. 1. 23. 이전 1 다음 반응형
