የሰውነት አመጣጥ ምስሎች በቀላሉ ተከናውነዋል

html

በብዙ ጣቢያዎች ላይ የሚያገ Aቸው ጥሩ ገፅታ የመሃል ይዘቱ አከባቢ ገጹን ከጀርባው ጠብታ ጥላ ጋር የሚሸፍንበት ቦታ ነው ፡፡ በብሎግዎ አንድ ነጠላ የጀርባ ምስል (ወይም ሌላ ድር ጣቢያ) ጥሩ ሆኖ እንዲታይ ለማድረግ በእውነቱ ቀላል ዘዴ ነው።

እንዴት ይደረጋል?

  1. ይዘትዎ ምን ያህል ስፋት እንዳለው ይወቁ። ምሳሌ: 750px.
  2. በይዘት አተገባበርዎ (እኔ የምጠቀምበት ሥዕል) በይዘቱ አካባቢ ሰፋ ያለ ምስል ይገንቡ ፡፡ ምሳሌ: 800px.
  3. የብሎግ በሁለቱም በኩል እንዲኖርዎት ከሚመኙት በስተጀርባ የምስሉን ዳራ ያዘጋጁ ፡፡
  4. ከበስተጀርባው ላይ አንድ ነጭ ክልል ያክሉ።
  5. ከክልሉ ከሁለቱም ወገን በሚወጣው ነጭ ክልል ላይ ጥላን ይተግብሩ ፡፡
  6. የመከር ቦታውን ስፋት በ 1 ፒክሰል ቁመት ያዘጋጁ ፡፡ ይህ ምስሉን በፍጥነት ለማውረድ ጥሩ እና የታመቀ እንዲወርድ ያደርገዋል።
  7. ምስሉን አውጣ ፡፡

ገላጣዬን በመጠቀም የገነባሁበት መንገድ ይኸውልዎት (የሰብል ቦታው በጣም ረዘም ያለ መሆኑን ልብ ይበሉ… ያ እየሰራሁትን ማየት እንዲችሉ ነው):
ዳራ ከሥዕል ገላጭ ጋር

ውጤቱ ከበስተጀርባው ምስል ጋር እንዴት እንደሚመስል ምሳሌ ይኸውልዎት-
የጀርባ ምስል ምሳሌ

በእርስዎ ውስጥ ያለውን የሰውነት ዘይቤ መለያ በመጠቀም ምስሉን እንዴት እንደሚተገበሩ እነሆ የሲ ኤስ ኤስ ፋይል.

ዳራ: # B2B2B2 ዩ.አር.ኤል. ('ምስሎች / bg.gif') ተደጋጋሚ-y ማዕከል;

የበስተጀርባ ዘይቤ መለያ ክፍፍል ይኸውልዎት-

  • # B2B2B2 - የገጹን አጠቃላይ የጀርባ ቀለም ያዘጋጃል። በዚህ ምሳሌ ውስጥ ከበስተጀርባው ምስል ላይ ካለው ግራጫን ጋር ለማዛመድ ግራጫማ ነው ፡፡
  • url ('images / bg.gif') - ሊጠቀሙበት የሚፈልጉትን የጀርባ ምስል ያዘጋጃል።
  • repeat-y - ምስሉን በ y ዘንግ ላይ ለመድገም ያዘጋጃል። ስለዚህ የጀርባው ምስል ከገጹ ከላይ ወደ ታች ይደግማል።
  • መሃል - በገጹ መሃል ላይ ምስሉን ያዘጋጃል ፡፡

ጥሩ እና ቀላል… አንድ ምስል ፣ አንድ የቅጥ መለያ!

2 አስተያየቶች

  1. 1
  2. 2

ምን አሰብክ?

ይህ ጣቢያ አይፈለጌን ለመቀነስ Akismet ይጠቀማል. አስተያየትዎ እንዴት እንደሚሰራ ይወቁ.