2010-12-21 3 views
0

나는 "트위터에 따라하기"버튼이있는 많은 웹 페이지의 측면에 약간의 "탭"또는 "북마크"를 보았습니다. 어떻게 그것을 CSS에서 성취합니까? (나는 절대 또는 고정 된 위치를 사용하고 생각한다.)내 웹 페이지 측면에서 어떤 CSS가 "나를 따르라"버튼을 만드나요?

편집 :

나는 하나 described in this web page 찾고 있어요. 내 페이지에서 일부 jQuery를 실행하는 데 사용하고 싶지만 전반적인 개념을 좋아합니다.

+0

이 페이지의 내용과 같습니다. http://www.techzoomin.com/plugin-tofix-scrolling-follow-me-twitter-badge-on-sidebar/ – Moshe

답변

3

HTML :

<a id="twitterbadge" href="http://twitter.com/youraccount">Twitter!</a> 

CSS :

#twitterbadge { 
position: [fixed|absolute]; /* if you don't want it to scroll, use fixed */ 
right: 0; 
top: 50%; 
width: [width of badge]; 
height: [height of badge]; 
display: block; 
background: transparent url([url of img]) no-repeat 0 0; 
text-indent: -9999px; 
} 
+0

그게 전부입니까? 고마워! – Moshe

+0

이어야합니다. 그에게 총을 줘, 그것이 꽤 작동하지 않으면 알려주세요. – Jason

+0

@ Jason - 할 것이지만 왜 그렇게 부정적입니까? ;-) – Moshe

0

그리고 당신은 스크롤 할 때 꽤 몇 군데를 끝낼 당신도, 당신은 배지/버튼을 원하는 경우를 "따라"position: fixed;을 사용할 수 있습니다 .

+0

아 그래, 맞아. 나는 나의 대답을 업데이트 할 것이다. – Jason

+0

저는 이것을 실제로 "컨트롤 패널"로 사용하고 있습니다. 그렇습니다. – Moshe

관련 문제