इसे व्यक्त

एक और पुराने स्कूल स्मृति पूरक ...

हम क्यों windos.status सक्षम है?
Javascripts के लिए एक बुरा सपना हो सकता है जब आप डीबग करने के लिए कुछ है. Firefox के कुछ काम सुविधाओं है, Firebug है thats की तरह हमारे जीवन को आसान बनाता है और इसके अलावा, सबसे लोकप्रिय जावास्क्रिप्ट डिबग तकनीक के लिए वोट करने के लिए "चेतावनी ()" जाना चाहिए. Anywaz! वहाँ कुछ उदाहरण हैं जब जोड़ने चेतावनी डिबग अपने गलत बर्ताव जावास्क्रिप्ट सिर्फ isn'ta अच्छा विचार है. उदाहरण के लिए! आप dragble आइटम जिनकी स्थिति को सतर्क कर दिया की जरूरत है .... नहीं नहीं! न करो! ... तुम सिर्फ अनंत अलर्ट हो या आप वास्तव में अपने dragable ड्रॉप करने में सक्षम हो अभ्यस्त. अच्छी तरह से! अधिक अच्छा स्थितियों, जहां आप बाहर लेखन स्थिति पट्टी डिबग ग्रंथों हो सकता है कर रहे हैं और अधिक usful ... मेरा विश्वास करो! अपने अनुभव!

डिफ़ॉल्ट रूप से आईई छोड़ दिया है आप ब्राउज़र की स्थिति बार वाक्यविन्यास "window.status = 'कुछ' डिबग करने के लिए" का उपयोग करने के लिए लिखने के लिए, लेकिन नहीं फ़ायर्फ़ॉक्स. तो खिड़कियों की स्थिति बदलने के लिए सक्षम है, आप या तो निम्न में से कर सकते हैं.

के बारे में खोलें: ब्राउज़र में config (प्रकार "के बारे में: config" यह पता पट्टी में) और के लिए खोज
डोम disable_window_status_change. यह गलत करने के लिए बदलें ... सिर्फ अपनी स्थिति को टॉगल करने के लिए प्रविष्टि पर क्लिक करें.

या वैकल्पिक रूप से

"उपकरण → विकल्प सामग्री → → सक्षम जावास्क्रिप्ट / उन्नत → बदलें स्थिति पट्टी पाठ"

और यह भी ध्यान रखें कि ... अपने जावास्क्रिप्ट में स्थिति पट्टी में लिखने के लिए, आईई बस ठीक है अगर तुम एक छोटी वाक्यविन्यास यानी स्थिति का उपयोग = लेकिन फ़ायर्फ़ॉक्स में, आप के लिए पूरा वाक्यविन्यास यानी = 'window.status में उपयोग किया है कुछ पाठ डिबग डिबग करने के लिए कुछ '

न तो मैं बहुत उपयोगकर्ता इंटरफ़ेस (UI) के विकास के लिए नया हूँ और न ही मैं एक अनुभवी हूँ और जैसा कि मैं हमेशा यह डाल, मैं कि एक डिजाइनर की तुलना में अधिक यूआई डेवलपर की प्रोफ़ाइल में कोई पछतावा नहीं के साथ फिट. वैसे ओह! मैं के बारे में क्या लिख ​​रहा था? थोड़ी देर के लिए अब (कम कोई नहीं के वर्षों में होना चाहिए), हर अब और फिर जब मैं UI डिज़ाइन (जब पेशेवर डिजाइनर छुट्टी पर चला गया है) के एक बिट में मिलता है, मैं हमेशा खिचड़ी भाषा रोक यह सोच कर कि मेरे डिजाइन चाहिए ठीक complient है या नहीं हो सकता है (ईमानदारी से, मैं 100% मानकों का अनुपालन नहीं है कि प्राप्त है, यदि मैं भी चाहता था सकता है). तो मैं अपने आप को बता, क्या बकवास है! ... डिजाइन सरल, अच्छा है और मुख्य रूप से प्रयोग करने योग्य लग रहे हो, यह आगंतुकों भाग नहीं ... या उछाल चाहिए चाहिए (तकनीकी). क्या अच्छा है एक अच्छा tableless सीएसएस लेआउट ... आगंतुक, जो सभी स्मार्ट HyperText और कास्केडिंग स्टाइल शीट अपने वेबपेज के त्वचा के नीचे करने के लिए अनजान है Zilch होगा!
यह अच्छा लग रही है और उपयोग करने के लिए आसान होना चाहिए ... तो सभी मानकों का सामान आता है.

