반응형
블로그에 Top버튼 혹은 Up버튼 달아보자!
제 블로그 오른쪽하단에 스크롤바를 따라 움직이는 탑버튼이 보이실 겁니다.
누르시면 블로그 맨위 상단으로 다시 돌아가는 장치 인데요
깔끔하게 레터링으로 심플하게 하셔도 되지만 저처럼 캐릭터를 이용하셔도 좋습니다.
캐릭터 하나 업어와서 제가 포토샵으로 살짝 변경 해논 탑버튼입니다.
이용하실 분들은 이용하세요 ^^
그럼 이제 이 탑버튼을 달기 위한 HTML태그에 대해서 알아보겠습니다.
skin.txtskin.html 에서 위 태그를 <body>바로 밑에 붙여 주셔야 합니다.
위 태그를 style.css에 아무 곳에나 붙여 넣으시면 되며 여기서
/* return top link */
#return_top a
{
position: absolute;
position: fixed;
right: 15px;
bottom: 15px;
width: 100px;
height: 104px;
display: block;
background: url(이미지주소) no-repeat left top;
z-index: 9888;
}
#return_top a:hover
{
background: url(이미지주소) no-repeat right top;
text-decoration: none;
}
위 빨간 부분의 스타일 태그에서 설정하실 버튼의 크기를 정하시면 됩니다.
더 궁금하신 사항이 있으시다면 댓글로 남겨주세요^^
반응형
'이전 블로깅' 카테고리의 다른 글
| 볼링배우기, 훅볼[hook ball] 보다 자세히 알아보기. (2) | 2013.06.08 |
|---|---|
| 시원한 맥주한잔 생각나는 요즘! 맥주 알고 마시세요! (10) | 2013.06.08 |
| 집중력,체력에 좋은 볼링배우기 4(스트레이트볼,훅볼,커브볼) (1) | 2013.06.07 |
| 레시피,숯불닭갈비 아쉬운데로 집에서 해먹기! (1) | 2013.06.07 |
| 강북구맛집, 미아동 오장동함흥면옥! 여름하면 냉면이쥐! (11) | 2013.06.07 |
