सीएसएस सह प्रतिमा नकाशा कसा तयार करावा

पर्याय

मला काहीतरी 'गीकी' पाहिजे होते म्हणून मी माझ्या 'पॉकेट' ग्राफिकवर निर्णय घेतला ज्याने माझ्या ब्लॉगसाठी सर्व सदस्यता पद्धती ठेवल्या आहेत.

वेब १.० च्या दिवसांमध्ये, यासारख्या दुव्यांचा संग्रह प्रत्येक ग्राफिकवरील दुव्यासह आपली प्रतिमा एकत्रित करून तयार केला जाऊ शकतो, त्यानंतर सर्व टेबल एकत्र एकत्र शिवण्याचा प्रयत्न करीत असे. हे एक वापर करून देखील साध्य केले जाऊ शकते प्रतिमा नकाशा परंतु त्यास सहसा समन्वय प्रणाली तयार करण्यासाठी साधन आवश्यक असते. कॅसकेडिंग स्टाईल शीट वापरणे हे एक टन अधिक सुलभ करते ... चकतीदायक प्रतिमा नाहीत आणि आपली समन्वय प्रणाली तयार करण्यासाठी एखादे साधन शोधण्याचा प्रयत्न करीत नाही!

  1. आपण वापरू इच्छित असलेली आपली प्रतिमा तयार करा. आपण खाली या ग्राफिकचा वापर करू शकता (उजवे-क्लिक करा आणि डाउनलोड करण्यासाठी जतन करा):
    पर्याय
  2. आपल्या सीएसएसशी संबंधित असलेल्या निर्देशिकेत आपली प्रतिमा अपलोड करा. वर्डप्रेसमध्ये, आपल्या थीम निर्देशिकेत प्रतिमा फोल्डरमध्ये ठेवून हे सर्वात सोपा केले जाऊ शकते.
  3. आपला एचटीएमएल जोडा. हे छान आणि सोपे आहे ... त्यामध्ये तीन दुवे असलेले एक डिव्ह:
    > div id = "सदस्यता घ्या">> एक आयडी = "आरएसएस" href = "[आपला फीड दुवा]" शीर्षक = "आरएसएस सह सदस्यता घ्या" >> स्पेन वर्ग = "लपवा"> आरएसएस </ span </ a>> a id = "ईमेल" href = "[आपला ईमेल सदस्यता दुवा]" शीर्षक = "ईमेलसह सदस्यता घ्या" >> स्पॅन वर्ग = "लपवा"> ईमेल> / स्पॅन </ a>> एक आयडी = "मोबाइल" href = "[आपला मोबाइल दुवा]" शीर्षक = "मोबाइल आवृत्ती पहा" >> स्पॅन वर्ग = "लपवा"> मोबाइल> / स्पॅन </ a> </ div>
    
  4. आपली कॅसकेडिंग शैली पत्रक संपादित करा. आपण 6 भिन्न शैली जोडत आहात. एकूण डिव्हसाठी 1 शैली, टॅगसाठी 1 अशी कोणतीही मजकूर सजावट दर्शविली जात नाही, मजकूर लपविण्यासाठी 1 शैली (प्रवेशयोग्यतेसाठी वापरली जाणारी) आणि प्रत्येक दुव्यासाठी 1 शैली तपशील:
    # सदस्यता {/ * पार्श्वभूमी प्रतिमा ब्लॉक * / प्रदर्शन: ब्लॉक; रुंदी: 215 पीएक्स; उंची: 60px; पार्श्वभूमी: url (प्रतिमा / विकल्प.png) नो-रिपीट; समास-टॉप: 0px; {# सदस्यता {मजकूर-सजावट: काहीही नाही; h .hide {दृश्यमानता: लपलेली; } # आरएस {/ * आरएसएस दुवा * / फ्लोट: डावे; स्थिती: परिपूर्ण; रुंदी: 50px; उंची: 50px; समास-डावा: 20px; मार्जिन-टॉप: 5 पीएक्स; } # ईमेल {/ * ईमेल दुवा * / फ्लोट: डावे; स्थिती: परिपूर्ण; रुंदी: 50px; उंची: 50px; समास-डावा: 70px; मार्जिन-टॉप: 5 पीएक्स; m # मोबाइल {/ * मोबाइल दुवा * / फ्लोट: डावे; स्थिती: परिपूर्ण; रुंदी: 50px; उंची: 50px; समास-डावा: 130px; मार्जिन-टॉप: 5 पीएक्स; }