मैं भर की जेसन फ्राइड द्वारा इस ब्लॉग प्रविष्टि stumbbled है 37 सिग्नल जो 2004 में इसी तरह कुछ लिखा है और मुझे विश्वास लगभग 5 साल के लिए, (जो जो अवगत 37 संकेत onces जो Basecamp, कैम्प आदि जैसे कुछ भयानक वेब क्षुधा बनाया है नहीं कर रहे हैं के लिए) और उस के बाद से ज्यादा नहीं बदला है ... मैं अपने पद को पढ़ने के लिए खुश था, के रूप में मैं पूरी तरह से वह क्या कहना है और यह भी सच है, उसे अपनी बस अपने आंत लग रहा है के बारे में क्या कह रही है के बारे में यकीन नहीं है के साथ सहमत हैं और इसलिए मेरा है

जेसन फ्राइड: "वहाँ बहुत ज्यादा है सीएसएस और XHTML और मानक और पहुँच के बारे में बात करते हैं और लोगों के बारे में पर्याप्त बात नहीं. सीएसएस और मानकों के अनुरूप कोड औजार - आप को पता है कि इन उपकरणों के साथ निर्माण करने के लिए है. महान है, मुझे खुशी है कि अपने UI तालिकाओं का उपयोग नहीं करता हूँ. तो क्या हुआ? कौन परवाह करता है अगर यह अभी भी लोग अपने लक्ष्यों को प्राप्त नहीं करता है. वेब मानकों महान हैं, लेकिन लोगों को स्वयं के मानकों हो रही बातें किया है (और है कि अभी भी बहुत कठिन है ऑनलाइन कर) शामिल हैं.

इस समय अपने कोड बेहतर लग रहा है के अलावा. यूआई डिजाइनर वही पुरानी मौलिक गलतियों "दूसरी तरफ इंसान के बारे में भूल कर रहे हैं कोड validators नहीं - मनुष्य के उपयोग इंटरफेस.

चेकआउट जेसन फ्राइड पूर्ण लेख

DISCALIMER: इसका मतलब यह नहीं कि हम मानकों के बारे में सब परेशान नहीं करना चाहिए. मानक के लिए है और उन्हें छड़ी के रूप में संभव के रूप में ज्यादा अच्छे हैं. हम केवल कि अच्छा यूआई डिजाइन को समझने में हमेशा 100% मानक complience या उपाध्यक्ष प्रतिकूल मतलब यह नहीं है ....

मेरी सबक सीखा की मेरी सूची से, मैं कुछ UI डिजाइन और विकास स्वर्ण नियम ... चोटी के 10 यहाँ का पालन करें ... नहीं है कि आप उन्हें भी पालन ...

1. आपके उपयोगकर्ताओं का ध्यान रखना. उपयोगकर्ताओं को बनाने के लिए या आपकी साइट को तोड़ सकते हैं. Donot उपयोगकर्ता एक कुल idoit की तरह देखो, पूरी तरह से अपनी वेबसाइट का उपयोग करने में असमर्थ है. कि खराब है!

2. सादगी रखें और अपने प्राथमिक guidlines के उपयोग की आसानी. स्क्रीन पर भी कई चीजें हैं, अधिक संभावना है कि एक उपयोगकर्ता या भ्रमित हो जाएगा उनके मूल कार्य से विचलित.

3. सीमाओं में ... donot प्रयोज्य, पहुंच और मानकों में भी ज्यादा लिप्त है. मानकों का प्रभावी ढंग से प्रयोग करें और उन्हें टीम के लिए समझ बनाने. इस उत्पाद में सही स्थिरता सुनिश्चित करेगा

