अगर तुम यहाँ नए हो, तुम मेरी आरएसएस फ़ीड की सदस्यता ले सकते हैं. आने के लिए धन्यवाद!

जॉनसन बक्से उन चीजों में से एक रहे हैं कि हर किसी को संदर्भित करता है और मान लिया गया है कि हर कोई उनके बारे में सब जानते हैं और उन्हें कैसे करना है - लेकिन मेरा अनुभव वे नहीं है. 'साफ' पृष्ठ विकल्प के बाद पिछले हफ्ते जो सबसे ज्यादा लोगों को एक संभावित बिक्री के रूप में देखा / निचोड़ पृष्ठ इसे जॉनसन बक्से के बारे में एक बिट के साथ पालन तर्कसंगत लगता है.

जो कोई नहीं जानता के लिए हैं, वे उन्हें चारों ओर एक ठोस या टूट लाइन जोर दिया है कि कुछ पाठ, आमतौर पर उत्पाद, या बिक्री मूल्य का लाभ - तुम्हें कुछ करने के लिए ध्यान आकर्षित करना चाहते हैं के साथ बक्से रंग होते हैं. वे बढ़ती रूपांतरणों की एक सिद्ध पद्धति हैं. तो तुम उन्हें कैसे कर सकता हूँ?

तुम सब कोड के थोड़ा की जरूरत है अपने 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 टिप्पणी)

थीसिस स्वच्छ पेज विकल्प

flaminglacer द्वारा 18 फ़रवरी 2010 को
उपकरण

मैं सच में कर रहा हूँ, पागल, गहरा थीसिस के साथ प्यार में - यह सर्वश्रेष्ठ WordPress विषय, बंधन कोई नहीं है. यह हर एक पैसा भी मैं इसके लिए भुगतान के लायक है. मैं एक बहुत अधिक भुगतान करना होगा. यह शायद सबसे कीमती मैं एक निवेश है कभी अपने व्यापार के लिए बनाया है. सुख में से एक है कितना आसान बनाने के लिए उसे खुद को देखने के विपरीत है. मैंने एक ग्राहक के लिए एक सरल, स्वच्छ पृष्ठ की आवश्यकता है, पर कुछ भी नहीं है, तो हम इतना तो कर के रूप में हम WordPress बैकेंड द्वारा की कृपा और सभी एसईओ कार्यशीलता के साथ सकता है कि थीसिस लाता है और सब से ऊपर. हम सब एक ठीक सीमा के साथ एक सामग्री कंटेनर चाहता था.

सीएसएस मेरी बड़ी शक्तियों में से एक नहीं है, लेकिन मैंने फैसला किया मैं इस छोटी सी समस्या से निपटने और उपयोगी कुछ के साथ आया था. यह मेरे काम का परिणाम है, मुझे उम्मीद है कि आप पाते हैं यह के रूप में उपयोगी के रूप में मेरे पास है. के सदस्यों को मेरा धन्यवाद diythemes मंचों जिनके सामूहिक विवेक ने मेरी मदद की इस प्राप्त करने के लिए.

मैं कोड के प्रत्येक थोड़ा लेबल है तो आप देख सकते हैं कि यह क्या है, और अपने खुद के रूप में परिवर्तन करने के लिए आवश्यक है रंगों और इतना पर.

यह एक साफ, रिक्त पृष्ठ नहीं शीर्षक, नेविगेशन, sidebars या पाद लेख के साथ, उत्पादन होगा. H1, h2 और h3 को बड़ा एक विशिष्ट रंग और स्टाइल में किया गया है, और लिंक मंडराना पर एक पृष्ठभूमि रंग के साथ प्रकाश डाला जाएगा, लेकिन इन तत्वों को बाहर छोड़ा जा सकता है अगर तुम इतनी इच्छा. भी उतनी ही कंटेनर का आकार और सीमाओं को बदला जा सकता है. टिप्पणियां बंद 'भी हटा दिया गया है. यदि आप यह परिवर्तन काफी देखना क्या आप बाहर ले जाना चाहिए आसान होना चाहिए करना चाहता हूँ.

