मुख्य पार्श्वभूमी प्रतिमा सहजपणे झाल्या

html

आपणास बर्‍याच साइटवर एक चांगले वैशिष्ट्य दिसेल जेथे मध्यभागी असलेले क्षेत्र पृष्ठ पृष्ठाच्या मागे ड्रॉप सावलीसह आच्छादित होते. एकाच पार्श्वभूमी प्रतिमेसह आपला ब्लॉग छान (किंवा इतर वेबसाइट) छान दिसण्यासाठी ही खरोखर एक सोपी पद्धत आहे.

ते कसे केले जाते?

  1. आपली सामग्री किती रुंद आहे हे ठरवा. उदाहरण: 750px.
  2. आपल्या चित्र अनुप्रयोगात प्रतिमा तयार करा (मी इलस्ट्रेटर वापरतो) सामग्री क्षेत्रापेक्षा विस्तृत. उदाहरण: 800 पीएक्स.
  3. आपण ब्लॉगच्या प्रत्येक बाजूला आपली इच्छा असलेल्या पार्श्वभूमीवर प्रतिमेची पार्श्वभूमी सेट करा.
  4. पार्श्वभूमीवर एक पांढरा प्रदेश जोडा.
  5. त्या प्रदेशाच्या दोन्ही बाजूंनी बाहेर पडलेल्या पांढ region्या भागावर सावली लागू करा.
  6. क्रॉप क्षेत्राची रुंदी 1 पिक्सेल उंचीवर सेट करा. हे प्रतिमा त्वरीत प्रस्तुत करण्यासाठी छान आणि संक्षिप्त डाउनलोड करेल.
  7. प्रतिमा आउटपुट करा.

इलस्ट्रेटरचा वापर करून हे मी कसे बांधले ते येथे आहे (माझ्याकडे पीक घेण्याचे क्षेत्र जास्त उंच आहे हे लक्षात घ्या ... इतकेच की मी काय करतो ते आपण पाहू शकता):
इलस्ट्रेटरसह पार्श्वभूमी

पार्श्वभूमी प्रतिमेसह आउटपुट कसे दिसेल त्याचे येथे एक उदाहरण आहे:
पार्श्वभूमी प्रतिमेचे उदाहरण

आपल्यामध्ये आपल्या बॉडी स्टाईल टॅगचा वापर करुन प्रतिमा कशी लावायची ते येथे आहे CSS दाखल.

पार्श्वभूमी: # बी 2 बी 2 बी 2 यूआरएल ('प्रतिमा / बीजी.gif') पुन्हा-वाय केंद्र;

पार्श्वभूमी शैली टॅगचे विच्छेदन येथे आहे:

  • # बी 2 बी 2 बी 2 - पृष्ठाचा एकूण पार्श्वभूमी रंग सेट करते. या उदाहरणात, पार्श्वभूमी प्रतिमेवर राखाडी जुळणे राखाडी आहे.
  • url ('images / bg.gif') - आपण वापरू इच्छित पृष्ठभूमि प्रतिमा सेट करते.
  • रिपिट-वाई - y अक्षांवर पुनरावृत्ती करण्यासाठी प्रतिमा सेट करते. तर पार्श्वभूमी प्रतिमा पृष्ठाच्या वरपासून खालपर्यंत पुनरावृत्ती होईल.
  • मध्य - पृष्ठाच्या मध्यभागी प्रतिमा सेट करते.

छान आणि सुलभ… एक प्रतिमा, एक स्टाईल टॅग!

2 टिप्पणी

  1. 1
  2. 2

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

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