4. आवश्यकता प्रोटोटाइप. के बाद से, इन दिनों का प्रयोग इंटरफेस अमीर हैं, प्रोटोटाइप हमेशा सरल wireframes बनाने से बेहतर है और बाद सभ्य बातचीत की शून्य है, यह ग्राहक अंतिम उत्पाद है कि विकसित किया जा रहा है की एक स्पष्ट चित्र उपलब्ध विफल हो जाएगा. हमेशा की तरह, यह अंतिम डिलिवरेबल्स में प्रोटोटाइप को परिवर्तित करना आसान है. इसके अलावा! प्रोटोटाइप के साथ किसी भी बातचीत के मुद्दों बाहर इस्त्री किया जा सकता है विकास चक्र में पहले.

5. अपने डिजाइन और बातचीत में निरंतरता बहुत महत्वपूर्ण है. अप्रत्याशित बातचीत और gizmos के साथ अपने उपयोगकर्ता को भ्रमित donot.

6. अपने "डिजाइन देखें मिशन स्टेटमेंट" समझे. Aways पृष्ठ डिजाइन beign की प्राथमिक कार्रवाई पर ध्यान केंद्रित. इसके अलावा, आपके पृष्ठ पर seconday कार्यों की एक सूची बनाने, और उन्हें प्राथमिकता.

7. साइट उपयोगकर्ताओं के लिए उचित प्रतिक्रिया दें. AJAX के चारों ओर डिजाइन वेबसाइटों के अधिकांश के साथ, पृष्ठ में परिवर्तन के बारे में उपयोगकर्ता के लिए दृश्य cues प्रदान करते हैं. उपयोगकर्ता किसी भी काम वह करता है के पूरा होने के एक रसीद दी है. Donot उपयोगकर्ता प्रतीक्षा और लगता है, जैसे के लिए. फ़ाइल uplaods प्रगति संकेतक प्रदान करते हैं.

8 नियंत्रण उचित प्रयोग करें. उदाहरण के उपयोग के लिए छोटे सूची के लिए नीचे ड्रॉप सूची का चयन केवल, donot चलो उपयोगकर्ता 200 का चयन बक्से का उपयोग शहरों में से एक को चुनना है. एक बटन और एक लिंक के बीच अंतर को समझें. एक कड़ी और बटन के विभिन्न प्रयोजनों है, donot अन्य के लिए एक का उपयोग करें. सही नियंत्रण प्रदान करने के लिए एक पृष्ठ आसान के साथ बातचीत कर. मेनू का उपयोग करने से बचें, कि अधिक है कि दो स्तरों गहरी हैं. पहिया reinvent करने नहीं. मानक नियंत्रणों का उपयोग करें, उन्हें सिर्फ अगर बहुत जरूरी अनुकूलित. किसी भी कस्टम आपकी साइट के पहले हाथ के लिए आवश्यक नियंत्रण को परिभाषित करें, ताकि वे और बनाया जा सकता है स्वतंत्र रूप से परीक्षण, उपयोग भर में साइट के लिए तैयार है.

9 donot डिजाइन पर बहुत अधिक पुनरावृति. याद रखना! पूरे उत्पाद अधिक डिजाइन कि अकेले होते हैं. डिजाइन iterations के लिए अपनी परियोजना अनुसूची में उचित समयसीमा बनाएँ और इसे से चिपके रहते हैं. चलना हमें पता लगाने के लिए क्या काम करता है और क्या, बाहर नहीं मुसीबत स्पॉट लेने में मदद करता है. एक अच्छा इंटरफ़ेस के रूप में समय लगता है, विकास चक्र की शुरुआत में पुनरावृत्तियों के लिए समय प्रदान करते हैं, ताकि डिजाइन पुनरावृत्तियों सीधे rework करने के लिए समानता doesnot. बहुत rework के समय सीमा jeopradize सकता है.

10 वापस बैठो और एक उपयोगकर्ता की तरह कभी कभी लगता है.