पोझिशनिंग छान आणि सोपी आहे ... उंची आणि रुंदी जोडा आणि नंतर प्रतिमेच्या डाव्या बाजूस डावा मार्जिन सेट करा आणि प्रतिमेच्या वरच्या बाजूस वरचा मार्जिन सेट करा!

हे “कसे” पोस्ट प्रवेशासाठी आहे Geeks सेक्सी अंतिम "कसे करावे" स्पर्धा आहे! एक टीप, हे खरं आहे की प्रतिमेच्या नकाशामध्ये बरेच गुंतागुंत बहुभुज असू शकतात, परंतु जिथे असणे आवश्यक आहे अशा जागा मी पाहिल्या नाहीत. मला लक्षात आले की गाक्सवरील आरएसएसची मोठी प्रतिमा सेक्सी साइडबार आहे… दुव्यासाठी ती चांगली जागा आहे. 😉

च्या सल्ल्याने अधिक चांगल्या प्रवेशासाठी 10/3/2007 अद्यतनित केले फिल!

प्रायोजक: आपण वेब डिझाइनसाठी नवख्या असल्यास, नंतर आपली स्वत: ची वेब साइट एचटीएमएल आणि सीएसएस वापरुन योग्य मार्ग तयार करा, 2 रा आवृत्ती ही असणे आवश्यक आहे. या अनुसरण-सुलभ मार्गदर्शकामध्ये आपण वेबसाइट शक्य तितक्या चांगल्या मार्गाने कसे तयार करावे ते शिकू शकाल - स्वत: करूनच!

