??1. 블로그 레이아웃(화면)이 좌측정렬일 때
사이드바 > 태그 입력기
원하는 내용
HTML/CSS편집 > Style.css
#float_layer{
position : fixed; absolute;
text-align: center;
left: 브라우저의 좌측에서 이격하고자 하는 거리px;
top: 브라우저의 상단에서 이격하고자 하는 거리px;
margin: 0px;
padding: 0px;
}
2. 블로그 레이아웃(화면)이 중앙정렬일 때
(1) 플로팅 레이어를 우측에 위치하려고 할 때
사이드바 > 태그 입력기
HTML/CSS편집 > Style.css
#cont{
position : fixed;
left: 50%;
height: 0px;
}
#float_layer{
top: 브라우저의 상단에서 이격하고자 하는 거리px;
margin-left: 블로그 레이아웃의 중앙으로부터 좌측으로 이격하고자 하는 거리px;
text-align: center;
}
(2) 플로팅 레이어를 좌측에 위치하려고 할 때
사이드바 > 태그 입력기
HTML/CSS편집 > Style.css
#cont{
position : fixed;
right: 50%;
height: 0px;
}
#float_layer{
top: 브라우저의 상단에서 이격하고자 하는 거리px;
margin-right: 블로그 레이아웃의 중앙으로부터 우측으로 이격하고자 하는 거리px;
text-align: center;
}
3. 플로팅 레이어 내부에 삽입하고자 하는 내용들의 예
다음 뷰온 손가락 버튼
다음 뷰온 작은 버튼
다음 뷰 구독 버튼
한 RSS 구독 버튼
네이버 이웃커넥트 버튼
4. 레이아웃이 중앙정렬이고 플로팅 레이어를 우측에 위치하고자 하는 경우의 예
사이드바
style.css -
#cont{
position : fixed;
left: 50%;
height: 0px;
}
#float_layer{
top: 50px;
margin-left: 500px;
text-align: center;
}