जावास्क्रिप्ट प्रवंचना का एक और छोटा सा टुकड़ा है कि मैं आसपास खुदाई क्योंकि यह स्थिति commaned है heres. मेरी वेब साइटों में से एक में, मैं इस स्थिति थी, जहां मैं "windows.onload" दो बार लागू किया था. पहली बात यह है कि मेरी तरह एक अनुभवहीन मन (मैं ईमानदारी से कह सकता हूँ कि, के बाद से मैं जावास्क्रिप्ट चौखटे और पुस्तकालयों का उपयोग कर रहा है, मैं मेरे अपने दुख की बात है लेकिन सच सरल बातें कर forgotton है) करने के लिए आया था, निम्नलिखित विधि है ...

 window.onload onloadfn1 =;
 window.onload onloadfn2 =;
 window.onload onloadfn3 =;
 आदि ..

कहते हैं क्षमा करें, लेकिन, यह अभ्यस्त काम न जावास्क्रिप्ट ज्यादा का निष्पादन विज्ञान के बारे में बात करना चाहता हूँ ... लेकिन हाल ही में मेरे अनुभव के अनुसार, केवल आखरी समारोह (onloadfn3) बीमार वास्तव में निष्पादित हो जाएगी.

सामान्य स्थितियों में, मेरा विपरीत (जो मैं एक छोटे के बारे में बाद में बात करेंगे) ... आप निम्न में से कोई एक कार्य करें mutliple onload कार्यों को अंजाम सकता है ....

या कुछ इस तरह

 समारोह (doOnLoad) {
         (onloadfn1);
         (onloadfn2);
         onloadfn3 ();
 }
 window.onload doOnLoad =;

मेरे वर्तमान स्थिति के लिए, मैं या तो ऊपर का उपयोग नहीं कर सकते हैं ...
मैं दो बार windows.onload फोन, बल्कि एक एकल onload समारोह के भीतर दो कार्यों के लिए बुला कि क्या ज़रूरत थी? यहाँ मेरी समस्या के बयान पर त्वरित देखो ...

"मेरी साइट के पृष्ठों WordPress विषय की तरह संरचित कर रहे हैं .... यानी वहाँ एक आम Header.php और footer.php कि सभी साइट के पृष्ठों में शामिल हो जाता है. Footer.php में onload समारोह implementaion कुछ आम खोलने पर कार्य करना है. और वहाँ कुछ पृष्ठों है कि अपने स्वयं के onload की कुछ करने की जरूरत है, आम onload समारोह द्वारा किया उन लोगों से अलग हैं. अगर मैं कॉलबैक समारोह असाइन window.onload हैंडलर के लिए सीधे, यह footer.php में पहले से ही सौंपा callbacks अधिक सवारी करेंगे

.... मेरी समस्या समझ ?

अच्छी तरह से! वहाँ कुछ समाधान है कि मुझे पता चला रहे हैं. वे सब बहुत समान हैं और मुख्य रूप से एक साइमन Willison (द्वारा दिए गए समाधान के implementions http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

समाधान:

केवल साइट के लिए इस जावास्क्रिप्ट कोड जोड़ने के ...

 में समारोह addLoadEvent (समारोह) {
     var oldonload window.onload =;
     अगर (typeof window.onload = 'समारोह'!)
        window.onload = समारोह
     बाकी} {
        window.onload = समारोह () {
            एक अगर है (oldonload),
                   oldonload ()
           }
           (समारोह)
        }
    }
 }

और यह हमेशा की तरह "windows.onload" की बजाय फोन

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * अधिक कोड पृष्ठ लोड * पर चलाने
 }); 

इस कोड स्निपेट के लाभ ...
1. जाहिर है, यह आपको कई windows.onload घटनाओं, अपने कोड की अलग भागों से कहा पिछले परिभाषा overridding बिना,
2. यह वास्तव में विनीत है. यह अपने अन्य लिपियों के साथ एक फ़ाइल में या एक अलग फाइल में रखा जा सकता है.
3. यह काम करता है भले ही window.onload पहले से ही स्थापित किया गया है.

मैंने सोचा कि यह एक कामचोर गूगल में खोजने के रूप में कई आप हमें UI और पटकथा लेखकों के लिए एक दिन पर दिन के आधार करने के लिए करने की आवश्यकता होगी, हो जाएगा, कि PHP कोड का टुकड़ा (php) के टुकड़ा के एक बिट में शामिल समझदार खाका (TPL.). मुझे एहसास हुआ कि आसान लोकप्रिय / आपकी क्वेरी, और भी मुश्किल सटीक जवाब है ... एक लाख खोज परिणाम मिल लेकिन उनमें से ज्यादातर "फ़ाइल" निर्दिष्ट समझदार में भी है ... जो निम्न सिंटैक्स

