Wêneyên Paşxaneya Bedenê Bi Hêsan Çêdibe

html

Taybetmendiyek xweş ku hûn ê li ser gelek malperan bibînin ew e ku devera naveroka navendê xuya dike ku rûpelê bi siya dilopek li piştê dixe. Ew bi rastî rêbazek hêsan e ku ji bo tevnvîsa we bi wêneyek paşnavê yekane xweş xuya bike (an jî malpera din).

Itawa tête çêkirin?

  1. Fêr bibin ka naveroka we çiqas fireh e. Mînak: 750px.
  2. Di sepana xweya nîgarkêşanê de (ez Illustrator bikar tînim) ji qada naverokê firehtir wêneyek çêbikin. Mînak: 800px.
  3. Paşxaneya wêneyê li paşnavê ku hûn dixwazin li her aliyek tevnvîsê we hebe, saz bikin.
  4. Li ser paşnavê herêmek spî zêde bikin.
  5. Siyarek li ser herêma spî ya ku ji her du aliyên herêmê derdikeve bixin.
  6. Dirêjahiya qada berhemê bi firehiya 1 pixel saz bikin. Ev ê wêneyê dakêşin ku ji bo rendering-ê zû zû û xweş e dakêşin.
  7. Wêne derxînin.

Li vir awayê ku min ew bi karanîna Illustrator avakiriye (not bikin ku qada berhemdariya min pir dirêjtir e… ev tenê wusa ye ku hûn dikarin bibînin ka ez çi dikim):
Background bi Illustrator

Li vir mînakek heye ka dê encam bi wêneya paşnavê re çawa xuya bike:
Mînaka Wêneyê Paşê

Li vir awayê ku meriv wêneyê bi karanîna teşeya şêwaza laş di te de bikar tîne heye CSS dosî.

background: # B2B2B2 url ('images / bg.gif') navenda dubare-y;

Li vir veqetandekek nîşana rengê paşnavê heye:

  • # B2B2B2 - rengê rûpela tevahî ya rûpelê destnîşan dike. Di vê mînakê de, ew gewr e ku bi gewr a li ser wêneya paşnavê re hevber be.
  • url ('images / bg.gif') - wêneya paşnavê ya ku hûn dixwazin bikar bînin saz dike.
  • dubare-y - wêneyê saz dike ku li ser y-eksê dubare bike. Ji ber vê yekê wêneyê paşnavê dê ji serî heya binî rûpelê dubare bibe.
  • navend - wêneyê li navenda rûpelê saz dike.

Xweşik û hêsan… yek wêneyek, yek nîşana yek şêwazê!

2 Comments

  1. 1
  2. 2

Hûn çi difikirin?

Ev malpera Akismet bikar tîne ku ji bo kêmkirina spam. Zêdetir agahdariya danûstandinên we çawa pêvajoy kirin.