Hotunan Gangar Jiki anyi su cikin sauki

html

Kyakkyawan fasalin da zaku samu akan shafuka da yawa shine inda yankin abun ciki ya bayyana don rufe shafin tare da saukar da inuwa a bayanta. Haƙiƙa hanya ce mai sauƙi don sanya shafin yanar gizonku yayi kyau (ko wasu rukunin yanar gizo) tare da hoton baya.

Yaya ake yi?

  1. Nuna girman faɗin abun cikin ku. Misali: 750px.
  2. Gina hoto a cikin aikace-aikacen hotonku (Ina amfani da mai kwatantawa) fiye da yankin abun ciki. Misali: 800px.
  3. Sanya bangon hoton a bangon da kuke so ku samu a kowane gefen shafin.
  4. Aara yankin fari a bango.
  5. Sanya inuwa a kan yankin farin wanda ya fito daga kowane gefen yankin.
  6. Saita yankin amfanin gona da faɗi da pixel 1 a tsayi. Wannan zai sa hoton ya saukar da kyau da karami don saurin fassarawa.
  7. Fitar da hoton.

Ga yadda na gina ta ta amfani da mai zane (lura cewa ina da yankin amfanin gona mafi tsayi… hakan kawai don ku ga abin da nake yi):
Fage tare da mai zane

Ga misalin yadda kayan aikin zai yi kama da hoton bango:
Misali na Bayan Fage

Ga yadda ake amfani da hoto ta amfani da alamar salon jikinku a cikin CSS fayil.

bango: # B2B2B2 url ('hotuna / bg.gif') maimaita-y cibiyar;

Anan ga rarrabuwa na alamar salon bango:

  • # B2B2B2 - yana sanya launin bango na shafin gaba ɗaya. A cikin wannan misalin, launin toka ne don daidaita launin toka akan hoton baya.
  • url ('hotuna / bg.gif') - ya saita hoton bangon da kuke son amfani da shi.
  • maimaita-y - saita hoton don maimaitawa akan y-axis. Don haka hoton baya zai maimaita daga sama zuwa ƙasan shafin.
  • tsakiya - saita hoton a tsakiyar shafin.

Kyakkyawan kuma mai sauƙi image hoto ɗaya, alama ɗaya salon!

2 Comments

  1. 1
  2. 2

Me kuke tunani?

Wannan shafin yana amfani da Akismet don rage spam. Koyi yadda aka sarrafa bayanan bayaninka.