{फ़ाइल = "शामिल / header.php शामिल}

यह वास्तव में फ़ाइल ठीक inlcuded लेकिन पाठ के रूप में, क्या मैं चाहता था शामिल फ़ाइल का परिणाम था (नोट: ऊपर प्रयोग किया जाता है एक टेम्पलेट फ़ाइल के अंदर टेम्पलेट शामिल). अंत में एक बिट persiverance के साथ .... मैं एक slighty संशोधित वाक्यविन्यास है, जो अपनी आवश्यकता का जवाब था भर में ठोकर खाई ... तो यहाँ यह है ... अगर आप havn't पहले से ही पाया

{फ़ाइल include_php = "header.php शामिल /"}

एक और त्वरित tut. यहाँ कुछ सरल और सीएसएस के बिजली का उपयोग कर अच्छा है ... लेकिन मुश्किल है (और यह निश्चित रूप से मुझे नहीं था) concieve करने के साथ शुरू किया गया था. Dropshadow जोड़ने के लिए, हम में से कई के लिए केक का एक टुकड़ा हो, कुछ फ़ोटोशॉप anf आदि पटाखे की तरह छवि संपादन उपकरण का उपयोग कर सकते हैं
कारण क्यों, मैं सीएसएस का उपयोग कर ड्रॉप छाया के लिए चुना है कि, आमतौर पर एक पृष्ठ एक आवेदन की डिजाइन / html बनाने, जबकि आवश्यकताओं से iterating रखना. मैं क्या मतलब है freinds सूची या एक छवि गैलरी प्रदर्शित करने वाले की तरह कई छवियों के साथ एक मौजूदा वेब साइट है,, यह उस के लिए छवियों है कि पहले से ही किया गया था छाया को जोड़ने या हटाने के उतार के पूरे लोड के पुनर्संसाधन के लिए मुश्किल हो जाएगा बात.
इसलिए यदि आप एक छोटे से आगे की सोच किया है, जबकि HTMLs बनाने के लिए इन अतिरिक्त डिवीजनों या जोड़ने के आम तौर पर स्थिति यह है कि आप एक लूप इन XSL, PHP में / माउस थंबनेल पैदा तर्क है. जावा या किसी भी अन्य भाषा / प्रोग्रामिंग पटकथा, आप इसे कभी भी जोड़ सकते हैं, तो सिर्फ दिखाने के लिए और इन सीएसएस प्रदर्शन संपत्ति कभी आवश्यकताओं को बदलने के ग्राहकों के प्रति के रूप में, छाया का उपयोग कर छिपा की बात है ... मैं आगे की सोच की इस तरह किया havn't इस से पहले ... लेकिन ahev अब शुरू कर दिया!

नीचे दिए गए उदाहरण में, मूल छवि छाया मुक्त है और dropshadows को लागू कर रहे हैं के रूप में आवश्यक! इसके अलावा, मैं एक छोटे से अतिरिक्त चले गए हैं के बारे में मेरे पहले Tut की चाल (Well! इन ट्यूटोरियल की शायद कम से कम विविधता है, तो यह केवल उन्हें "Tut" है फोन जायज़ है) का उपयोग करके, केवल दिखावा के लिए सीएसएस क्लिप संपत्ति का उपयोग

मूल छवि

सीएसएस DropShadow परिणाम

डेमो देखें | डाउनलोड sourcefiles

मैं इस बात को समझ क्यों चाहते हो?? ... Humm! है!

सीएसएस लेखकों में से ज्यादातर लोगों का मानना ​​होगा कि सीएसएस क्लिप संपत्ति शायद एक सबसे संयुक्त राष्ट्र के इस्तेमाल सीएसएस संपत्तियों की. यह तो मेरे लिए भी सच था और सबसे करने के लिए यह उपेक्षा करने के लिए खुश था, जब तक मैं संशोधित शुरू MooTools दो घुंडी (पिन) स्लाइडर घटक (रेंज संकेतक के साथ) .

घटक प्रयोक्ताओं की एक से एक अच्छा सुझाव के लिए स्लाइडर घटक काटा backgroud के छवियाँ (एक चर चौड़ाई विभाजन के खिलाफ) का उपयोग करने के लिए स्लाइडर रेंज का संकेत संशोधित था. इस प्रकार मेरे मज़ा लेकिन मुझे बिल्कुल के लिए संयुक्त राष्ट्र के सीएसएस क्लिप संपत्ति के चार्टर्ड पानी में प्रवेश के समय आया.

अच्छी तरह से! यह कितना मुश्किल हो सकता है? बिल्कुल नहीं ... हाँ और नहीं. सीएसएस क्लिप संपत्ति का उपयोग करने के लिए वाक्यविन्यास बहुत सीधा है, लेकिन अर्थ / usuage एक बिट croocked है. मेरी तरह एक स्मृति के साथ, हर मैं rework करने के लिए मेरी स्लाइडर स्क्रिप्ट पर बैठते हैं ... मैं tokeep इस क्लिप संपत्ति का उपयोग करने के लिए वापस जिक्र है, अपने आप को तर्क है कि मैं अपनी लिपि में बनाया है याद दिलाना .... इसलिए! यह कलम करने के लिए नीचे, सोचा था कि यह भविष्य (और भी जो लगते हैं की लाभ के लिए सीएसएस क्लिप संपत्ति के द्वारा boggled) याद करने की आशा के साथ

सीएसएस क्लिप का क्या करता है?

क्लिप 2.1 सीएसएस के दृश्य प्रभाव मॉड्यूल का हिस्सा है. सीधे शब्दों में कहें, अपने काम के लिए काटा जा रहा है कि किसी ऑब्जेक्ट के शीर्ष पर एक दृश्य विंडो जगह है, इसलिए छवियों कतरन और अतिरिक्त फ़ाइलें (मैं पहले से ही बेहतर उपयोग करने के लिए स्लाइडर घटक में इस सुविधा को बनाने के लिए बिना थंबनेल बनाने )

सीएसएस क्लिप संपत्ति का उपयोग करना है, तो आप एक रंगरूट आकार का उपयोग क्लिपिंग बना सकते हैं. कई अन्य सीएसएस गुण (मार्जिन, padding आदि की तरह), रंगरूट का उपयोग कर की तरह चार निर्देशांक शीर्ष, सही, नीचे, बाएँ (TRBL) की आवश्यकता है. इस संपत्ति croocked प्रकृति को दर्शाता है जब आप कैसे क्लिप कतरन क्षेत्र की गणना पर एक करीब देखो ले, इन चार निर्देशांक (थोड़ी देर के लिए टॉस में मस्तिष्क भेजता है) का उपयोग. अब आप भ्रमित नीचे ऊपर से शुरू होता है, और दाएँ से बाएँ से शुरू होती है. . आप देखते हैं कि मैं क्या कहा? .... इसलिए इस पोस्ट ...

इस छोटे से भ्रम की स्थिति आसानी से सीएसएस संपत्ति / क्लिप रंगरूट के इस दृश्य विवरण के साथ गायब हो सकते हैं, नीचे के रूप में!!!

सीएसएस क्लिप आवश्यकताएँ

हम काम शुरू कर दिया है squarer देख छवि में निम्न थंबनेल छवि क्लिप (और यह भी एक चौड़े कोण छवि)

मूल Thumbnal छवि /	Sqaure Thumbmail के लिए क्लिप आवश्यकताएँ

सीएसएस क्लिप परिणाम

डेमो देखें | डाउनलोड sourcefiles

यह सवाल मेरे मन में कुछ समय पहले पार कर गया, जब मैं साइटों पर पहले भी काम कर रहा था, जो WordPress के इस्तेमाल करने के लिए साइट / PHP में और चारों ओर से WordPress एक नौसिखिया portal.Being के कुछ हिस्से में या सामग्री के नए प्रकार के ब्लॉग दिखा, मैं रखा यह procastinating, सोच "यह मेरे केक का टुकड़ा नहीं है". अंत में! इस आवश्यकता को मेरी नाक तक आया था, जब समाधान के लिए एक बिट के आसपास diggin शुरू कर दिया.
मैं खोजने के लिए चकित हो गया था कि यह वास्तव में आसान था की तुलना में मैं वास्तव में सोचा था कि यह था, WordPress के संचालित अनुभाग के बाहर किसी अन्य पृष्ठ पर सुर्खियों की सूची या नवीनतम पोस्ट प्रदर्शित करने के लिए, बस PHP का एक छोटा सा और WordPress एपीआई का उपयोग कर .

यहाँ है क्या करना है: -
विवरण के कारणों के लिए, मान लें कि आपकी साइट http://www.inchembur.com/ है और आप इस साइट के लिए पर समाचार अनुभाग http://news.inchembur.com/ (जो WordPress के चल रहा है). अब आवश्यकता से नवीनतम पोस्ट दिखाने http://news.inchembur.com/ मुख्य साइट के मुख पृष्ठ पर, यानी http://www.inchembur.com/index.php

Step1: अपने index.php में कोड के निम्नलिखित टुकड़ा जोड़ने के लिए, WordPress एपीआई फ़ाइल शामिल है. आप इस पृष्ठ आप अपनी पोस्ट पर प्रदर्शित करने के लिए करना चाहते हैं के शीर्ष करने के लिए जोड़ सकते हैं.

<Php?
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme परिभाषित ('WP_USE_THEMES', झूठे); WordPress थीम / Disbable / उपयोग
की आवश्यकता होती है ('/ var / news.inchembur.com / wp-ब्लॉग-header.php'); / / से WordPress एपीआई शामिल करें
; // Get Latest Post query_posts (= 1 showposts '), / / नवीनतम पोस्ट
>?

शामिल हैं के ऊपर टुकड़ा में, हम केवल एक सबसे हाल ही में पोस्ट हो रही है. अगर तुम कोशिश करना चाहते अधिक विविधताओं में, खुदाई करने के लिए स्वतंत्र महसूस query_posts() दस्तावेज़ीकरण .

चरण 2: अब, / सूचकांक होम पेज जहाँ आप नवीनतम WordPress पोस्ट दिखाने चाहते का हिस्सा http://news.inchembur.com , निम्न कोड का उपयोग करें. कहने की जरूरत करने के लिए कहते हैं, अपने स्टाइल डिवीजनों, spans और अपने डिजाइन की जरूरत के प्रति के रूप में कक्षाओं का विज्ञापन करने के लिए स्वतंत्र महसूस हो रहा है.

3: कोई चरण 3 है ... Thats इसे ... आप कर रहे हैं!

कैसे एक विशिष्ट पोस्ट / पृष्ठ बताते हैं नवीनतम पोस्ट करने के लिए विरोध के रूप में: -
इस तर्क को बदलकर आसानी से हासिल कर सकते हैं query_posts() पृष्ठ ID या काउंटर पृष्ठ

) ; query_posts ('= page_id 7');
) ; query_posts ('pagename के बारे में =');

