빛과사람그리고나

내가원하는 이미지를 플로팅으로 제우측에 지금 보시면 플로팅으로 이미지가 하나 있습니다. 이것은 특정부분을 광고한다거나 광고소스를 넣은게 아니고 제가 만든 이미지를 우측에 넣어서 원하는 사이트로 링크를 건것입니다. 블로그에 이런식으로 특정사이트를 연결하고 싶다면 아래와같이 해보시면 됩니다. ▲ 이것인데 플로팅으로 계속 따라다닙니다. ▲ 우선 넣고자 하는 이미지를 만들어야 하는데 이미지를 만드는것은 생략하겠습니다. 이미지는 GIF나 PNG JPG등 원하는 이미지파일로 만드시면 되시고 플래쉬 형식으로 만드신다면 GIF로 당연히 만드셔야 할것입니다. ▲ 이미지를 만드셨다면 HTML로 이동하셔서 추가로 만든 이미지를 선택하여서 업로드 해주시면됩니다. ▲ 업로드 하셨다면 업로드하신 파일에 마우스를 대시고 오른쪽클릭..

본문을 안곂치게 언젠가 플로팅 광고에대하여 포스팅을 한적이 있습니다. 그때 적었던 내용은 플로팅광고를 픽셀로 지정을 하여 해상도가 좋은 모니터에서는 블로그본문이나 사이드바에 곂치지 않으나 해상도가 떨어지는 모니터에서는 곂쳐서 보일수 있는 위험성이 있었습니다. 그래서 이번에는 어떠한 해상도의 모니터에서도 본문이나 사이드바에 같이 곂쳐보이지 않게 하는 플로팅광고 소스를 올립니다. * 주의 - 플로팅광고는 설치를할실때 항상 조심해야하며 본문을 가려서는 절대 안됩니다. 티스토리의 정책위반이며 애드센스 광고를 가리게 된다면 애드센스 위반입니다. 또한 광고 업체측으로 부터 플로팅 광고를 달아도 되는지 꼭 확인하시고 설치하시길 바랍니다. 허용이 된는곳도있고 x표를 달아야 되는곳도 있으며 플로팅자체가 안되는것도 있으니..

티스토리 떠다니는 배너 플로팅 광고를달아보자 광고들 아마다 다실겁니다. 이번에 포스팅하는거는 마우스스크롤에 따라 떠다니는 플로팅 광고 적용방법에 대해 포스팅해드리겠습니다. 아래 스샷에 보시면 적용한 화면입니다. 광고는 애드젯에서 퍼왔구요 위젯광고인데 원래 그거를 3개를 붙인겁니다. 3개가 하나처럼 마우스 스크롤에따라 움직입니다. 그럼 어떻게 적용하는지 알아보겠습니다. 우선 style.css 편집기로들어갑니다. 그후에 /* 떠다니는 메뉴 (Floating Menu) */ #floatdiv { position:fixed; _position:absolute; _z-index:-1; width:170px; overflow:hidden; right:11px;