2010-12-21 1 views
0

Ich habe ein kleines "Tab" oder "Lesezeichen" auf der Seite vieler Webseiten mit einem "Follow me on twitter" Button darin gesehen. Wie erreiche ich das in CSS? (Ich vermute, ich bin mit absolut oder feste Positionierung.)Was CSS macht einen "Follow me" -Button auf der Seite meiner Webseite?

EDIT:

Ich bin an dem einen described in this web page suchen. Ich möchte es verwenden, um einige jQuery auf meiner Seite auszuführen, aber ich mag das Gesamtkonzept.

+0

Wie der auf dieser Seite: http://www.techzoomin.com/plugin-tofix-scrolling-follow-me-twitter-badge-on-sidebar/ – Moshe

Antwort

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

Das ist es? Cool, danke! – Moshe

+0

das sollte es sein. geben Sie es eine Chance und lassen Sie mich wissen, wenn es nicht ganz funktioniert. – Jason

+0

@Jason - wird tun, aber warum so negativ? ;-) – Moshe

0

Und Sie selbst position: fixed; verwenden können, wenn Sie das Abzeichen/Knopf "folgen" Sie wollen, wenn Sie blättern, wie es schon einige Plätze getan .

+0

ah ja, stimmt. Ich werde meine Antwort aktualisieren. – Jason

+0

Ich benutze dies tatsächlich als "Systemsteuerung von Arten", aber ja, macht Sinn. – Moshe

Verwandte Themen