फेसबुक लॉगिन बटन को अनुकूलित करना * जेएसएसडीके का उपयोग नहीं करना एफबीएमएल *

Question

मैं निम्नलिखित मार्कअप का उपयोग करके लॉगिन बटन बनाने के लिए फेसबुक जावास्क्रिप्ट एसडीके का उपयोग कर रहा हूं।

<div class="fb-login-button" data-show-faces="false" data-width="300px" 
    data-max-rows="1">Login with Facebook</div> 

यह ठीक काम करता है। हालांकि, मैं इसे बड़ा बनाकर इसे थोड़ा सा अनुकूलित करना चाहता हूं। मुझे पता है कि एक्सएफबीएमएल मार्कअप में विभिन्न मानों (size= उदाहरण के लिए) का उपयोग करना संभव था। मुझे सही एफबी सीएसएस कक्षाएं मिली हैं जिन्हें जेनरेट किए गए एचटीएमएल को देखकर लागू किया जाना चाहिए ताकि मैं इसे हमेशा कुछ JQuery जादू के साथ हैक कर सकूं।

मैं बस उचित data-* विशेषता निर्धारित करता हूं और एफबी-जेएसएसडीके अपने आप इसे करता हूं।

मैं पहले से ही data-size= की कोशिश की है जो पूरी तरह से काम नहीं करता

Answer 1

मैं सिर्फ data-size="large" की कोशिश की, और यह काम किया। शैली fb_button_large पर लागू किया गया था, और यह थोड़ा बड़ा था। हालांकि यह बहुत बड़ा नहीं था, मैंने शायद ही कभी देखा। साथ ही, यह दस्तावेज नहीं है इसलिए मुझे लगता है कि अंततः इसे कम किया जाएगा?

data-size="xlarge" हालांकि, काफी बड़ा था।

<div class="fb-login-button" data-show-faces="false" 
data-max-rows="1" data-size="xlarge">Login with Facebook</div> 

तो, मुझे यकीन नहीं है कि यह आपके लिए क्यों काम नहीं कर रहा है। इसके बजाय, मैं बस सीएसएस का उपयोग करता हूं यदि आप बटन को पूरी तरह से कस्टमाइज़ करना चाहते हैं।

नया बटन सिर्फ <div class="fb-login-button"><a class="fb_button"><span class="fb_button_text"> डोम निर्माण नेस्टेड किया गया है, और आप सीएसएस का उपयोग स्टाइल करने के लिए कर सकते हैं, हालांकि आप चाहते हैं।

यदि आपके पास फेसबुक शैलियों के साथ एक कैस्केडिंग प्राथमिकता समस्या है, तो फेसबुक शैली को ओवरराइड करने के लिए अपनी स्टाइल घोषणा के अंत में !important का उपयोग करें।

आप "एफ" छवि का आकार भी बदल सकते हैं, क्योंकि यह sprite with multiple sizes है। जब आप शैलियों को ओवरराइड करते हैं, तब तक background-position संपत्ति के साथ खेलते हैं जब तक आप सही नहीं पाते।

शुभकामनाएं!