Type Here to Get Search Results !

सलेक्ट 11

ठीक है, समझ गया। आप चाहते हैं कि टूल पूरी विंडो में फैले, कोई बाहरी बैकग्राउंड न हो, और कंट्रोल/कोड सेक्शन तथा प्रीव्यू सेक्शन के बीच का विभाजन कम स्पष्ट हो, जिससे यह एक एकीकृत एप्लिकेशन जैसा दिखे। मैंने निम्नलिखित बड़े बदलाव किए हैं: 1. **बॉडी बैकग्राउंड और पैडिंग हटाई:** `body` से `background-color` और `padding` हटा दिया गया है, और `margin: 0;` सुनिश्चित किया गया है। 2. **फुल विड्थ लेआउट:** `.customizer-wrapper` को अब विंडो की पूरी चौड़ाई और ऊंचाई लेने के लिए सेट किया गया है (`min-height: 100vh`, `display: flex`, `flex-grow: 1`)। ग्रिड गैप और पैडिंग हटा दिए गए हैं। 3. **सेक्शन कंटेनर स्टाइल रीसेट:** सभी `.section-container` (जैसे कंट्रोल पैनल, कोड बॉक्स रैपर, प्रीव्यू रैपर) से बाहरी बैकग्राउंड, बॉर्डर, और शैडो हटा दिए गए हैं। 4. **कॉलम बैकग्राउंड:** बाएं कॉलम (`.controls-and-code`) और दाएं कॉलम (`.preview-column`) को एक हल्का बैकग्राउंड (`#f8f9fa`) दिया गया है ताकि वे बॉडी से थोड़े अलग दिखें, लेकिन आपस में एकीकृत लगें। इनमें स्क्रॉलिंग और पैडिंग जोड़ी गई है। 5. **प्रीव्यू एरिया समायोजन:** `.widget-preview-container` से सफेद बैकग्राउंड और बॉर्डर हटा दिया गया है। इसकी ऊंचाई अब पैरेंट कॉलम के अनुसार स्ट्रेच होगी (`height: 100%`)। 6. **रंग समायोजन:** चूँकि बैकग्राउंड अब हल्का है, टेक्स्ट, बॉर्डर और नियंत्रणों के रंगों को गहरे रंगों (जैसे `--ui-text-dark`, `#333`, `rgba(0,0,0,...)`) का उपयोग करने के लिए समायोजित किया गया है ताकि कंट्रास्ट बना रहे। इसमें कंट्रोल आइटम्स, कोड टेक्स्टएरिया, स्लाइडर नेविगेशन आदि शामिल हैं। 7. **स्क्रॉलबार समायोजन:** स्क्रॉलबार के रंगों को हल्के बैकग्राउंड के लिए अनुकूलित किया गया है। **महत्वपूर्ण:** यह एक बड़ा विज़ुअल परिवर्तन है। कोड अब पहले से काफी अलग दिखेगा। यहां संशोधित कोड है: ```html Advanced Table of Contents (TOC) Generator & Customizer

TOC Customizer

Basic Configuration
Button & Icons
em

Font Awesome 6 Free (e.g., fa-solid fa-star)

TOC Box Style
px
px
px
px
TOC Title Style
px
List Style
px
px
Subheading Style
em
em
px
px
px
px
Highlight & Scroll
ms
px
Button Appearance
px
px
px
em
px
em
Basic Configuration
Generated CSS Code
Generated JavaScript Code

Live Preview

अध्याय 1: जंगल की पुकार

घने, रहस्यमयी जंगल के किनारे बसे एक छोटे से गाँव में आरव नाम का एक जिज्ञासु लड़का रहता था। जंगल उसे हमेशा से आकर्षित करता था, उसकी अनकही कहानियाँ, छिपे हुए रास्ते और रात में आने वाली अजीब आवाजें उसे बुलाती थीं। गाँव के बड़े-बुजुर्ग जंगल में जाने से मना करते थे, वे पुरानी किंवदंतियों और खोए हुए यात्रियों की कहानियाँ सुनाते थे। लेकिन आरव का मन नहीं मानता था।

अध्याय 2: पहला कदम और रहस्यमयी नक्शा

एक सुनहरी सुबह, आरव ने हिम्मत जुटाई और जंगल की ओर पहला कदम बढ़ा दिया। अंदर का दृश्य शांत और सुंदर था। ऊँचे पेड़ आसमान छू रहे थे और रंग-बिरंगे पक्षी चहचहा रहे थे।

उप-अध्याय 2.1: पुराना बरगद

चलते-चलते वह एक विशाल, पुराने बरगद के पेड़ के पास पहुँचा। पेड़ के नीचे एक छोटा सा पत्थर का चबूतरा बना था।

उप-अध्याय 2.2: छिपा हुआ सुराग

आरव ने चबूतरे पर बैठकर आराम किया। तभी उसकी नजर एक ढीले पत्थर पर पड़ी। पत्थर हटाने पर उसे चमड़े में लिपटा एक पुराना नक्शा मिला!

उप-अध्याय 2.3: नक्शे का रहस्य

नक्शे पर अजीब निशान बने थे और जंगल के बीचों-बीच एक खास जगह की ओर इशारा था। आरव का दिल रोमांच से भर गया।

अध्याय 3: सफ़र की चुनौतियाँ

नक्शे के सहारे आरव और गहरे जंगल में बढ़ता गया। रास्ता आसान नहीं था। घनी झाड़ियाँ और फिसलन भरे पत्थर थे।

उप-अध्याय 3.1: नदी का किनारा

उसे एक तेज बहती नदी पार करनी थी। उसने गिरे हुए पेड़ के तने का इस्तेमाल करके सावधानी से नदी पार की।

उप-अध्याय 3.2: भुलभुलैया गुफा

नदी पार करने के बाद नक्शा उसे एक अंधेरी गुफा के मुहाने पर ले आया। मशाल जलाकर उसने सही रास्ता चुना।

उप-अध्याय 3.3: रात का पड़ाव

दिन ढलने पर उसने गुफा से बाहर निकलकर आग जलाई और रात बिताई।

अध्याय 4: मंजिल और जंगल का रहस्य

कई घंटों की चढ़ाई के बाद, आरव पहाड़ी की चोटी पर पहुँच गया। वहाँ एक प्राचीन, पत्थर का मंदिर खड़ा था।

उप-अध्याय 4.1: मंदिर का द्वार

मंदिर का द्वार बंद था। नक्शे पर बने प्रतीकों से उसने ताला खोला।

उप-अध्याय 4.2: चमकता क्रिस्टल

मंदिर के अंदर, वेदी पर एक बड़ा, चमकता हुआ क्रिस्टल रखा था, जिससे नीली रोशनी निकल रही थी। यही जंगल का रहस्य था।

उप-अध्याय 4.3: वापसी का संकल्प

आरव ने क्रिस्टल को वहीं रहने दिया और जंगल के प्रति सम्मान और समझ के साथ गाँव वापस लौट आया।

``` अब टूल एक सिंगल-पेज एप्लिकेशन की तरह दिखना चाहिए, जिसमें बाईं ओर नियंत्रण/कोड और दाईं ओर लाइव प्रीव्यू हो, और उनके बीच कोई बाहरी पृष्ठभूमि या मजबूत बॉर्डर न हो।

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.