Create Image by using HTML And CSS

Google pixel logo

ဒီေန႔ ကြ်န္ေတာ္တို႔ HTML နဲ႔ CSS ကုိသံုးၿပီး Image ပံုတစ္ပံု လုပ္ၾကည့္ရေအာင္။ တကယ္ေတာ့ generator တစ္ခုကို သံုးၿပီးလုပ္မွာပါ။ အဲဒီ generator က ေတာ္ေတာ္မိုက္ပါတယ္ သူက image ပံုတင္လိုက္ရင္ အဲဒီ image မွာပါတဲ့ pixel တစ္ခုခ်င္းစီရဲ႕ ကာလာကို ကြ်န္ေတာ္တို႔ ထည့္မည့္စာလံုးရဲ႕ background, text color အၿဖစ္နဲ႔ class ရာခ်ီသံုးၿပီးေတာ့ pixel ပံုေတြဖန္တီးၿပီး image လုပ္ယူတာပါ။ ပံုက text ကုိ high light လုပ္လိုက္ရင္ ကြ်န္ေတာ္တို႔ ေရးထားတဲ့ စာသားကို ၿပန္ၿမင္ရမွာေပါ့။ အေပၚမွာ ကြ်န္ေတာ္လုပ္ထားတဲ့ Google ဆိုတဲ့ ပံုေလးကို ၾကည့္ၾကည့္ပါ။ ဒီ generator သံုးဖို႔က ပထမဆံုး ဓာတ္ပံုကို ဆိုဒ္တစ္ခုခုမွာ တင္လိုက္ပါၿပီးရင္ URL ကို အဲဒီမွာ ထည့္လိုက္၊ ေနာက္ high light လုပ္ရင္ ေပၚခ်င္တဲ့ စာသားထည့္ ၿပီးရင္ generate လုပ္ရံုပါပဲ။


ကြ်န္ေတာ္ကေတာ့ ဒီ generator လုပ္ထားတဲ့ ပုဂၢိဳလ္ကို ေတာ္ေတာ္ ခ်ီးက်ဴးပါတယ္ ေတာ္ေတာ္ေကာင္းတဲ့ အိုင္ဒီယာပါ.. ကြ်န္ေတာ္လည္း ဒီလိုမ်ိဳး text ကို ကာလာေၾကၿငာၿပီး image လုပ္ဖို႔ စိတ္ကူးၾကည့္ဘူးတယ္။ လက္ေတြ႔ေတာ့ မလုပ္ဖူးဘူး။ အခုဆိုဒ္လုပ္ထားတဲ့သူကေတာ့ generator အေနနဲ႔ေတာင္ လုပ္ယူသြားႏိုင္တာ တကယ္ကို ေတာ္ပါတယ္ အားက်တယ္ =) ။ ကြ်န္ေတာ္တို႔ အဲဒီလိုလုပ္လို႔ရမယ့္ဆိုဒ္က Metaatem ဆိုတဲ့ ဆိုဒ္မွာပါ။ ကြ်န္ေတာ္လုပ္ထားတဲ့ Google ပံုကိုေတာ့ ဒီေနရာမွာ ၾကည့္ႏိုင္ပါတယ္။ အနည္းဆံုးေတာ့ ဒီ generator နဲ႔ ကိုယ့္ပံုကို ဒါမွမဟုတ္ တစ္ေယာက္ေယာက္ပံုဖန္တီးၿပီး ေနာက္ ကိုယ္ေၿပာခ်င္တဲ့စာေလးနဲ႔ သူငယ္ခ်င္းေတြ ၿပလို႔ ရတာေပါ့ :) ေပ်ာ္ရႊင္ပါေစ။

2 Comments

  1. Smilemay July 5, 2008

    ေက်းဇူးပဲ။
    စမ္းလုပ္ၾကည့္လိုက္အံုးမယ္

    Like or Dislike: Thumb up 0 Thumb down 0

  2. Ko ye July 8, 2008

    စာသားကုိရိုက္ျပီး ဘယ္ကို တင္ရမွာလဲ ။ ျပီးေတာ့ image URL ကုိဘယ္ ၀က္ဆိုဒ္ညြန္းရမွာ လဲဆိုတာ ေျပာျပပါအုန္းအစ္ကို။ ေက်းဇူးတင္ပါတယ္။ ကၽြန္ေတာ့ေမးလ္ကုိ ပို့လိုက္ပါ။

    Like or Dislike: Thumb up 0 Thumb down 0

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*
= 5 + 2