41 टिप्पणी

  1. 1

    डग, ही एक छान पद्धत वाटली, परंतु ती खूप प्रवेश करण्यायोग्य आहे.

    स्क्रीन रीडरसह अंध वापरकर्त्याचा, केवळ मजकूर ब्राउझरचा वापरकर्ता किंवा सीएसएस किंवा प्रतिमा नसलेल्या साइटला भेट देणारा कोणी सक्षम (जसे की, कदाचित मोबाइल वापरकर्ता आपल्या मोबाइल अनुकूल साइटचा दुवा शोधत आहे). त्यापैकी कोणासही त्या तीन दुव्यांविषयी माहिती नसेल कारण त्यांच्याकडे मजकूर नाही. जर प्रतिमा बंद असतील तर वापरकर्त्यास तेथे काय असते त्याचे वर्णन करण्यासाठी Alt मजकूर दिसणार नाही कारण ती एक पार्श्वभूमी प्रतिमा आहे.

    प्रतिमांचे तुकडे करणे, त्यांचा दुवा साधणे, त्यांना यादीमध्ये ठेवणे आणि एकमेकांच्या पुढे तरंगणे चांगले. किंवा दुव्यांसाठी मजकूर देखील वापरा आणि मानक प्रतिमा पुनर्स्थित तंत्र वापरुन मजकूर पुनर्स्थित करा. हे सोयीस्कर वाटत आहे, परंतु मानक ग्राफिकल ब्राउझर वापरत नसलेल्यांसाठी हे गोष्टी अधिक कठीण / अशक्य करते.

    • 2

      मी हळूवारपणे (आपल्याकडे अधिक कौशल्य असल्याने) असहमत आहे, फिल, प्रत्येक दुव्याचे शीर्षक आहे म्हणून प्रत्येक पूर्णपणे प्रवेश करण्यायोग्य आहे. मजकूर शीर्षक वाचणे म्हणजे JAWS सारख्या प्रवेशयोग्यता अनुप्रयोगांची क्षमता आहे. येथे एक दुवे शीर्षकांवरील चांगली पोस्ट आणि त्याचा प्रवेश करण्यावर परिणाम.

      • 3

        डग,

        JAWS दुवे शीर्षके डीफॉल्टनुसार वाचत नाही, परंतु आपण बरोबर आहात, ते करू शकतात. ते तेथे आहे हे माहित नसल्यास आपण दुव्याची शीर्षके का पहात आहात आणि आपण जरी असलात तरीही निश्चितपणे उपयोगिताच्या मुद्यावर हे पडते म्हणजे आपण कमी सक्षम वापरकर्त्यांना आपली साइट वापरण्याचा दुसरा दर अनुभव देत आहात.

        मजकूर ब्राउझरसाठी, आपण लिंक्सच्या दिशेने मला दर्शविलेला लेख आपल्याला दुव्या शीर्षकाची सूची देखील आणू देतो परंतु माझा मुद्दा असा आहे की जर आपल्याला माहित नसते तर तिथे एक दुवा होता, कारण तेथे प्रथम मजकूर नाही. , आपण शीर्षक मजकूर का पहाल?

        अखेरीस, दुवा शीर्षक विशेषता अद्याप सक्षम केलेल्या प्रतिमाशिवाय किंवा सीएसएस सक्षम केल्याशिवाय ब्राउझ करीत असलेल्या कोणालाही दिसणार नाहीत.

        तर होय, शीर्षकासह दुवे त्याशिवाय चांगले आहेत, परंतु या प्रकरणात ते फक्त किरकोळ आहे.

        म्हणूनच प्रतिमा वापरणे, जेणेकरून Alt मजकूर वाचता येईल किंवा प्रतिमा बदलणे, जेणेकरून मजकूर तिथे असेल तर तो अधिक सुरक्षित, अधिक प्रवेशयोग्य आणि वापरण्यायोग्य पर्याय आहे.

        • 4

          चांगली माहिती, फिल. मी मजकूरासह हे वर्धित करण्याचा प्रयत्न करीत आहे परंतु फक्त मजकूर लपवा - त्या मार्गाने JAWS सारख्या प्रवेशयोग्य उत्पादनाने दुवा मजकूर वाचला आणि सीएसएस किंवा प्रतिमा अक्षम केल्यास मजकूर प्रदर्शित होईल.

          मी सहमत नाही की दुवा असलेली प्रतिमा ठेवणे हा केवळ प्रवेशयोग्य उपाय आहे.

  2. 5
    • 6
      • 7

        हे असे काहीतरी आहे ज्याकडे आपण बर्‍याचदा लक्ष देत नाही, फिल! तसेच, आपला अनुप्रयोग प्रवेश करण्यायोग्य बनविण्यासाठी बर्‍याचदा चांगले शोध इंजिन देखील चांगले असतात.

        मी खरोखर कौशल्य आणि अभिप्राय प्रशंसा!

  3. 8

    मी ते चोरून नेले. तेथे, मी ते म्हणाले.

    डौग, ग्राफिक्स विलक्षण आहेत आणि कोडिंग आश्चर्यकारकपणे सोपी आहे जी मला घाबरवते (सीएसएसबरोबर खेळत आहे आणि आता मी शेवटी "ते मिळवा").

    माझ्या गरजा भागविण्यासाठी कोड ट्वीक केला, एचटीएमएल बिट कोठे टाकायचे हे शोधून काढले आणि अगदी स्पष्टपणे ते छान दिसत आहे आणि माझ्या साइडबारच्या वरच्या भागावर साफसफाई केली आहे जी मला वेड लावत आहे.

    मला कदाचित आपल्याला ती कॉफी अद्याप खरेदी करावी लागेल!

    • 9

      खूप छान! तिथे विल्यम खूप छान दिसतोय. जेव्हा कोणी माझ्या एका पोस्टचा उपयोग करते तेव्हा ही अंतिम प्रशंसा आहे. धन्यवाद!

  4. 10

    डग,

    मी एक उदाहरण म्हणून माझा अनुभव वापरुन एक मतभेद करणारा आवाज बनणार आहे. जेव्हा माझे घर ईमेल बदलले तेव्हा मला आमच्या ईमेल आठवतात आणि आपण नोंद घेतली की मला फक्त माझ्या नवीन ईमेलची निवड करावी लागेल. पुन्हा एकदा निवड करण्यासाठी आपल्या साइटवरील नवीन वैशिष्ट्य “शोधणे” माझ्याकडे आहे हे मला मान्य करावे लागेल. याचा एक भाग कारण मूळ दुवा थोडा अधिक पारंपारिक होता आणि मला तो अस्पष्टपणे आठवला. दुसरे कारण की बाजूच्या बाजूचा अर्धा लिफाफा माझ्याकडे सुरुवातीला फक्त एक लिफाफा दिसत नव्हता. सुमारे or किंवा अधिक मिनिटांनंतर मी प्रत्येक प्रतिमेवर माझे माउस फिरविणे सुरू केले आणि जेव्हा “ईमेलसह सदस्यता घ्या” शीर्षक दर्शविले गेले, तेव्हा मला माहित झाले की मी व्यवसायात आहे. माझ्या मेंदूत देखील लिंक चित्र काय आहे हे समजले.

    परंतु, किमान माझ्यासाठी, ईमेल अधिसूचनांची सदस्यता घेण्याचे ठिकाण म्हणून पदपथावरील लिफाफा माझ्यासाठी अंतर्ज्ञानी नव्हते. आणि (कारण मला नेहमीच काहीतरी चांगल्या गोष्टींनी संपवण्यास सांगण्यात आलं होतं) मी वरील फिल बरोबर सहमत आहे; पद्धत खरोखर सोपी आहे आणि संपूर्ण आयटम उत्कृष्ट कार्य करते. मी घेतो आपल्या डिझाइन टूलने आपल्याला 3 विभागांसाठी अचूक परिमाण देण्यात मदत केली; ती एक योग्य धारणा आहे का? मला असे समजावे लागेल कारण माझ्याकडे 400 पिक्सेल रूंद प्रतिमा असल्यास मला योग्य सेटिंग्ज इत्यादी माहित असणे आवश्यक आहे.

  5. 12
    • 13

      विल्यम,

      असे दिसते आहे की आपल्याकडे आपली टिप्पणी वर्ग नावे आणि साइडबार ग्राफिकमधील वर्ग नावे यांच्यात विवाद असू शकेल. मतभेद मिटविण्यासाठी आपण त्यांची नाव भिन्न ठेवू शकता. जर तुम्हाला हात हवा असेल तर मला सांगा!

      डग

  6. 14

    प्रत्येक गोष्ट एफएफ आणि आयई दोन्हीमध्ये कार्यरत असल्यासारखे दिसते आहे… मला वाटते की मी बर्‍यापैकी काम करीत नसलेले प्लगइन चिमटायचा प्रयत्न करीत असताना आपण कदाचित त्या साइटवर असता ... 😉

  7. 15
  8. 16
  9. 17
  10. 18

    छान दृष्टिकोन आहे, परंतु मला टोपोग्राफिक नकाशासाठी काहीतरी पाहिजे आहे, म्हणून मी आयताकृती क्षेत्रे वापरू शकत नाही… मला असे वाटते की मला संयोजनांसह जुन्या शैलीचा प्रतिमाचित्र वापरावा लागेल, परंतु मी थोडेसे आणखी खोल खोदू शकेल…

  11. 19

    या माहितीबद्दल धन्यवाद, डग. मी यापूर्वी येथे होतो आणि आपण हे कसे केले याबद्दल आश्चर्यचकित झाले. आम्हाला आमच्या पोस्ट नंतर घालायचा आहे असे एक नकाशा तयार करायचे होते आणि आता आपल्याकडे साधन आहे म्हणून आम्ही ते करू शकतो. ब्राव्हो!

  12. 20

    वर्डप्रेसमध्ये काम करताना आम्ही "एचटीएमएल" कोठे ठेवतो? माझ्याकडे सर्व सीएसएस आणि पीएचपी पृष्ठे आहेत.

  13. 21

    हाय डग,
    मी मागील टिप्पणी सोडली परंतु मला जाणवले की माझ्या कोंडीबद्दल मी क्वचितच अंतर्दृष्टी दिली आहे. आमचा ऑनलाईन साइटकॉम येथे सुरू करण्यात मदत करण्यासाठी आम्ही वर्डप्रेस थीम रुपांतर करीत आहोत:

    http://www.phaylen.com/blog/

    आता, आपण पहाल की आमच्याकडे शीर्षस्थानी नॅव्हिगेशन बॅनर आहे, आमच्याकडे आधी डझनभर वेळा नकाशा करण्याचा हेतू होता. / पामफोहेड. आमच्यापैकी खरोखरच सीएसएस अंडरस्टँडर्ड नाही, परंतु आम्ही पर्याप्तपणे अडखळतो आणि आतापर्यंत या टप्प्यापर्यंत चांगले केले आहे. प्रदान केलेल्या डझनभर पैकी केवळ एक मधील आपला लेख सीएसएसमध्ये सहजपणे प्रतिमेचा वापर कसा करायचा याबद्दल वास्तविक अंतर्दृष्टी आहे. मी आपल्या दिशानिर्देशानुसार स्टाईलशीट काढली, परंतु एचटीएमएल कुठे ठेवायचे याची कल्पना नाही. आपण म्हणालेले सर्व “आपले एचटीएमएल जोडा… ते छान आणि सोपे आहे” आणि मग मी विव्हळले कारण मी विचार केला .. “माझ्यासाठी इतके सोपे नाही!” थीम एडिटरमध्ये मी यापैकी कोणत्याही पीएचपी पृष्ठांमध्ये एचटीएमएल जोडू शकतो हे मला माहित नव्हते. मी शीर्षलेखात html ठेवतो? मुख्य निर्देशांक टेम्पलेट? कार्ये? मी असे मानतो की सर्व वर्डप्रेस वापरकर्त्यांना त्यांच्या थीमच्या डॅशबोर्ड संपादकात संपादन करण्याचा पर्याय आहे, जे कार्यक्षमतेत अगदी वैश्विक दिसते. आपण एचटीएमएल कोठे ठेवावे हे सुचवू शकल्यास, मला माझ्या नेव्हिगेशन बारसाठी ऑरू कोड अनुकूल करणे आवडेल.

    आपले ज्ञान समुदायासह सामायिक केल्याबद्दल धन्यवाद. मी तुला एक कॉफी मिळवून आनंदित आहे

    • 22

      हाय फाय!

      आपल्या ब्लॉगच्या थीमसाठी सर्व फायली संपादनासाठी अ‍ॅडमिन पॅनेलद्वारे उपलब्ध आहेत. आपण प्रेझेंटेशन आणि नंतर थीम एडिटरवर क्लिक केल्यास आपण आपल्या फायलींची सूची उजवीकडील आणि डावीकडील संपादक पाहण्यास सक्षम असावे.

      आपण आपल्या साइडबारमध्ये यावे अशी आपली इच्छा असल्यास आपल्याकडे कदाचित साइडबार पृष्ठ असेल. ते संपादित करण्यासाठी क्लिक करा आणि नंतर आपल्याला पाहिजे त्या पृष्ठामध्ये प्रदान केलेली एचटीएमएल ठेवा.

      एक टीपः स्टाईलशीट संपादन आपल्या पृष्ठाशी संबंधित आहे, म्हणूनच आपण थीमच्या प्रतिमा निर्देशिकेमध्ये आपल्या थीममधील इतर प्रतिमांप्रमाणे संदर्भित करत असल्यास चित्र अपलोड करणे आवश्यक आहे.

      आशा करते की मदत होते!

    • 23

      फे,
      मी आज या साइटवर आलो आणि तुमच्यासारखीच कोंडी केली. मला हेडर इमेज मध्ये इमेज मॅप देखील जोडायचा आहे. याबद्दल थोडा वेळ खेळल्यानंतर, मला ते ठीक झाले. Header.php फाईलमध्ये Div HTML ठेवा. मी ते आणि दरम्यान ठेवले. आपल्या टेम्पलेटमध्ये तंतोतंत कोडींग आहे की नाही याची खात्री नाही परंतु हेडर.एफपीपी फाइलमध्ये त्यासह प्ले करा आणि आपण त्याचा आकृती शोधू शकता.
      -
      ख्रिस्ती लोकांचा एक मोठा साधू

  14. 24

    वेगवान प्रतिसादाबद्दल धन्यवाद!

    नाही, ते ते साइडबारमध्ये असावे असे मला वाटत नव्हते, ते पृष्ठाच्या शीर्षस्थानी आहे (आपण प्रदान केलेल्या दुव्यामध्ये आपण पाहू शकता- गुलाबी नेव्हिगेशन बार जो शोच्या ect विषयी contant म्हणतो.)

    मी सकाळीच डॅशबोर्डवर काम करत आहे, दुर्दैवाने, वर सांगितल्याप्रमाणे मी एचटीएमएल कोणत्या फाईलमध्ये ठेवतो याची मला खात्री नाही, माझ्याकडे अनेक, हेडर.एफपीपी, मेन इंडेक्स. एफपीपी, फंक्शन.पीपीपी, फूटर.पीपी आहेत. एचटीएमएल कोड कुठे घालायचा याची मला खात्री नाही. (आपण प्रदान केलेला पहिला भाग, मी उर्वरित माझ्या स्टाईलशीटमध्ये आधीच घातला आहे) वेबसाइटवर माझी माझी प्रतिमा आहे, सर्व काही तयार आहे, मला परिस्थितीशी जुळवून घेण्यासाठी कोडचा एचटीएमएल भाग कुठे जोडायचा हे मला माहित असणे आवश्यक आहे.

    नवशिक्याकडून आपल्या वेळ आणि फील्डिंग प्रश्नांसाठी खूप धन्यवाद.

    फाय

  15. 25

    … किंवा कदाचित एखाद्याच्या टिप्पण्यांमध्ये एखादी फाइल आम्ही कोडचा एचटीएमएल भाग ठेवू शकतो याबद्दल टिप्पण्या पोस्ट करू शकेल. एका गृहस्थाने काही पोस्ट्सवर सांगितले की त्याने ते शोधून काढले. मी इतका भाग्यवान नाही.

    फाईलन

  16. 26
  17. 27

    वर्डप्रेसमध्ये क्लिक करण्यायोग्य प्रतिमा नकाशावर एम्बेड करण्याचा मार्ग शोधण्यात माझ्याकडे फार काळ नरक आहे कारण त्यात एचटीएमएल नकाशाचे टॅग आहेत. आपला मार्ग कार्य करेल परंतु अमेरिकेचा नकाशा या मार्गाने स्क्रू करण्याचा गुंतागुंतीचा मार्ग आहे. मी हरवलो आहे.

    मदत करा.

    हे दिसते की फ्लॅश हा एकमेव पर्याय आहे?

    • 28

      डेव्ह,

      आपण आपल्या टेम्पलेटमध्ये प्रतिमा घातल्यास, आपण ठीक असाल. आपण वास्तविक सामग्रीमध्ये प्रतिमेचा नकाशा लावत असल्यास आपण फिल्टर प्रकरणांमध्ये येऊ शकता. मी याभोवती काम करण्याचा मार्ग भयंकर आहे, परंतु काही वेळा मी आयफ्रेम वापरला आहे.

      डग

  18. 29

    हाय,

    असे दिसते आहे की प्रतिमा नकाशा आणि दुवे या दोन भिन्न गोष्टी आहेत, एचटीएमएलमधील प्रतिमेचा नकाशा कसा कार्य करतो यासारखे ते एकत्र कार्य करीत नाहीत

    जेव्हा मी प्रतिमा नकाशासाठी पार्श्वभूमी स्थिती (मध्यभागी डावीकडील) समाविष्ट करतो, तेव्हा दुव्यांचे स्थान पाठपुरावा करत नाही.

    या मार्गावर जाण्यासाठी कोणताही मार्ग आहे? मी खूप हौशी आहे. धन्यवाद.

  19. 31

    मी वापरण्याचा प्रयत्न करीत आहे त्यासारख्या मोठ्या आणि क्लिष्ट प्रतिमा नकाशासाठी समान दृष्टीकोन वापरला जाईल?

    आपण माझी साइट पाहिल्यास, डाव्या बाजूला असलेल्या दुव्यांवर क्लिक करा आणि आपण प्रतिमा नकाशा म्हणून (मजकूराच्या वर्णमाला अंतर्गत) वापरण्याचा प्रयत्न करीत असलेली प्रतिमा दिसेल.

    मूलभूतपणे, या यादीच्या प्रत्येक विभागात पत्राद्वारे जाण्यासाठी प्रतिमा वापरण्याचा प्रयत्न करीत आहे.

    स्पष्टपणे, मी जीआयएमपी सह नकाशा तयार करण्यास 20 मिनिटे घालविली आणि मग डब्ल्यूपी नकाशाचे टॅग काढून टाकते, म्हणूनच मला आपली साइट सापडली.

    जरी, फ्लॅश वापरून विचार करू शकता

    धन्यवाद.

  20. 33

    मी सध्या माझ्या स्वत: च्या सामग्रीसह टेम्पलेट लेआउट आणि संपादन वापरत आहे. मला एक प्रतिमा नकाशा जोडायचा आहे, परंतु ते सीएसएसमध्ये कुठे ठेवायचे याची मला खात्री नाही. मला ज्या चित्राचा नकाशा बनवायचा आहे तो शीर्षलेख भागातील आहे.

  21. 34

    नमस्कार, मी माझी वेबसाइट जूमलावर तयार केली आहे… माझ्या पृष्ठाचा लोगो घरासाठी एक दुवा बनविण्यासाठी मला ही पद्धत वापरायची आहे, मला सांगण्यात आले आहे की हे तुम्ही जूमलाने करू शकत नाही परंतु हा लेख मला आशा देतो! ईमेलद्वारे मदत करण्याचे खूप कौतुक केले जाईल .... धन्यवाद

  22. 35

    हाय डग - मी एक अगदी जटिल सीएसएस-आधारित प्रतिमा नकाशा तयार करीत आहे ज्यामध्ये दूरस्थ रोलओव्हर्स देखील आहेत (या प्रकरणात, जेव्हा आपण एखाद्या प्रतिमेच्या हॉटस्पॉटवर फिरता तेव्हा मजकूर पृष्ठावर इतरत्र कोठेही प्रदर्शित होतो). असं असलं तरी, त्याबद्दल संशोधन करत असताना मी येथे आपल्या उदाहरणा समोर आलो आणि मला वाटले की मी खालील इनपुट सामायिक करू:

    १. प्रवेशयोग्यतेसाठी, आपण दृश्यमानता वापरू नये: येथे मजकूर लपविण्यासाठी काहीही (किंवा प्रदर्शन: काहीही नाही) दृश्यमानतेसहित एक घटक म्हणून: लपविलेले स्क्रीन वाचकांद्वारे वाचले जाणार नाहीत (स्पष्टीकरणांचे अनुसरण करणारे) .

    त्याऐवजी, अधिक मजबूत प्रतिमा बदलण्याचे तंत्र वापरा. मी एकतर फॉर्क पद्धत किंवा गिल्डर / लेव्हिन सुचवितो - मूलभूत तंत्रे शोधण्यासाठी त्या Google वर फक्त अधिक चांगले दस्तऐवजीकरण केलेली नावे आहेत. मी जीएसएलला प्राधान्य देतो कारण ते सीएसएस सक्षम असलेल्यासह कार्य करते परंतु प्रतिमा बंद आहेत.

    २. मला तो तोडताना दिसत नाही (एफएफ 2 वापरुन), आपल्या स्थानाच्या अंमलबजावणीलाही अंतर्भूत जोखीम आहेत. त्याच्या जवळच्या स्थितीत असलेल्या पालकांच्या तुलनेत एक अगदी पोझिशनिंग घटक स्थित असतो. मूलभूतपणे, आपण # सदस्यतासाठी 'स्थितीः सापेक्ष' लागू करून स्पष्टपणे स्थिती संदर्भ सेट करू इच्छित आहात. मग मुलांमध्ये (स्थित दुवे) त्या पालकांमध्ये ठेवता येतात. ही पद्धत ब्राउझरमध्ये अधिक विश्वासार्ह परिणाम निश्चित करण्यात मदत करते.

    तसेच, नंतर आपण ते स्थान हाताळण्यासाठी मार्जिनपेक्षा “टॉप: एक्स” आणि “डावे: x” (जेथे एक्स ऑफसेट मूल्य आहे, पीएक्स मध्ये सांगा) अशी स्थिती घोषणे वापरली पाहिजेत. पुन्हा, मी आपल्याकडे असलेल्या मार्गाने तोडलेला दिसत नाही, परंतु वर आणि डावे यासाठी आहेत तर त्यांचा वापर का करू नये? तसेच आपल्याला त्याच घटकांवर फ्लोट्स आणि मार्जिन सेट केले आहेत, जे विशिष्ट परिस्थितीत आयई 6 मधील "डबल मार्जिन" बगचे कारण बनवते (आपण तेथे याची चाचणी केली का?) - एक निश्चित केले असताना आपण टॉपचा वापर करून त्या समस्येस पूर्णपणे टाळता आणि या प्रकरणात स्थितीसाठी मार्जिनऐवजी डावे.

    Finally. अखेरीस, या दुव्यांसाठी अर्थहीन डिव्हच्या ऐवजी अर्थपूर्ण आवाज नसलेली यादी का वापरू नये?

    Droning केल्याबद्दल क्षमस्व ... मला फक्त सामायिक करणे आवडते, बी / सी मला इच्छित परिणाम प्राप्त करण्यासाठी सीएसएस वापरण्याचे विविध मार्ग कसे आहेत हे मला अनुभवावरून माहित आहे, परंतु काही मार्ग इतरांपेक्षा निश्चितच चांगले कार्य करतात (अधिक विश्वासार्ह, क्रॉस-ब्राउझर) . एचटीएच.

  23. 36
  24. 37

    धन्यवाद, डग! बर्‍याच ट्यूटोरियलचे पुनरावलोकन केल्यावर मी हे माझ्या पत्नीच्या कूपन ब्लॉगवर लागू करत आहे, http://www.SavingWithAmy.com/. मी आलेले हे अनुसरण आणि अंमलात आणण्यासाठी हे आतापर्यंतचे सर्वात सोपा आणि सरळ फॉरवर्ड ट्यूटोरियल आहे.

  25. 38

    खूप खूप धन्यवाद!! आपल्या सूचनांमुळे माझे तासांचे काम वाचले… मी वेब विकासासाठी नवीन आहे आणि माझा नुकताच माझ्या पहिल्या मोठ्या प्रकल्पातून मला त्रास सहन करावा लागला. मी ते तयार केले… क्लायंट खरोखर आनंदी आहे, खरंतर आनंदित आहे आणि मीच आहे!

  26. 39

    हॅलो, हे पोस्ट केल्याबद्दल आपले खूप आभार! अनेक वर्षांनंतर आणि अद्याप ही मदत करीत आहे ... छान! माझा प्रतिमा नकाशा योग्य ठिकाणी जोडण्यासाठी मी धडपडत आहे. माझ्याकडे बॅनर आहे आणि आपण पुरविलेला कोड वापरुन बॅनरच्या वरच्या उजव्या बाजूला असलेल्या सामाजिक चिन्हांची दुवा साधू इच्छित आहे. मी काहीतरी चुकीचे करीत आहे याशिवाय हे चांगले कार्य करते कारण माझे दुवे स्क्रीनच्या उजव्या बाजूस डाव्या बाजूस सामाजिक चिन्हांवर नसून लोगोवर दिसत आहेत. मला खात्री आहे की हे काहीतरी सोपे आहे, परंतु मी हे समजू शकत नाही. विचार केला की आपल्याकडे काही अंतर्दृष्टी असल्यास ते मी येथे सामायिक करेन. हे पोस्ट केल्याबद्दल पुन्हा धन्यवाद!

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.