HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব ২

7
453

আসসালামু আলাইকুম, আল্লাহর রহমতে সবাই ভালো আছেন. আল্লাহর কাছে আপনাদের সকলের সুসাস্থ এবং সফলতা কামনা করি. এটা আমার দ্বিতীয় পোস্ট.পোস্টের ভুল ত্রুটি গুলো ক্ষমা সুন্দর দৃষ্টিতে দেখবেন এবং আপনার মতামত দিবেন, কিভাবে পোস্টটি আরো ভালো করা যেত. যা আমাকে ভবিষতে আরো পোস্ট করতে উত্সাহিত করবে.marquee নিয়ে করা আমার প্রথম পোস্টটি যারা পরেন নাই তারা একবার ঘুরে আসতে পারেন. তাহলে এই পোস্টটি বুঝতে সুবিধা হবে.

HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1
আজ আমি আপনাদের সাথে যে বিষয়টা share করব তা হলো HTML এর মজার একটি code <marquee> picture এ কিভাবে ব্যবহার করা যায়. তো চলেন শুরু করা যাক,

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

প্রশ্ন   : আমরা কি কোনো নির্দিষ্ট জায়গা ঠিক করে দিতে পারি, marquee এর sliding effect এর জন্য ?
উত্তর : আমরা ইচ্ছা করলে sliding লেখাটার জন্য একটা width ঠিক করে দিরে পারি, মানে sliding টা কত প্রস্থ পর্যন্ত হবে টা বলে দিতে পারি নিচের code দিয়ে
<marquee width=35%>এখানে যা লিখবেন তাই আপনার webpage এ sliding হবে ৩৫% প্রস্থের মধ্যে </marquee>

প্রশ্ন   : আচ্ছা এমন কিছু করা যায়না, যার মাধমে sliding ও হবে এবং blinking ও হবে (একবার জলবে আরেকবার নিভ্ভে) ?
উত্তর : হ্যা করা যাবে, তবে সত্যি বলতে কাজটা একটু ভিন্ন ভাবে করতে হবে , তবে ফলটা একই হবে. চলেন নিচের কোডেটি দেখি
<marquee scrollamount=400 scrolldelay=500>এখানে যা লিখবেন তাই আপনার webpage এ দেখা যাবে sliding & blinking style এ </marquee>

প্রশ্ন   : আচ্ছা আমি যদি চাই যে আমার webpage এর মাঝখান থেকে ২ টা লেখা বের হয়ে ২ দিকে চলে যাবে, এটা কি marquee দিয়ে করা যাবে ?
উত্তর : অবশই করা যাবে , যদি এটা নাই করা যায়, তবে marquee এর কাজকি. নিচের code টি দেখুন
<marquee direction=left width=50%>প্রথম লেখা</marquee><marquee direction=right width=50%>দ্বিতীয় লেখা</marquee>

উপরের কোডটি দেখুন, কোডে এ বলা হয়েছে প্রথম লেখাটা মাঝখান (৫০%) থেকে শুরু হয়ে বাম দিকে যাবে এবং দ্বিতীয় কোডটিতে বলা হয়েছে, লেখাটা মাঝখান (৫০%) থেকে শুরু হয়ে দান দিকে যাবে. বিষয় টা অনেকটা এমন (← →)

প্রশ্ন   : ভাই আপনি তো ফাকি দিয়ে যাচ্ছেন, আগের প্রশ্নের উত্তরে কোডে কি যেন একটা scrolldelay=500 ব্যবহার করেছিলেন, কই বললেন না তো scrolldelay=500  এর মানে কি ?
উত্তর : উহউহ উহউহ !!! কি আর বলব, বয়স হয়েছে তো তাই আজকাল চোখে একটু কম দেখি. ওই মফিজ কই গেলিরে, আমার চশমাটা নিয়ে আয়.

HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব ২
এই প্রশ্নটা যেন কে করছিল, একবার খালি হাতটা তুলেন.

এই প্রশ্নটা যেন কে করছিল, একবার খালি হাতটা তুলেন.
না মানে অনেক ধন্যবাদ আপনার সুন্দর প্রশ্নের জন্য :-)
যা হোক scrolldelay=500 এর মানে হলো sliding টা delay হবে 500 = ½ sec
যদি  scrolldelay=250 দেন তবে sliding টা অপেক্ষা করবে 250 = ¼ sec

প্রশ্ন   : আচ্ছা এই marquee code দিয়ে কি শুধু লেখার উপর sliding effect দেওয়া যায়, অন্য কিছুর উপর কাজ করা যায়না ?
উত্তর : এতক্ষণ আমরা দেখলাম marquee দিয়ে কিভাবে কোনো text কে webpage এ sliding effect দেওয়া যায়
এখন এই একই code দিয়ে আমরা একটা image / picture কে কিভাবে sliding effect দিব সেই সম্পর্কে জানব. নিচের code টি দেখুন
<marquee behavior=”alternate”><img src=”YourImage.gif” /></marquee>

উপরের code এ YourImage.gif এর জায়গায় আপনার picture এর নামটা দিন. তাহলে আপনার picture টিও marquee এর sliding effect  দেখাবে

