[आसान लिंक] एक मामूली डिजाइन के लिए अनुकूलित करें: मोशिमो संबद्ध
आसान लिंक क्या है?
Moshimo Affiliate Easy Link रिंकर और कायरेवा जैसी कई शॉपिंग साइटों के लिए आसानी से लिंक बनाएगा।
आसान लिंक क्या है?
यह एक ऐसा कार्य है जो आपको आसानी से एक साधारण कार्ड-प्रकार संबद्ध लिंक (उत्तरदायी) बनाने की अनुमति देता है। Rakuten Ichiba या Amazon.co.jp का उत्पाद पृष्ठ URL दर्ज करें, या URL फ़ील्ड में एक खोज कीवर्ड दर्ज करें।
https://af.moshimo.com/af/shop/service/easy-link-card
यह बहुत सुविधाजनक है क्योंकि एक उत्पाद पृष्ठ का URL दर्ज करना ठीक है, लेकिन डिफ़ॉल्ट थोड़ा अतिरंजित है, और मैं बड़े डिज़ाइन में अच्छा नहीं था।
यह इस तरह लंबा लंबवत है
इस बार, हमने इसे सरल और मामूली डिजाइन के साथ अनुकूलित किया।
リ ン ク
बदला हुआ
- उत्पाद का नाम: फ़ॉन्ट का आकार छोटा करें।निडर।
- बटन का आकार: घटाया हुआ।मार्जिन भी घटा है।
- बॉटम बटन : चौड़ा मार्जिन हटा दें।
- बटन: नारंगी से क्रीम।आयाम जोड़ें।
- माउसओवर पर: जोड़ा गया गति जिससे बटन दबाया जाता है।
- छवि का आकार: कम।
कोड
अपीयरेंस कस्टमाइजेशन -> एडिशनल CSS में निम्नलिखित कोड जोड़ें।
/* मोशिमो सहबद्ध आसान लिंक अनुकूलन */ /* --- उत्पाद शीर्षक --- */ p.easyLink-info-name a {फ़ॉन्ट-आकार: 16पीएक्स !महत्वपूर्ण; फ़ॉन्ट-वज़न:बोल्ड; } /* --- बटन का आकार --- */ div.easyLink-box div.easyLink-info p.easyLink-info-btn a{ Padding:1px !important; } @मीडिया स्क्रीन और (न्यूनतम-चौड़ाई: 704px) { div.easyLink-box div.easyLink-info p.easyLink-info-btn a{ margin-bottom:10px !important; }} /* --- बटन के नीचे की जगह हटा दें --- */ div.easyLink-box{padding:10px; } div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child {मार्जिन-बॉटम: 0 !महत्वपूर्ण; } /* --- बटन का रंग --- */ a.easyLink-info - btn-amazon, a.easyLink-info-btn-rakuten, a.easyLink-info-btn-yahoo ), 333333 7px 1.2px आरजीबीए (808080, 0, 2, 0); } /* --- माउसओवर प्रभाव --- */ a:hover.easyLink-info- btn-amazon, a:hover.easyLink-info-btn -rakuten, a:hover.easyLink-info-btn-yahoo{translateY(255,255,255,0.2em)} /* --- छवि का आकार --- */ div. easyLink-box di v.easyLink-img, div.easyLink-box div.easyLink-img p.easyLink-img-box, div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht{ अधिकतम -चौड़ाई: 0px !महत्वपूर्ण;अधिकतम-ऊंचाई: 2px !महत्वपूर्ण;
आपके संदर्भ के लिए ब्लॉग
अपने सहबद्ध लिंक को अनुकूलित करें!बटन का रंग, पाठ आदि बदलें।