या पदों की संख्या को नियंत्रित कर सकते हैं:
) ; query_posts (3 = showposts);

कभी कभी pageweight कम रखने के लिए ... हम हमारे लिपियों टुकड़ों में विभाजित है ... ये जावास्क्रिप्ट टुकड़े के रूप में लोड किया जा सकता है और जब आवश्यक (एक घटना पर या एक लिंक या बटन आदि पर क्लिक करें).

लोड हो रहा है javascripts गतिशील सरल और सुंदर आगे के रूप में नीचे सीधे है ...

= “text/javascript” > <स्क्रिप्ट प्रकार = "पाठ / जावास्क्रिप्ट">
समारोह loadNewScript (स्रोत) {
var = document.createElement ('स्क्रिप्ट');
s.setAttribute ('प्रकार', 'पाठ / जावास्क्रिप्ट');
s.setAttribute ('"', स्रोत);
document.body.appendChild ();
}
</ Script>

आप निम्न कॉल लिंक शरीर में कहीं भी कर सकते हैं या आप स्वयं दस्तावेज़ के इस स्क्रिप्ट "onload" हो सकता है ...

= “javascript:loadNewScript('myDynamicScript.js');” >Load Dynamic Script</ a > <A href = "जावास्क्रिप्ट: loadNewScript के ('myDynamicScript.js);"> लोड गतिशील स्क्रिप्ट </ a>