যারা এই কাজটাতে নতুন, তারা খুবই গুরুত্বপূর্ণ একটা কথা মনে রাখবেন, যখন webpage এ picture নিয়ে কাজ করতে যাবেন, তখন অবস্যই আপনার webpage টি এবং আপনার picture  টি একই folder এ রাখবেন
আমাদের page টির নাম কি ?
হ্যা tunerpage.html (প্রথম পর্বে আমরা যে page টি তৈরী করেছিলাম তার নাম tunarpage.html ছিল ) এবং ধরলাম আমাদের picture তার নাম picture.jpg { যে picture টা আমরা webpage (tunerpage.html) এ যুক্ত করতে চাই }
এই ২ টা জিনিসই আমরা একই folder এর মধ্যে রাখব সবসময়
picture নিয়ে আরেকটা কথা , আমরা প্রথম পর্বে marquee এর যতগুলো code দেখেছি তার সবগুলোই picture এর জন্য ব্যবহার করা যাবে.(মানে left,right,up,down,alternate,width,…….)
সবার শেষে picture নিয়ে আরো কিছু code দিয়ে দিলাম. practice করুন. বুঝতে সমসসা হলে কমেন্ট করে জানান. আমার সাধ্য মত চেষ্টা করব আপনাকে হেল্প করার.

<marquee scrollamount=”15″ direction=”up” behavior=”alternate”><marquee scrollamount=”15″ direction=”right” behavior=”alternate”><img src=”YourImage.gif” /></marquee></marquee>

নিচের ২ তা code এ আমরা দেখব কিভাবে online থেকে কোনো picture লিঙ্ক করে দেওয়া যায়

<marquee direction=”down”><img src=”http://www.Fillster.com/image.gif” /></marquee>

<marquee”><img src=”http://www.Fillster.com/image.gif” /></marquee>

লক্ষ করুন উপরের ২ টা code এ আমরা <img src=”http://www.Fillster.com/image.gif” /> এই ধরনের লিঙ্ক   ব্যবহার করেছি. আর এটা আমি ব্যবহার করেছি , কারণ internet এর ওই picture টা আমার ভালো লেগেছিল. যদি আমি ওই picture টা ব্যবহার করতে চাই , তবে ওই picture টা আমাকে download করে নিয়ে ব্যবহার করতে হবে. আর এই ঝামেলা থেকে বাচার জন্য আমি shortcut এ শুধু ওই picture টার location কপি করে নিয়ে <img src=”location” />  src=” ” এর মাঝে দিয়ে দিয়েছি, এর ফলে picture টা আর আমার কাছে না থাকলেও হবে, কারণ সেটা সরাসরি ওই লিঙ্ক এর সাথে আড্ড হয়ে যাবে এবং আপনার webpage এ picture টা দেখাবে. তবে আপনার অবশ্যই ইন্টারনেট connection থাকতে হবে, না হলে ছবিটা দেখাবে না.

প্রশ্ন   : ভালো কথা ! বুঝলাম shortcut এ আপনি picture টার location দিয়ে দিয়েছেন, কিন্তু কোনো picture এর  location টা পাব কিভাবে ?
উত্তর : ভালো একটা প্রশ্ন, আপনি ইন্টারনেট থেকে যে কোনো একটা picture খুঁজে বের করুন, ওই picture এর উপর mouse point টি রেখে দান দিকের বাটন এ ক্লিক করুন , তাহলে copy image location নামে একটা option দেখতে পাবেন, সেটাতে ক্লিক করলে ওই picture এর location কপি হয়ে যাবে. এবার src =”” এর মাঝে আসে Ctrl + V দিয়ে past  করে দিন.

HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব ২

 

আমি শুধু HTML এর একটা code marquee নিয়ে পোস্টটি করেছি. এই পোস্টটি বুঝতে কোনো সমস্যা হলে কমেন্ট এ অবশ্শই জানাবেন. কেউ যদি HTML শিখতে চান তবে কাকতাড়ুয়া ভাইয়ের HTML Tutorial টি দেখুন এখানে

পোস্ট ২ টি আপনাদের সামান্য কাজে লাগলেও অনেক ভালো লাগবে আমার. আর আপনাদের ভালো লাগলে কমেন্ট করে জানাবেন. ইনশাল্লাহ পরের কোনো পোস্ট নিয়ে আবার আপনাদের সাথে কথা হবে , আল্লাহ আপনাদের সবাইকে ভালো রাখুক. আসসালামু আলাইকুম

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

7 মন্তব্য

  1. আপনার পোস্ট টি অনেক মজার এবং দরকারি একটি পোস্ট তাই ভাই যদি একটু কষ্ট করে একটু গুছিয়ে বিস্তারিত লিখতেন তাহলে ভাল দেখত আর যদি সাথে ইমেজ যোগ করতে পারেন তাহলে তোঁ কথাই না :)

    • “HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব ১” এ ইমেজ দিয়ে marquee এর উপর basic আলোচনা করেছিলাম. তাই ওই কথাগুলো আর repeat করি নাই কারণ পোস্টটি বড় হয়ে যাচ্ছিল. এটা ঠিক, পর্ব ১ পরে না আসলে পর্ব ২ পরে কেমন একটা অগোছালো অগোছালো লাগবে. তাই সবাইকে অনুরোধ করব পর্ব ১ টা একটু কষ্ট করে পরার জন্য. আশা করি পড়তে বোরিং লাগবে না.
      তাল পাতার সিপাহী ভাই, আপনার মত সিনিয়র ভাইয়ের কমেন্ট আমার জন্য অনেক বড় পাওয়া. আশা করব সামনের পোস্ট গুলোতেও আপনাদের পরামর্শ পাব.
      অনেক অনেক ধন্যবাদ কমেন্ট করার জন্য.

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

fourteen − three =