ብቅ ባይ ምስል እንዴት እንደሚሰራ

ዝርዝር ሁኔታ:

ብቅ ባይ ምስል እንዴት እንደሚሰራ
ብቅ ባይ ምስል እንዴት እንደሚሰራ

ቪዲዮ: ብቅ ባይ ምስል እንዴት እንደሚሰራ

ቪዲዮ: ብቅ ባይ ምስል እንዴት እንደሚሰራ
ቪዲዮ: ለ Google ቅጾች የተሟላ መመሪያ - የመስመር ላይ የዳሰሳ ጥናት እና የመረጃ አሰባሰብ መሣሪያ! 2024, ግንቦት
Anonim

ብቅ-ባይ ወይም ብቅ-ባይ መስኮቶች በይነመረቡ ላይ በጣም ተወዳጅ እየሆኑ መጥተዋል ፡፡ ወይም ፣ በቀላል ፣ ብቅ-ባይ ስዕሎች። ብዙ የጣቢያ ባለቤቶች ብዙውን ጊዜ እነሱን ለማስታወቂያ ዓላማዎች ማድረግ አለባቸው ፣ ግን ለፍጥረታቸው ስልተ ቀመር ሁሉም ሰው አይያውቅም ፡፡

ብቅ ባይ ምስል እንዴት እንደሚሰራ
ብቅ ባይ ምስል እንዴት እንደሚሰራ

አስፈላጊ ነው

  • - የኤችቲኤምኤል አርታዒ;
  • - ማስታወሻ ደብተር;
  • - ማስተናገድ

መመሪያዎች

ደረጃ 1

በኤችቲኤምኤል ወይም በጽሑፍ አርታኢ ውስጥ አዲስ ድር ገጽ ይፍጠሩ ወይም ይክፈቱ። ለዚህ ዓላማ እንደ ድሪምዌቨር ፣ ኤክስፕሬስ ዌብ እና ሌሎችም ያሉ ታዋቂ ፕሮግራሞችን መጠቀም ይችላሉ ፡፡ የመጀመሪያ እርምጃዎን በኤችቲኤምኤል የፕሮግራም ቋንቋ ብቻ እየወሰዱ ከሆነ መደበኛ “ማስታወሻ ደብተር” ይጠቀሙ።

ደረጃ 2

የሚከተለውን ኮድ በ “ራስ” እና “/ ራስ” መለያዎች መካከል ይለጥፉ

. ድንክዬ {አቀማመጥ: ዘመድ; z-index: 0;}

. ድንክዬ ማንዣበብ {የጀርባ-ቀለም ፣ ግልጽነት ፤ z-index: 50;}

ለተሳፋ ምስል * thumbnail span {/ * CSS: ፍጹም; የጀርባ-ቀለም-ቀላል-ቀላል; መቅዘፊያ: 5 ፒክስል; ግራ -1000 ፒክስል; ድንበር: 1 ፒክስል ሰረዝ ግራጫ; ታይነት: ተደብቋል; ቀለም: ጥቁር; ጽሑፍ-ጌጥ-የለም ፤}

ለተሳፋ ምስል * thumbnail span img {/ * CSS *: 0; መቅዘፊያ: 2px;}

. thumbnail: በሆቨር * / ታይነት ላይ ለተስፋፋ ምስል [/* CSS span {/ * CSS: ይታያል; ከላይ 0; ግራ 65px; / * የተለጠፈ ምስል በአግድም ማካካስ ያለበት ቦታ * /}

ደረጃ 3

በመጨረሻው የኮድ መስመር ላይ ያለውን እሴት በመለወጥ ብቅ-ባይ ምስሉን አግድም ማካካሻ ያስተካክሉ። ምስሉ በድረ-ገፁ ላይ እንዲታይ በሚፈልጉበት “አካል” እና “/ ሰውነት” መለያዎች መካከል ቦታን ይመድቡ። ከዚያ የሚከተሉትን ኮድ ይቅዱ እና ይለጥፉ

የጽሑፍ ርዕስ ምሳሌ

የጽሑፍ ርዕስ ምሳሌ"

ደረጃ 4

ብቅ-ባይ ፎቶ በሚጠቀመው ፋይል ላይ “አቃፊ / ትልቅፕቺ1.jpg” ን ይተኩ። ከሁለተኛው የኮድ ኮድ ጋር እንዲሁ ያድርጉ። ብቅ ባዩ ምስሉ ላይ መፃፍ ያለበት ምን እንደሆነ በውስጡ ያለውን “የጽሑፍ አርዕስት ምሳሌ” የሚለውን መስመር ይለውጡ። እንዲሁም ብቅ-ባይ ምስልን መጠን ለማስተካከል በኮዱ ውስጥ ያለውን ቁመት እና ስፋት እሴቶችን ይቀይሩ ፡፡ ተጨማሪ ንድፎችን ለማከል ተጨማሪ የኮድ ብሎኮችን ይፍጠሩ። እንደአስፈላጊነቱ በኤችቲኤምኤል ሰነድ ውስጥ ሌሎች ባህሪያትን ፣ መለያዎችን እና ጽሑፍን ያስገቡ ፡፡ የኤችቲኤምኤል ፋይልን ያስቀምጡ እና ከዚያ ወደ ድር አገልጋይዎ ይስቀሉት።

የሚመከር: