트위터 버튼을 확대하려면 어떻게해야합니까?

나는 개발자 사이트에서 코드가 있습니다트위터 버튼을 확대하려면 어떻게해야합니까?

<div id="custom-tweet-button"><a target="_blank" class="twitter-share-button" href="https://twitter.com/share" data-text="Hey! 20% off!" data-count="none">Tweet to Friends</a></div>

을하지만 그냥 내가 이미도 인라인을 배치하려고했던 CSS를 무시하는 것하지만 할 수 없습니다. 나는 그것을 찾았지만 가장 좋은 것은 eHow.com에 있었고 그들은 다른 유형의 버튼을 사용할 것을 제안했습니다. (나는 카운트없이 하나를 사용하고있다)

출처

2011-11-23 Tsundoku

CSS 스타일 시트가 포함되어 있습니까? – Curt

그래, 나는 또한 – Tsundoku

나는 이것을 너무 오래 전에 생각하지 않았지만 Google Plus로 생각했다. 내가 한 것은 더하기 사용 된 CSS를보고 나서 (동일한 규칙을 사용하여) 내 스타일 시트를 만들었지 만 !important 태그를 사용하여 원래 스타일 시트를 대체했습니다. 이것은 Google Plus (120x120px의 멋진 버튼이 있음)에서 성공적 이었으므로 트위터에 사용할 수 있다고 생각했습니다.

내가 할 필요가 무엇인지 일하고

, 내가 사용하고 있었는지 스타일 찾기 위해 크롬의 요소 검사를 사용했다.

출처

2011-11-23 16:58:36 topherg

을 시도했다. 그러나 이것은 트위터가 이미지를 사용한다고 생각한다. (나는 단지 눈치 챘다. 아직 100 % 확실하지는 않지만 여전히 코드를보고있다. – Tsundoku

글쎄, 이미지는 일반적으로 CSS에서 배경 또는 배경 이미지를 사용하여 설정됩니다. 당신은 그 (것)들을, 당신의 자신의 css에서 그 (것)들을 대체하기 위하여 맑게 할 수있다. 그래도 작동하지 않으면 jquery를 사용하여 트위터 영역 내의 이미지를 찾아서 편집 할 수 있습니다. 수락하면 깜박임이 발생하지만 작동해야합니다. – topherg

당신은 CSS as explained here 함께 자신의 트위터에 트윗 버튼을 구축 할 수 있습니다.

<style type="text/css" media="screen"> 
     #custom-tweet-button a { 
     display: block; 
     padding: 2px 5px 2px 20px; 
     background: url('http://a4.twimg.com/images/favicon.ico') 1px center no-repeat; 
     border: 1px solid #ccc; 
     } 
</style> 

<div id="custom-tweet-button"> 
     <a href="https://twitter.com/share?url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a> 
</div>

당신이 트윗 버튼의 동작을 사용자 정의 쿼리 문자열 매개 변수를 사용할뿐만 아니라 공유 상자의 팝업을 처리 할 수있는이 방법을 사용.

출처

2011-11-23 17:09:21

정확히 그걸하려고했는데, 여기에 배치 된 코드에서 실제로 CSS를 사용하지 않습니다. # custom-tweet-button div =/ – Tsundoku

iFrame 버전을 사용하고 있지 않은지 확인해야합니다 트위터 버튼 코드 중 앵커 만 사용하는 사용자 정의 버전. 예 : http://www.joeleckroth.com/so/8246042.html - 사용자 정의 버튼은 anchor url에 params가 추가 된 앵커를 사용합니다. –

트위터 버튼을 확대하려면 어떻게해야합니까?

답변

관련 문제