2011-12-30 15 views
8

मुझे कहीं भी नहीं मिल सका (यदि यह संभव है) पूरे बटन का आकार कैसे बदलें (यह iframe या कंटेनर नहीं है, लेकिन बटन स्वयं लेखन और सबकुछ के साथ) ।बटन (ऊंचाई और चौड़ाई) जैसे फेसबुक का आकार बदलें/स्केल करें

Google+ इसके +1 बटन के कई संस्करण प्रदान करता है, सबसे छोटा 15px है।

डिज़ाइन उद्देश्यों के लिए मुझे साइट के लेआउट से मेल खाने के लिए बटन जैसे एफबी के आकार को स्केल करने की आवश्यकता है (इस विशेष मामले में ... 15px तक स्केल करें)।

(अमेरिकन प्लान के नियम और शर्तों स्केलिंग के अनुसार अनुमति दी है।)

+0

आप एक लिंक जोड़ा जा सका है कि स्केलिंग की अनुमति है? बस सोच रहा है ... – rogerdpack

+0

[फेसबुक जैसे बड़े आकार के फेसबुक की संभावित डुप्लिकेट] (http://stackoverflow.com/questions/3938201/facebook-like- बटन- larger-size) – rogerdpack

उत्तर

19

यद्यपि आप नहीं कह आइफ्रेम, यदि आप CSS3 के साथ आइफ्रेम पैमाने पर यह बटन के आकार में वृद्धि होगी है। यह शायद आइफ्रेम एक आईडी या वर्ग लेकिन कुछ इस तरह देने के लिए सबसे अच्छा होगा काम करेगा होगा अगर यह पृष्ठ पर केवल आइफ्रेम था:

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; 
} 

यहाँ एक उदाहरण है http://www.tinydesign.co.uk/like/

+1

आईफोन पर इस पर क्लिक नहीं कर सकता , यह कुछ भी नहीं करता है। –

+1

आईफोन पर काम नहीं कर रहा है http://ejohn.org/blog/clickjacking-iphone-attack/ के कारण हो सकता है, अभी तक कोई काम नहीं मिला –

+0

कुछ 'पैडिंग: 2 पीएक्स' जैसे कुछ ठीक करेगा? यही कारण है कि यह आईफोन पर काम नहीं करता है कि सैद्धांतिक रूप से सीमाओं के बाहर होने के लिए कुछ बढ़ाया गया है और गोलाकार है? –

संबंधित मुद्दे