या

प्रिंट onload="loadNewScript('myDynamicScript.js');">

यदि आप सीएसएस व्यक्ति हैं, आप अपने पार ब्राउज़र काम कर रहे लेआउट में दर्द पता होगा. IE8 अभी तक हमें डेवलपर्स के लिए काम करता है में एक और औजार है. Anywaz! अगर आप इस मुद्दे पर मारा, जैसे मैंने कल, जहां IE7 में पूरी तरह से काम सीएसएस (पहले और) और फ़ायरफ़ॉक्स अचानक IE8 में गुस्सा फेंकने शुरू कर दिया है, यह कोशिश ... यह अच्छी तरह से पल के लिए मेरी समस्याओं को ठीक करने के लिए लग रहा था ....

मेटा घोषणा का उपयोग करना, हम प्रतिपादन इंजन हम IE8 का उपयोग करना चाहते हैं निर्दिष्ट कर सकते हैं. तो IE8 IE7 के रूप में प्रस्तुत करने के लिए मजबूर करने के लिए ... आपके दस्तावेज़ के सिर में निम्नलिखित मेटा टैग सम्मिलित करें:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

डिफ़ॉल्ट रूप से आईई मेटा होगा: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
जो करना होगा IE8 पृष्ठ नए मानक मोड का उपयोग कर प्रस्तुत करना.

