플로팅 레이어4 플로팅 상단 메뉴바 달기 사용 가능한 블로그의 범위가 그다지 넓은편은 아니지만 요청하시는 분이 몇몇 계셔서 공개합니다. 이번 글에서 다룰 플로팅 상단 메뉴바는 본 블로그의 상단에 있는 것과 똑같은 모양으로, 예전에 이와 관련해 올린 글들을 참고하시면 디자인을 원하시는 대로 수정할 수 있습니다. 다만 해당 내용들은 기존에 이미 다뤘던 내용들이기 때문에 이번 포스트에서 자세히 다루지는 않겠습니다. 1. Style.css 파일에 삽입할 내용 #float_menu { position: relative; margin: auto; padding: 0; width:980px; margin-top: -8px; } .underlinemenu{ font-size:10pt; width:980px; height:24px; font-weight: bo.. 2013. 3. 6. 플로팅 SNS 배너 달기 블로그의 좌측에 위치하는 플로팅 배너가 이제는 공유할 수준은 되었다고 판단되어 소스 공개합니다. 편의상 플로팅 SNS 배너라고 이름을 붙였습니다. 설치방법은 1. 아이콘 파일 업로드 2. 소스 수정 3. 소스 삽입 후 위치 조정 순입니다.예전에 플로팅 배너 소개하면서 다뤘던 내용의 상당수가 이곳에서 언급될 예정이오니 자세한 사항은 '블로그에 플로팅 배너(플로팅 레이어) 달기'포스트 참고해주기 바랍니다. 이 포스트에서 자세한 설명은 생략할 예정입니다. - 특정 스킨에서 정상적으로 작동하지 않을 수도 있으니 그럴 경우에는 댓글이나 방명록에 글 남겨주시길 바랍니다 - 1. 아이콘 파일 업로드 아이콘은 SNS는 페이스북과 트위터가, 블로그 구독용으로는 한RSS, 네이버 이웃커넥트, 다음 뷰, 그 외에 즐겨찾기 .. 2013. 3. 5. 배경과 테두리, 그림자로 레이어 꾸미기 지난번 '블로그에 플로팅 배너(플로팅 레이어) 달기'포스트에서 예고드린바, 이번 포스트에서는 레이어를 꾸밀 수 있는 방법에 대해서 설명드리도록 하겠습니다. 레이어는 배경과 테두리, 그림자 등을 넣음으로써 꾸밀 수 있습니다. 이번 포스트에서 소개하는 방법들의 상당수는 CSS3을 이용한 것들로 IE8 이하의 하위 브라우저에서는 원하는 모양대로 출력되지 않을 수 있습니다. 이번 포스트는 플로팅 레이어를 꾸밀 수 있는 방법들을 설명하는 포스트입니다. 때문에 해당 속성들의 세부적인 내용이나, 속성의 값이 변함에 따라 어떻게 출력되는지 등의 자세한 내용은 다루지 않았습니다. 보다 자세한 내용은 추후에 다루도록 하겠습니다. 이번 포스트도 지난 포스트와 유사하게 다음의 순서로 구성됩니다. 1. 사전 지식 2. 레이어에.. 2013. 2. 12. 블로그에 플로팅 배너(플로팅 레이어) 달기 플로팅 배너(또는 플로팅 레이어)는 많은 블로그에서 쉽게 찾아볼 수 있습니다. 본 블로그에도 우측과 상단에 플로팅 레이어가 위치해 있습니다. 이 내용을 지난번 '떠다니는 다음 뷰 / RSS구독버튼 달기(플로팅 배너)'라는 포스트를 통해 다뤄드린바 있습니다. 그러나 설명이 장황한면이 없잖아 있고, 특정 스킨에서는 정상적으로 작동하지 않는 등의 문제점이 있던 바, 보다 일반화 하고 간단하게 다시 포스팅하고자 합니다. 두 번째 포스팅이기 때문에 자세한 설명을 추가하지는 않고 방법적인 측면에 중점을 두겠습니다. 보다 자세한 설명을 필요로 하실 경우 지난번 포스트를 확인해주시길 바랍니다. 이번 포스트는 다음의 순서대로 작성되어 있습니다. 1. 블로그 레이아웃(화면)이 좌측정렬일 때 2. 블로그 레이아웃(화면)이 .. 2013. 2. 11. 이전 1 다음 반응형
