2011-12-30 45 views
8

Tôi không thể tìm thấy bất cứ nơi nào (nếu có thể) làm thế nào để thay đổi kích thước nút toàn bộ như (không phải là khung nội tuyến hoặc container, nhưng nút chính nó bằng văn bản và tất cả mọi thứ) .Thay đổi kích thước/tỷ lệ facebook như nút (chiều cao và chiều rộng)

Google+ cung cấp một số phiên bản của nút +1 đó, nút nhỏ nhất là 15px.

Vì mục đích thiết kế, tôi cần phải thay đổi (tỷ lệ) kích thước của nút FB để khớp với bố cục của trang web (trong trường hợp cụ thể này ... tỷ lệ xuống còn 15px).

(theo FB điều khoản và điều kiện mở rộng quy mô được cho phép.)

+0

Bạn có thể thêm một liên kết mà quy mô được phép? Chỉ cần tự hỏi ... – rogerdpack

+0

Có thể trùng lặp của [facebook như nút kích thước lớn hơn] (http://stackoverflow.com/questions/3938201/facebook-like-button-larger-size) – rogerdpack

Trả lời

19

Mặc dù bạn có nói không phải là khung nội tuyến, nếu bạn làm quy mô các iframe với CSS3 nó sẽ làm tăng kích thước của các nút. Nó có lẽ sẽ là tốt nhất để cung cấp cho các iframe một ID hoặc lớp nhưng một cái gì đó như thế này sẽ làm việc nếu nó là iframe chỉ trên trang:

iframe 
{ 
transform: scale(1.5); 
-ms-transform: scale(1.5); 
-webkit-transform: scale(1.5); 
-o-transform: scale(1.5); 
-moz-transform: scale(1.5); 
transform-origin: top left; 
-ms-transform-origin: top left; 
-webkit-transform-origin: top left; 
-moz-transform-origin: top left; 
-webkit-transform-origin: top left; 
} 

Dưới đây là một ví dụ http://www.tinydesign.co.uk/like/

+1

Có vẻ như không thể nhấp vào điều này trên iPhone , nó không làm gì cả. –

+1

Không hoạt động trên iPhone có thể do http://ejohn.org/blog/clickjacking-iphone-attack/, không thể tìm thấy bất kỳ giải pháp nào khác nhưng –

+0

sẽ giống như 'padding: 2px' sửa lỗi này? là lý do nó không hoạt động trên iPhone mà một cái gì đó được thu nhỏ và làm tròn như về mặt lý thuyết bên ngoài giới hạn? –

Các vấn đề liên quan