का समायोजन चौड़ाई प्लस 1 बटन

Question

मैं यह पता लगाने की कैसे गूगल प्लस 1 बटन की चौड़ाई को संशोधित करने की कोशिश कर रहा हूँ ...

प्रलेखन में यह आप एक चौड़ाई सेट कर सकते हैं कहते हैं।

वर्तमान में, जब मैं फ़ायरबग का उपयोग कर तत्व की जांच करता हूं ... यह कहता है कि चौड़ाई 90px पर सेट है, जिसे मैं 70px पर सेट करना चाहता हूं ... क्या यह संभव है?

<!-- Place this tag where you want the +1 button to render --> 
    <g:plusone size="medium"></g:plusone> 

    <!-- Place this render call where appropriate --> 
    <script type="text/javascript"> 
     (function() { 
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
     po.src = 'https://apis.google.com/js/plusone.js'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
     })(); 
    </script> 

Answer 1

आप code generator में ऊंचाई सेटिंग्स की एक जोड़ी से चुन सकते हैं, लेकिन आप एक मनमाना आकार मूल्य नहीं चुन सकते।

Answer 2

पता नहीं है कि iframe आईडी हमेशा एक ही है, लेकिन यदि आप सीएसएस + का उपयोग कर सकते हैं! तत्व शैली को ओवरराइड करने के लिए महत्वपूर्ण है। कुछ ऐसा:

/* this overrides 90px to 72px width to +1 button */ 
#___plusone_0{ width:72px !important; } 

उम्मीद है कि यह मदद करता है।

Answer 3

मैं उन बटनों से निराश था, जो सभी एक ही आकार के साथ नहीं थे इसलिए मैंने 32x32 +1 बटन काम करने के लिए सीएसएस + जावास्क्रिप्ट के माध्यम से प्रबंधित किया। आप यहाँ जानकारी प्राप्त कर सकते हैं: (जब तक कि कोई एक अभी तक अघोषित एक की कोई जानता है कि अभी तक के लिए कोई कॉलबैक)

http://bashireghbali.com/technology/google-plus-one-button-32x32/

ध्यान दें कि पृष्ठ पुनः लोड पर नहीं दिखाया जाएगा +1 राज्य

Answer 4

आईडी प्रतिसाद नहीं 'टी हमेशा एक ही यदि आप एक से अधिक बटन का उपयोग कर रहे हैं ताकि आप एकाधिक बटन को पकड़ने के लिए सीएसएस के इस बिट का उपयोग कर सकते हैं:

[id^=___plusone] { width:72px !important; } 

सभी तत्वों को एक आईडी कि ___plusone के साथ शुरू होता है पर लागू होता है कौन सा है, जो लगता है Google का नाम होना बटन

Answer 5

के लिए एस्पेस मैंने पाया कि यदि आप भौतिक बटन की चौड़ाई बदलने की कोशिश नहीं कर रहे हैं, लेकिन बस स्थिति को समायोजित करने के लिए चौड़ाई को छोटा करने की कोशिश कर रहे हैं।

सबसे अच्छा तरीका है स्थापित करने के लिए है:

#id_of_button { स्थिति: रिश्तेदार; बाएं: (जो भी सबसे अच्छा काम करता है) पीएक्स }

आशा है कि मदद करता है।

Answer 6

यहां का जवाब पुराना हो रहा है इसलिए मैं Google प्लस वन बटन की सामग्री को संरेखित करने की संभावना पर एक नोट छोड़ना चाहता था।

तो अगर मेरी तरह आप चौड़ाई को मजबूर करने की कोशिश कर रहे हैं तो इसे सही तरीके से संरेखित करने के लिए आकार दें और इसके बजाय align="right" का उपयोग करें!

<g:plusone align="right" size="medium"></g:plusone> 

अधिक यहाँ जानकारी: मेरे लिए https://developers.google.com/+/web/+1button/