अगर तुम यहाँ नए हो, तुम मेरी आरएसएस फ़ीड की सदस्यता ले सकते हैं. आने के लिए धन्यवाद!
जॉनसन बक्से उन चीजों में से एक रहे हैं कि हर किसी को संदर्भित करता है और मान लिया गया है कि हर कोई उनके बारे में सब जानते हैं और उन्हें कैसे करना है - लेकिन मेरा अनुभव वे नहीं है. 'साफ' पृष्ठ विकल्प के बाद पिछले हफ्ते जो सबसे ज्यादा लोगों को एक संभावित बिक्री के रूप में देखा / निचोड़ पृष्ठ इसे जॉनसन बक्से के बारे में एक बिट के साथ पालन तर्कसंगत लगता है.
जो कोई नहीं जानता के लिए हैं, वे उन्हें चारों ओर एक ठोस या टूट लाइन जोर दिया है कि कुछ पाठ, आमतौर पर उत्पाद, या बिक्री मूल्य का लाभ - तुम्हें कुछ करने के लिए ध्यान आकर्षित करना चाहते हैं के साथ बक्से रंग होते हैं. वे बढ़ती रूपांतरणों की एक सिद्ध पद्धति हैं. तो तुम उन्हें कैसे कर सकता हूँ?
तुम सब कोड के थोड़ा की जरूरत है अपने custom_css.php कि शैली और अपने बक्से के प्रकार को निर्दिष्ट में जाने के पहले, तो आप अपने पृष्ठ पर पाठ में कुछ डाल नेड कि फोन है कि बॉक्स के ऊपर.
एक सरल संस्करण यहाँ दिया - तुम इस पर व्यापक रूप में आप कृपया इस पर आप एक बुनियादी बॉक्स दे दे सकते हैं
/*--Johnson-Box--*/
div#johnson-box{
display: center;
background: #YOUR-COLOR-CHOICE-HERE;
border: YOUR-BORDER-WIDTH-HEREpx solid #YOUR-COLOR-CHOICE-HERE;
width: YOUR-WIDTH-HEREpx;
height:YOUR-HEIGHT-HEREpx;
text-align: center;
}
/*--End Johnson-Box*/
यह आपको केंद्रित पाठ और एक ठोस लाइन के साथ एक बॉक्स केन्द्रित यह दौर देंगे. ठोस लाइन को ज्यादा से ज्यादा और 4px अक्सर कम होना नहीं चाहता है. यदि आप एक टूटी हुई सीमा सिर्फ 'बदलना चाहते ठोस' के साथ 'टकराया. यदि आप अपने बॉक्स के लिए एक द्रव ऊंचाई चाहते हैं, बस बाहर ऊंचाई लाइन याद आती है.
अपने पृष्ठ में पाठ बॉक्स के स्थान पर प्रयोग के बाद (HTML संपादक का उपयोग कर, WP में नहीं दृश्य एक)
<div id="johnson-box">
YOUR TEXT AND IMAGES HERE
</div>
यह वही है जो मैं नीचे बॉक्स उत्पन्न हालांकि सीमा के लिए और अधिक सामान्य रंग # cc0000 प्रयोग किया जाता है
/*--Johnson-Box--*/
div#johnson-box{
display: block;
background: #f3edfc;
border: 4px dashed #cc99ff;
width: 600px;
height:60px;
text-align: center;
}
/*--End Johnson-Box*/
और यह वही है जो मैं अपने पृष्ठ में डाल दिया: --
<div id="johnson-box">
This is a Johnson Box
</div>
यदि आप अधिक जॉनसन बॉक्स में से एक शैली से तो बस एक अलग div नाम तक प्रत्येक सेट देना चाहता हूँ.
तुम भी एक इनलाइन शैली का उपयोग कर सकते हैं, लेकिन मैं सीएसएस संस्करण मिल आसान जब मैं स्थापना हूँ टेम्पलेट्स लेकिन पूर्णता के लिए यहाँ कोड है, जो आप HTML संपादक में प्रयोग होता है.
<div style="display: center; background: #YOUR-COLOR-CHOICE-HERE; border: 1px solid #YOUR-COLOR-CHOICE-HERE; width: YOUR-WIDTH-HEREpx; height:YOUR-HEIGHT-HEREpx; text-align: center;">
YOUR TEXT AND IMAGES HERE
</div>
यह आप में से कुछ के लिए एक बुनियादी बिट है, लेकिन मुझे आशा है कि यह किसी के लिए उपयोगी वहाँ बाहर है हो सकता है.
comment } (1 टिप्पणी)
