Zithunzi Zazithunzi Zathu Zapangidwa Mosavuta

HTML

Chizindikiro chabwino chomwe mungapeze pamasamba ambiri ndipamene malo apakatikati akuwoneka kuti akuphimba tsambalo ndi chithunzi kumbuyo kwake. Imeneyi ndi njira yosavuta yopangira blog yanu kukhala yabwino (kapena tsamba lina) lokhala ndi chithunzi chimodzi.

Zimatha bwanji?

  1. Onetsani kukula kwanu. Chitsanzo: 750px.
  2. Pangani chithunzi mumagwiritsidwe anu (ndimagwiritsa ntchito Illustrator) kuposa malo omwe ali. Chitsanzo: 800px.
  3. Ikani kumbuyo kwa chithunzicho kumbuyo komwe mukufuna kukhala mbali iliyonse ya blog.
  4. Onjezani dera loyera kumbuyo.
  5. Ikani mthunzi mdera loyera lomwe limatuluka kuchokera mbali zonse za dera.
  6. Ikani dera lazomera m'lifupi ndi pixel 1 kutalika. Izi zipangitsa chithunzicho kutsitsa bwino komanso chokwanira kuti chimasulidwe mwachangu.
  7. Tulutsani chithunzichi.

Umu ndi m'mene ndazipangira pogwiritsa ntchito Illustrator (zindikirani kuti ndili ndi dera lamtali lalitali kwambiri ... ndi chifukwa chake mutha kuwona zomwe ndikuchita):
Mbiri ndi Illustrator

Nachi chitsanzo cha momwe zotulukazo zingawonekere ndi chithunzi chakumbuyo:
Chitsanzo cha Chithunzi Cha Mbiri

Umu ndi momwe mungagwiritsire ntchito fanolo pogwiritsa ntchito mawonekedwe amthupi lanu mu CSS kupala.

maziko: # B2B2B2 url ('zithunzi / bg.gif') malo obwereza-y;

Nayi chidule cha kalembedwe kazithunzi:

  • # B2B2B2 - imayika utoto wonse watsambalo. Mu chitsanzo ichi, ndi imvi kuti igwirizane ndi imvi pazithunzi zakumbuyo.
  • url ('images / bg.gif') - imakhazikitsa chithunzi chakumbuyo chomwe mukufuna kugwiritsa ntchito.
  • repeat-y - imayika chithunzi kuti chibwerezenso pa y-axis. Chifukwa chake chithunzi chakumbuyo chimabwereza kuchokera pamwamba mpaka pansi pa tsambalo.
  • pakati - amaika chithunzicho pakati pa tsamba.

Zabwino komanso zosavuta ... chithunzi chimodzi, chizolowezi chimodzi!

2 Comments

  1. 1
  2. 2

Mukuganiza chiyani?

Tsambali likugwiritsa ntchito Akismet kuchepetsa spam. Phunzirani momwe deta yanu ikufotokozera.