/*---[Styling For Clean Page]---*/

. cleanpage # हैडर (padding 0:; सीमा-bottom: 0em;)
. cleanpage # हैडर # लोगो (प्रदर्शन: कोई नहीं;)
. cleanpage # हैडर # टैगलाइन (प्रदर्शन: कोई नहीं;)
. cleanpage. मेनू (प्रदर्शन: कोई नहीं; सीमा: कोई नहीं;)
. cleanpage # सामग्री (मार्जिन: 0 ऑटो, फ्लोट: कोई नहीं;)
. cleanpage # sidebars (प्रदर्शन: कोई नहीं; सीमा: कोई नहीं;)
. cleanpage टैब # (प्रदर्शन: कोई नहीं;)
. cleanpage # content_box (पृष्ठभूमि: कोई नहीं;)
. cleanpage. comments_closed (प्रदर्शन: कोई नहीं;)
. cleanpage # पाद लेख (padding-bottom 0:; सीमा टॉप: 0em;)

/ *- [लिंक पर जाएँ के लिए रंगीन पृष्ठभूमि] -* /
. cleanpage एक (रंग: # आपके रंग में यहां;)
. एक cleanpage: hover (रंग:; पृष्ठभूमि: # आपके रंग में यहां;)

/ *- [समाप्ति रंगीन लिंक पर जाएँ के लिए पृष्ठभूमि] -* /

/ *- [H1 शीर्षक, h2, h3 स्वरूपण] -* /

cleanpage # h3 सामग्री. (font-size 18pt:; font-वजन: साहसिक; रंग: # आपके रंग में यहां)
cleanpage # सामग्री h2. (font-size 24pt:; font-वजन: साहसिक; रंग: # आपके रंग में यहां)
cleanpage # H1 सामग्री. (font-size 30pt:; text-align: केंद्र; font-वजन: साहसिक; रंग: # आपके रंग में यहां)

/ *- [अंत शीर्षक H1, h2 स्वरूपण] -* /

/ *- कंटेनर [] -* /

. cleanpage # कंटेनर (width: तुम्हारी चौड़ाई वाली HEREpx; मार्जिन टॉप: 1em; सीमा: 0.2em ठोस # में रंग आपके यहां;)

/ *- [समाप्ति कंटेनर] -* /

/ *- [समाप्ति स्टाइलिंग के लिए स्वच्छ पेज] -* /

इसे इस्तेमाल करने के लिए, बस रंग आदि के संदर्भ में करने custom_css फाइल में पेस्ट करें और अपनी साइट के महसूस सूट दिया कोड में समायोजन करें. जब पेज बनाने में ही बस 'cleanpage जोड़ें' पृष्ठ पर CSS श्रेणी के डिब्बे में.

Thesis Cleam page

तुम वास्तविक नमूना पृष्ठ यहाँ देख थीसिस स्वच्छ पेज कर सकते हैं

यह कोड के सबसे खूबसूरत नहीं हो - मैं नहीं whizz वहाँ बच्चा हूँ, लेकिन यह एक बार फिर यह दर्शाता है कैसे बहुमुखी शानदार थीसिस थीम है सकते हैं. यदि आप ऐसा नहीं करते हैं, अपने आप को और एक पक्ष यह है - यह पैसा सही खर्च है.

comments } (5 टिप्पणियाँ)

कौन के लिए आपकी वेबसाइट है?

17 जनवरी 2010

वहाँ redecorating मेरे जीवन में समय पर जाने का एक बहुत गया है - जहाँ कमरा है और ब्लॉग. लिविंग रूम नजदीक ब्लॉग से समाप्त हो गया है और नई चीज़ मुझे पूरा के लिए विराम लगा दिया.
मैं कल खर्च करने (के लिए सटीक हो बदलने) रहने वाले कमरे के लिए परदे, क्योंकि वे [...]

पूरा लेख पढ़ें →

स्वादिष्ट Dropbox

13 जनवरी 2010

एक दोस्त ने दूसरे दिन, मुझ से कहा, जब कुछ नए geekery "हम toolsmiths पर चर्चा कर रहे हैं", और वह बिल्कुल सही था. मैं नया चमकदार खिलौने और उपकरण प्यार करता हूँ. हम गूगल वेव * समय पर चर्चा कर रहे थे, लेकिन उपकरण आज मैं आपका ध्यान में लाना चाहता हूँ Dropbox है - किसी के लिए एक शानदार उपकरण [...]

पूरा लेख पढ़ें →

एक छोटी सी बात

8 जनवरी 2010

आज मैं एक दार्शनिक मूड का कुछ में हूँ. यह एक सप्ताह के नीचे गया है और मोटे तौर पर ठंड के मौसम में जो मैं घृणा के कारण है, लेकिन तीन बातें आज हुआ है जो मुझे घर कितना छोटी बातों बात लाया और मुझे कहा कि बोनस दिया प्रेरणा.
पहली बात यह है कि क्या हुआ था [...]

पूरा लेख पढ़ें →

मैं वापस आ रहा हूँ!

6 जनवरी 2010

मैं अपने ब्लॉग में कुछ भी लंबे समय के लिए तैनात नहीं किया है. कई कारण हैं, जिनमें से कोई भी मैं में जाने की है क्योंकि यह लंबे समय तक ले और तेजी से एक दर्दनाक स्वयं विलाप का औचित्य सिद्ध हो जाएगा जा रहा हूँ. यह बस ऐसे ही था .
हालांकि, कई बार बदल रहे हैं, मैं योजनाओं और इस ब्लॉग का हिस्सा है [...]

पूरा लेख पढ़ें →

वेस्ट मिडलैंड्स MeetUp

21 फ़रवरी 2009
वेस्ट मिडलैंड्स MeetUp के लिए थंबनेल छवि

मैं सिर्फ पश्चिम मिडलैंड्स MeetUp से Evesham, में थक गया, लेकिन खुशी के रूप में वे कहते वापस मिल गया है. यह एक महान और इसे आयोजित करने के प्रयास की कीमत अच्छी तरह से दोपहर थी.
हम अनुभव का एक व्यापक रूप से भिन्न सीमा के साथ एक को चुनें बैंड रहे थे, और विभिन्न कौशल सेट की सभी प्रकार की, लेकिन यह एक सामंजस्यपूर्ण पूरी लिए बनाया [...]

पूरा लेख पढ़ें →

वेस्ट मिडलैंड्स Meetup

10 फ़रवरी 2009

मैं थोड़ी देर के लिए यह करने की धमकी दे रहा और अंत में इसे हल मिल गया है! जो कोई MeetUps में से एक रहा है के लिए दुनिया भर में आयोजित की, तुम कैसे फायदेमंद हैं पता है - और मज़ा भी. मैं मैनचेस्टर MeetUp कि तीस दिवस चैलेंज शुरू की यादों को खुश किया है [...]

पूरा लेख पढ़ें →

टेबल्स टर्निंग

फ़रवरी 5, 2009

यह एक सर्वविदित तथ्य है कि मैं सेठ Godin, क्या तुम्हें शायद पता नहीं है के लिए प्रशंसा असीम है बात यह है कि मैं पिछले कुछ हफ्तों और महीनों बिताया है Numpties जो अंत में, निराशा और हताशा के खिलाफ प्रचार मेरे tirades में तेजी से तीखा होता जा रहा विभिन्न मीडिया - मैं औरत बन रहा हूँ, जो [...]

पूरा लेख पढ़ें →

फ़ीड 14 जनवरी 2009 से

14 जनवरी 2009

इस Firefox के लिए एक प्यारा सा सब वहाँ उन वेब बिल्डरों के लिए विस्तार है - ColorZilla रंग का विश्लेषण और आगे वेबसाइटों बहुत. अपनी उंगलियों पर यह है की कृपा पर के लिए उपकरणों की एक पूरी बेड़ा प्रदान करता है.
यह एक आश्चर्य की मुझे कुछ के रूप में आया - मुझे भी यह एहसास नहीं था [...]

पूरा लेख पढ़ें →