পপ-আপ বা পপ-আন্ডার উইন্ডোজ ইন্টারনেটে আরও বেশি জনপ্রিয় হয়ে উঠছে। বা আরও সহজভাবে, পপ-আপ ছবি। অনেক সাইটের মালিকদের প্রায়শই তাদের বিজ্ঞাপনের উদ্দেশ্যে তৈরি করতে হয়, তবে সবাই তাদের তৈরির জন্য অ্যালগরিদম জানেন না।
এটা জরুরি
- - এইচটিএমএল সম্পাদক;
- - নোটবই;
- - হোস্টিং।
নির্দেশনা
ধাপ 1
এইচটিএমএল বা একটি পাঠ্য সম্পাদকে একটি নতুন ওয়েব পৃষ্ঠা তৈরি বা খুলুন। আপনি এই উদ্দেশ্যে জনপ্রিয় প্রোগ্রামগুলি যেমন ড্রিমউইভার, এক্সপ্রেশন ওয়েব এবং অন্যান্য ব্যবহার করতে পারেন। আপনি যদি এইচটিএমএল প্রোগ্রামিং ভাষায় কেবল প্রথম পদক্ষেপ নিচ্ছেন তবে নিয়মিত "নোটপ্যাড" ব্যবহার করুন।
ধাপ ২
"হেড" এবং "/ হেড" ট্যাগের মধ্যে নিম্নলিখিত কোডটি আটকান:
.thumbnail {অবস্থান: আপেক্ষিক; জেড-সূচক: 0;
। থাম্বনেইল: হোভার {পটভূমি-রঙ: স্বচ্ছ; জেড-ইনডেক্স: 50;
.থম্বনেল স্প্যান {/ * বর্ধিত চিত্রের জন্য সিএসএস * / অবস্থান: পরম; পটভূমি রঙ: হালকা প্যাডিং: 5 পিএক্স; বাম: -1000px; সীমানা: 1px ড্যাশ ধূসর; দৃশ্যমানতা: লুকানো; রঙ কালো; পাঠ্য-সজ্জা: কিছুই নয়;
.থাম্বনেল স্প্যান ইমগ {/ * সিএসএস বর্ধিত চিত্রের জন্য * / সীমানা-প্রস্থ: 0; প্যাডিং: 2px;
। থাম্বনেইল: হোভার স্প্যান {/ * সিভার্স বৃহত্তর চিত্রের জন্য হোভার * / দৃশ্যমান: দৃশ্যমান; শীর্ষ: 0; বাম: 65px; / * অবস্থান যেখানে বর্ধিত চিত্র অনুভূমিকভাবে অফসেট করা উচিত * /}
ধাপ 3
কোডের শেষ লাইনের মান পরিবর্তন করে পপআপ চিত্রের অনুভূমিক অফসেটটি সামঞ্জস্য করুন। "বডি" এবং "/ বডি" ট্যাগগুলির মধ্যে স্থান বরাদ্দ করুন যেখানে আপনি ওয়েব পৃষ্ঠায় চিত্রটি প্রদর্শিত হতে চান Then তারপরে নিম্নলিখিত কোডটি অনুলিপি করুন এবং পেস্ট করুন:
একটি পাঠ্য শিরোনাম উদাহরণ
একটি পাঠ্য শিরোনামের একটি উদাহরণ"
পদক্ষেপ 4
পপআপ ফটোগুলির জন্য ব্যবহৃত ফাইলটির সাথে "ফোল্ডার / লার্জপিসি.জেপিজি" প্রতিস্থাপন করুন। দ্বিতীয় ব্লকের কোডের সাথেও এটি করুন। এর মধ্যে "পাঠ্যের শিরোনামের উদাহরণ" রেখাটি পপ-আপ চিত্রটিতে কী লেখা উচিত তা পরিবর্তন করুন। পপ-আপ চিত্রের আকার সামঞ্জস্য করতে কোডটিতে উচ্চতা এবং প্রস্থের মানগুলিও পরিবর্তন করুন। আরও স্কেচ যুক্ত করতে কোডের অতিরিক্ত ব্লক তৈরি করুন। প্রয়োজন হিসাবে HTML ডকুমেন্টে অন্যান্য বৈশিষ্ট্য, ট্যাগ এবং পাঠ্য লিখুন, এইচটিএমএল ফাইল সংরক্ষণ করুন এবং তারপরে এটি আপনার ওয়েব সার্ভারে আপলোড করুন।
