Teknîkî bi CSS re bicih bikin
Heke hûn malperê damezirandin, hûn dikarin ji xwe re fêr bibin ku fêrbûna çawa wêneyê paşerojek paqij an çêkirineke li ser malpera xwe. Ev tedbîrên dermanê gelemperî ye ku ji bo demekê gelek demjimêrî ye. Ew bandorek bandor e ku hûn di kûreyek paqijiya malpera we de heye.
Heke ku tu berî vê pêşî nekiriye an jî bêyî hewl anî, hewceyê ku ditirsin, lê ev yek ne dijwar e. Bi vê tutorialê, hûn ê hewcedariyên ku hûn hewce nebin ku teknîkî di rewşek deqeyan de bi karanîna karanîna pîşesaz bikin.
Getting Started
Wêneyên paşerojî an avênî (yên ku bi rastî wêneyên paşniyarî yên gelemperî vekirî ye) dîrokek paqijkirî ye. Dokumentên dirêj di wan de destnîşankirin hene ku ji bo pêşîlêgirtina wan qeyd kirin. Additionally, gelek firoş û broşûrên wêneyên mezin ên wekî pirtûka ji bo paqijkirina çapkirî. Dîzmera web-dirêj ji stylesên çapkirî û paşniyarên diravkirî de xwedî yek ji van şêwazên deyn kirin.
Ev wêneyên mezin ên hêsan hêsan in ku bi karanîna sê sê CSS-ê taybetmendiyên jêrîn bikar bînin:
- pirtûka wêneyê
- paşê-paşê
- paşnav-peywendîdar
- rengê paşîn
Background-Image
Hûn dê pirtirkêmtirîn-wêneyê bikar bînin ku ji bo wêneyê ku hûn wek avê ve tê bikaranîn. Ev şêweyek bi tenê peldanka pelan tê bikaranîn ku hûn wêneyê we li ser malpera xwe bigire, dibe ku di pirtûkxaneyê de "wêne."
background-image: url (/images/page-background.jpg);
Ew girîng e ku wêneyê xwe bi şiklê normal ya normal vetir an zelal e. Ev dê dê ku "wêneyek nîv-şiklê" wêneyê, nivîsê, krafîk û hêmanên sereke yên sereke yên malperê ye ku li binê "watermark" ava bike. Bêyî vê pêngavê, wêneyê paşnav bi agahdariya li ser rûpelê we re hevrikiyê dike û dijwar dixwîne.
Hûn dikarin wêneyê paşnavê di bernameya guhertina guhertinê de wek Adobe Photoshop.
Background-Repeat
Malpera dubareya paşê paşê bê. Heke hûn wêne ku hûn bi grafîkek pergala grafîk be, hûn ê vê taybetmendiyê bikar bînin ku ew wêneyê tenê carekê nîşan dide.
paşnavê-paşê: no-repeat;
Bêyî "milk-no-repeat", nexşengî ev e ku ew wêneyê dê di ser rûpelê de dîsa dubare bike. Ev peldankên pirtûka malperê yên herî nûjen e, nebe ku ev şêweyek di CSS-ê de pêwîst e.
Paşdêriya paşnavê
Pirtûka paşnavê-peywendîdar e ku malperên gelemperî li ser bîr nakin. Bikaranîna pirtûka we ya ku hûn bikarhêner "fixed" tê bikaranîn wêneyê paşê ya paşê ve girêdayî ye. Ew e ku ew wêne ku di nav rûpelê de sembola dagirker eşkere dike.
Ji bo vê taybetmendiya nirxa default ya "scroll." Heke hûn nirxandina peldankek navekî diyar nakin, paşê paşê bi tevê rûpelê pirtirkêmînin.
paşnavkirin-peywendîdar: fixed;
Background-Size
Piştgiriya paşnavê ya sîteyê nû ya CSS heye. Ji bo ku hûn di navnîşan de têne çêkirin, ku hûn pîvana pişka paşnavê binivîsînin. Vê malperên bersivdar ên ku dê li ser cîhên cuda hene nîşan bide .
paşnavê sîgorteyê: cover;
Nirxên du alîkarî ku hûn dikarin ji bo vê taybetmendiyê bikar bînin:
- Cover - Bila paşnavê bi vî awayî an jî hejmarê temam an temamî ya temamî tê nîşandan. Ev tê wateya ku hinek parçeyên wêneyê li ser screenê nebin, lê ew tevahiya herêm wê bêne derxistin.
- Contain - Scales di vî rengî de hemî hemî çarçoveya bilind û bilind e ku li herêmê tête stîle. Wêne nayê veguhestin, lê dorpêç e ku beşên herêmê ne ji hêla wêneyê ve girêdayî ye.
Ji bo CSS-Rûpelê zêde bike
Piştî ku hûn milkên jorîn û nirxên xwe fêm bikin, hûn dikarin van şêweyên xwe li malpera xwe zêde bikin.
Heke hûn li malpera yek-rûpela çêbikin li jêr rûpelê HEAD ya malpera xwe zêde bike. Heke şêweyek pir-rûpelê ava dikin û dixwaze ji desthilata navxweyî ya avahiyê bikişîne.