यदि आवश्यक हो, इस वाक्य रचना के लिए अन्य ब्राउज़रों के लिए नीचे के रूप में समायोजित किया जा सकता है:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

DOCTYPES के बारे में:

अगर आप अभी तक कर रहे हैं जानवर की तरह "Doctype" कहा जाता है के साथ अपरिचित ... यहाँ है कुछ त्वरित पढ़ने के
DOCTYPES क्या हैं? ब्राउज़र quirks और सख्त मोड क्या हैं?
XSL में DOCTYPE स्थापना

DOCTYPES के बारे में गहराई से समझने में अधिक के लिए, इन कड़ियों का दौरा करने की कोशिश ...
एक के अलावा सूची: आपकी साइट सही DOCTYPE के साथ फिक्स!
DOCTYPE परे: एक के अलावा सूची वेब मानक, फॉरवर्ड संगतता, और IE8

नोट: हालांकि हम में से कई HTML / सीएसएस के लोगों को हमारे दस्तावेज़ों में किया गया है टैग decleration के महत्व की उपेक्षा, सही DOCTYPE स्थापना, आमतौर पर सबसे पार ब्राउज़र मुद्दों का जवाब है.

एक सीएसएस रीसेट / सीएसएस तत्व शैलियों की एक संख्या निर्धारित करने के लिए एक विशिष्ट आधारभूत है कि विभिन्न ब्राउज़रों में स्थिरता बनाता है.

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

सीएसएस रीसेट करता है कि मैं सामान्य रूप से उपयोग करने के लिए करते हैं इस तरह दिखता है

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

राजभाषा उल {
सूची शैली: कोई नहीं;
}

H1, H2, H3, H4, H5, H6 {
फ़ॉन्ट का आकार: 100%;
फ़ॉन्ट वजन: सामान्य;
}

रीसेट ब्राउज़र फ़ॉन्ट आकार
इसके अलावा रीसेट है कि निम्न पंक्ति में ब्राउज़र फ़ॉन्ट आकार करने के लिए लागू किया गया है नोट ...

html {font-size: 76%;}

ऊपर सीएसएस ब्राउज़र फ़ॉन्ट आकार 10 पिक्सल के लिए रीसेट करता है, और इस रिश्तेदार फ़ॉन्ट आकार (जो एक वाई अनुपालन से हर prespective महत्वपूर्ण है) के साथ काम करने के लिए संभव बनाता है
उदाहरण के लिए, निम्न परिभाषा में, एक अवधि में फ़ॉन्ट आकार 10 पिक्सल और paragarph में 14 पिक्सल के लिए सेट कर दिया जाता है कि सेट कर दिया जाता है ...

span {font-size: 1em;}
p {font-size: 1.4em;}