प्रतिमा सुधारताना आम्ही ते फोटोशॉपने करणे आणि नंतर वेब पृष्ठावर आरोहित करणे निवडू शकतो किंवा आम्ही बी पर्याय देखील निवडू शकतो. ते उपलब्ध असलेल्या एचटीएमएल, सीएसएस आणि जावास्क्रिप्ट तंत्रांसह करा.
उडी मारल्यानंतर, प्रतिमा सुधारित करण्यासाठी बर्‍याच तंत्रे आहेत, त्यापैकी बहुतेक सर्व मुख्य बेस म्हणून किंवा सीएसएस 3 सह जेक्यूरीने बनविलेल्या आहेत. नवीनतम वेब मानकांचा फायदा घेत, जरी मी तुम्हाला आठवण करून देतो की अशा परिस्थितीत आम्ही काही ब्राउझरची सुसंगतता गमावतो.
ते इंग्रजीत आहेत परंतु ते फ्लायवर पकडले आहेत, वचन दिले :)
स्त्रोत | 1 ला डब्ल्यूडी
CSS3 jQuery सह गोलाकार प्रतिमा
सर्व आधुनिक ब्राउझरमध्ये दर्शविल्या जाणार्‍या गोलाकार प्रतिमा प्राप्त करण्यासाठी प्रतिमेच्या घटकाभोवती स्पॅन टॅग लपेटण्यास शिका.
2.
सीएसएस 2.1 सह एकाधिक पार्श्वभूमी आणि किनारी
एका एचटीएमएल घटकासाठी 2.1 पार्श्वभूमी कॅनवेसेस, 3 निश्चित-आकारातील सादरीकरण प्रतिमा आणि एकाधिक जटिल सीमा प्रदान करण्यासाठी सीएसएस 2 छद्म-घटक कसे वापरावे ते शिका.
3.
द्रुत टीप: साध्या सीएसएससह एकाधिक सीमा
आपल्या डिझाइनमध्ये अधिक खोली जोडून अशा प्रकारे साध्या सीएसएससह एकाधिक सीमा कसे प्राप्त करता येतील हे दर्शविणारे द्रुत स्क्रीनकास्ट. मागील ट्यूटोरियलची अधिक सोपी आवृत्ती.
4.
CSS2 सह डायनॅमिक आकाराच्या घटकांवर एकाधिक सीमा
ची तिसरी आवृत्ती निकोलस गॅलाघर आपण घटकांचा आकार न घेतल्यास काय करावे हे दर्शवित आहे.
5.
मजा करा डब्ल्यू / बॉर्डर्स - बीव्हल केलेले, दाबा आणि बरेच काही!
सीएसएस सह प्रेस केलेले प्रभाव कसे मिळवायचे आणि विविध प्रभाव मिळविण्यासाठी काही सोप्या सीमा शैली युक्त्या जाणून घ्या.
6.
सीएसएस 3 सह पोलॉरॉइड्स
पोलॉरॉइड चित्रांच्या पूर्ण विकसित झालेल्या सेटमध्ये अन्यथा निनावी प्रतिमा बदलण्यासाठी काही छान सीएसएस 2 आणि सीएसएस 3 कसे वापरायचे ते शिका.
7.
परिपूर्ण पूर्ण पृष्ठ पार्श्वभूमी प्रतिमा
सीएसएससह पार्श्वभूमी प्रतिमा कशी जोडावी हे जाणून घ्या जे प्रतिमेसह संपूर्ण पृष्ठ भरते, पांढरी जागा नाही, आवश्यकतेनुसार प्रतिमा आकर्षित करते, स्क्रोलबार आणि बरेच काही कारणीभूत नसते.
8.
CSS3 बॉक्स सावली आणि प्रतिमा होव्हर प्रभाव
फक्त एक शैली पत्रक संपादित करुन ड्रॉप छाया प्रभाव जोडण्याचा एक नवीन मार्ग एक्सप्लोर करा.
9.
फॅन्सी लघुप्रतिमा होव्हर प्रभाव डब्ल्यू / जेक्यूरी
CSS आणि jQuery सह व्यवस्थित फ्लॅश-शैली प्रभाव प्राप्त करा.
10.
साधे सीएसएस प्रतिमा रोलओव्हर प्रभाव कसा तयार करायचा
या ट्यूटोरियलमध्ये आपण बेसिक एचटीएमएल आणि सीएसएस स्टाईलसह साधे सीएसएस इमेज रोलओव्हर इफेक्ट कसे तयार करावे ते शिकणार आहात.
11.
फ्लोटोरियल
फ्लोटोरियल आपल्याला प्रतिमा, ड्रॉप कॅप्स, पुढील आणि मागील बटणे, प्रतिमा गॅलरी, इनलाइन याद्या आणि मल्टी-कॉलम लेआउट सारख्या फ्लोटिंग घटकांच्या मूलभूत गोष्टींबद्दल माहिती घेते. प्रतिमा फ्लोटिंगला समर्पित 4 ट्यूटोरियल पहा.
12.
सीएसएस वापरुन स्नॅझी होव्हर इफेक्ट
या ट्यूटोरियल मध्ये आपण CSS2.1 गुणधर्म वापरून लवचिक प्रगत हॉवर तंत्र तयार करू शकता.
13.
विना वेगवान रोलओव्हर्स
प्रीलोड
सीएसएस प्रतिमा रोलओव्हर्स वापरताना, दोन, तीन किंवा अधिक प्रतिमा लोड केल्या पाहिजेत (आणि बर्‍याचदा सर्वोत्कृष्ट परिणामांसाठी प्रीलोड केलेले असतात). सर्व राज्ये एका प्रतिमेमध्ये कशी लावायची ते जाणून घ्या गतिमान बदल जलद करतात आणि प्रीलोडची आवश्यकता नाही.
14.
jQuery गोल कोपरे
गोलाकार कोपरे आणि बरेच काही नमुन्यांसाठी बरेच jQuery प्रभाव.
15.
JQuery वापरुन सुलभ टूलटिप आणि प्रतिमा पूर्वावलोकन
JQuery रोलओव्हर पूर्वावलोकन स्क्रिप्ट वापरण्याची 3 उदाहरणे पहा. ही सोपी स्क्रिप्ट विविध कारणांसाठी वापरली जाऊ शकते.
16.
सुपरसिझ्ड - पूर्ण स्क्रीन पार्श्वभूमी /
स्लाइडशो
jQuery प्लगइन
सुपरजाइडेड एक jQuery प्लगइन आहे जे प्रतिमा परिमाण गुणोत्तर आणि सायकल्स प्रतिमा / पार्श्वभूमी संक्रमणे आणि प्रीलोडिंगसह स्लाइडशोद्वारे सांभाळताना ब्राउझर भरण्यासाठी प्रतिमांचे आकार बदलते.
17.
पीएनजी आच्छादन
आपण कधीही क्लायंटने दिलेल्या छायाचित्रांसह एखादी साइट तयार करण्याच्या समस्येस अडचणीत आला आहात, नंतर त्यांनी त्यांचे छायाचित्रण मूळ स्वरुपाचे अद्यतनित केल्यानंतरच शोधले असेल आणि भावना कायम राहिली नाही? या सोल्यूशनमध्ये पारदर्शक पीएनजी आच्छादन तयार करणे समाविष्ट आहे जे नियमित जेपीईजी किंवा जीआयएफच्या आसपास मुखवटा / फ्रेम म्हणून वापरले जाऊ शकते. अशाप्रकारे, एक विशिष्ट सीएमएस स्थापना कॉन्फिगर केली जाऊ शकते जेणेकरुन वापरकर्ते फिल्टर लागू करण्यासाठी कोणत्याही ग्राफिक्स प्रोग्रामचा वापर करण्याची चिंता न करता फोटो अपलोड करू शकतात.
18.
बेझूम
लाइटवेट
JQuery
झूम प्लगइन
यासाठी बेझूम हा एक सोपा आणि हलका पर्याय आहे जेक्यूझूम. हे फिकट आहे आणि ते वापरणे सोपे आहे.
19.
पार्श्वभूमी प्रतिमा अ‍ॅनिमेशनसाठी jQuery वापरणे
आपण शोधत असलेला प्रभाव तयार करण्यासाठी jQuery सह खेळा आणि पार्श्वभूमी प्रतिमेची स्थिती बदला. "मी सक्रिय राज्ये कशी हाताळू?" असे उत्तर देणारा एक नवीन लेख आहे. - JQuery अ‍ॅनिमेटेड पार्श्वभूमींसाठी सक्रिय राज्य हाताळणे.
20.
सीएसएससह आपल्या प्रतिमांचे मसाले करण्याचे 5 मार्ग
आपल्या ठराविक बोल्ड प्रतिमांमध्ये थोडासा चव जोडण्यासाठी येथे काही सोप्या युक्त्या आहेत. प्रत्येक चित्राला स्टाईल करण्यासाठी फोटोशॉप वापरणे कंटाळवाणे आणि दीर्घकाळ टिकवणे कठीण आहे. ही खालील सीएसएस तंत्रे आपल्याला त्या वेदना कमी करण्यास मदत करतील.
21.
कसे:
आकार बदलण्यायोग्य
पार्श्वभूमी प्रतिमा
CSS सह आकार बदलण्यायोग्य पार्श्वभूमी प्रतिमा कशी सेट करावी ते जाणून घ्या. आपल्याकडे निवडण्यासाठी 3 पर्याय आहेत.
22.
आपल्या प्रतिमा दुवे शैली
वापरकर्त्यांना आमच्या वेबसाइटच्या विशिष्ट विभागावर क्लिक करणे म्हणजे माऊस ओव्हर इफेक्शनद्वारे प्राप्त करणे चांगले आहे. त्या “क्लिक करण्यायोग्य” विभागात निश्चितपणे सामग्री प्रतिमा समाविष्ट आहेत. इमेज लिंक ही एक स्क्रिप्ट आहे जी आपल्याला आपल्या प्रतिमेच्या दुव्यावर अतिरिक्त स्टाईलिंग लागू करण्यास सक्षम करते.
23.
सीएसएस सह एकाधिक पार्श्वभूमी प्रतिमा
कधीकधी पार्श्वभूमीच्या प्रतिमा थेट पृष्ठात घालण्यापेक्षा वापरण्यापेक्षा अधिक अर्थ प्राप्त होतो. आणि प्रत्येक घटक - आपल्या मुख्य भागाप्रमाणे - केवळ एक पार्श्वभूमी प्रतिमा ठेवू शकतो, परंतु त्या बर्‍याच घटकांवर लागू केल्या जाऊ शकतात.
24.
सीएसएस सह प्रतिमा सीमा
सीएसएस वापरुन प्रतिमांना भरीव सीमा कशी जोडावी हे दर्शविणारे खरोखर सोपे ट्यूटोरियल.
25.
पार्श्वभूमी प्रतिमा न वापरता सीएसएस स्प्राइट्स
सीएसएस स्प्राइट्सबद्दल भरपूर ज्ञान न घेता होव्हर इफेक्ट कसा लागू करावा ते शिका.
