Tag Archive for সিএসএস (CSS)

CSS দিয়ে টেক্সটা স্টাইল

CSS দিয়ে অনেক দারুণ দারুণ ডিজাইন করা সম্ভব। একটা আইফোন দেখে তো আমার চোখ পুরো ট্যারা। দেখতে পারেন এইখান থেকে। আমি ভাই ছোট-মোট প্রোগ্রামার এত বড় কাজ করা আমার পক্ষে আপাতত সম্ভব নয়। তাই আমার তৈরি ছোট ছোট কয়েটা কোড স্টাইল শেয়ার করছি। এইখানে ড্রিমওয়েভার ব্যাবহার করেছি। ১. Grass Text ব্যবহৃত CSS কোড: font: Verdana,…

ওয়ার্ডপ্রেস এর প্রতিটা পোষ্টে কাস্টম CSS কোড ব্যাবহার করবেন যে ভাবে

অনেক ব্লগে দেখা যায় প্রতিটা পোষ্টে আলাদা বাটন ব্যাবহার করেছে। তাছাড়া একেটা পোষ্টে একেক রকম CSS এর জাদু দেখিয়েছে। কিন্তু সাইট লোড হতে সময় লাগে না। আমিও প্রথমে দেখে একটু অবাক হতাম কারণ, CSS কোড গুলো মূলত style.css ফাইলে যোগ করা হয় আর ওয়েব সাইট লোডের সময় সম্পূর্ণ style.css ফাইলটাই লোড হয়। এত CSS কোড…

ফটোশপ এবং CSS দিয়ে হোভার(hover) এনিমেশন যুক্ত বাটন তৈরি

বেশ অনেক দিন থেকেই ভাবছি এবং বলছি PSD থেকে CSS কোডিং এর ওপর টিউটোরিয়াল লিখবো। কিন্তু আঁতি-পাতি করতে করতে আর করা হয়ে উঠে না। তো যাইহোক আমি আজ খুব সাধারণ এটা টিউটোরিয়াল লিখবো ফটোশপ থেকে CSS কোডিং এর বেপারে। এই বিষয় গুলো নিয়ে যারা ঘাঁটা ঘাটি করেন। তারা হয়তো এই ধরেনের প্রজেক্ট অন্য কোন ইংরেজি…

ফ্রি ব্লগারের হোমপেজে গ্যালারি স্টাইল পোস্ট দেখানো (শুধু মাত্র CSS দিয়ে)

আমি যখন নতুন ছিলাম তখন টেম্পলেট ডাউনলোড করার সময় লক্ষ্য করতাম গ্যালারি থিম গুলোকে। এগুলোর প্রথম পাতায় পোস্ট দেখানোর ধরণটা খুব ভালো লাগতো।  ভাবতাম এগুলো কেমন করে করে! তবে যখন একটু CSS নিয়ে ঘাটা ঘাটি করলাম তখন বুঝলাম এটা খুব একটা কঠিন কাজ নয়। আপনারদের যার মনে এমন ধারণা থাকে তার আমার এই টিউটোরিয়ালটা কাজে…

নিজের ওয়েব সাইটের আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে ২

আজ টিউটোরিয়াল বিডিতে CSS বিভাগের পোষ্ট গুলো ঘুরে দেখতে ছিলাম। এখানে অসীম ভাই একটা পোষ্টে আমার চোখ আটকে যায়। পোষ্ট’টা হল, “নিজের ওয়েব সাইটের আকর্ষণীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে” পোষ্টা আমার খুব ভালো লাগে। তাই এই টিউটোরিয়ালটা লিখতে বসলাম। আরও একটা ইচ্ছা আছে আমি শুধু কদিন ধরে ফটোশপ নিয়েই…

নিজের ওয়েব সাইটের আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে

আমি আগের একটি টিউটোরিয়ালে দেখিয়ে ছিলাম কিভাবে একটা আকর্ষনীয় নেভিগেশন বার তৈরি করা যায়। আজ আমরা কিভাবে শুধুমাত্র HTML আর CSS দিয়ে আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করা যায় দেখব। আমরা একটু দেখে নেই আসলে আমরা কি তৈরি করতে যাচ্ছি। প্রথম ধাপ: প্রথমে Desktop এ একটা Filder নিয়ে নাম দেই Dropdown । Dropdown Filder এর…

ফায়ারবাগ আগুনে পুড়ে ফেলুন পোকা-মাকড়

কৃষি শিক্ষা স্যার শিখিয়েছিলেন কিভাবে আগুনের মাধ্যমে ফসলের পোকামাকড় দমন করা যায়। পদ্ধতিটা এমছিল- ।আগুনের চার দিকে বিষাক্ত তরল পদার্থ দিয়ে রাখলে আধারে আলোতে এসে বিসাক্ত পদার্থে ডুব দিয়েই চুপ হয়ে যায়। ফায়রবাগ নামটা শোনার পর সেই কথাটাই মনে পড়তে। মনে হতো এমন কোন প্রযেক্ট হবে হয়তো। বেশকিছু দিন আগে থেকেই ফায়ারবাগ ব্যবহার করা শুরু…

CSS দিয়ে তৈরি করি নিজের ওয়েব সাইটের আকর্ষনীয় নেভিগেশন বার !

আমার একটা সুন্দর এবং জনপ্রিয় ওয়েব সাইট আছে! এই উক্তিটুকু কারো কাছে স্বপ্ন আবার অনেকের কাছেই সত্যি। কিন্তু কেমন ওয়েব সাইটকে আমরা সুন্দর বলব? এ প্রসঙ্গে প্রথমেই বলতে হয় যে ওয়েব সাইটের  সুন্দর, পরিচ্ছন্ন তথ্যসমৃদ্ধ এবং আকর্ষনীয় নেভিগেশন বার রয়েছে । আমার বিশ্বাস এ ব্যপারে অন্য কারা দ্বিমত থাকার কথা নয়। শুধু তাই নয় একটি…

সহজেই বানিয়ে ফেলি ছবির গ্যালারী: সিএসএস (CSS) টিউটরিয়াল-৬

আজ আমরা একটি ছবির গ্যালারী তৈরীর কাজে হাত দিব। টিউটরিয়ালের স্বার্থে সহজ সরল একটি প্রজেক্ট বানাবো। অবশ্য এই কাজটি করতে হলে যতটা CSS ও HTML জ্ঞান থাকা দরকার তা আহোরন করে হাত দেয়া উচিত। আমাদের CSS ও HTML টিউটরিয়ালগুলো অনুসরনের মাধ্যমে কাজটি সহজ হবে। আসলে টিউটরিয়ালটি sonspring.com এর একটি প্রজেক্টকে কেন্দ্র করে। সে যে ছবির…

বেশি কিছু না, সিএসএস (CSS) ১০টি টিপস দেখুন:সিএসএস টিউটরিয়াল-৫

কারনে অকারনে ছেলেবেলায়, ছাত্র জীবনে আর চাকুরী জীবনে বক্তব্য শুনতে হয়েছে অনেকবার। একটা কথা শুনেছি বেশি-তা হচ্ছে -“বেশি কিছু বলবো না” যারা এই কথা দিয়ে বক্তব্য শুরু করে তাদের বক্তব্যই বিরক্তকর লম্বা হয়। যাই হোক কিছুদিন আগে CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট)এর মাধ্যমে যে টিউটরিয়ালগুলো শুরু করেঝিলাম তা অনেকটা শেষ পর্যায়ে এসে…

সিএসএস সিন্টেক্স (কোড লেখার নিয়ম কানুন) CSS পাঠ-২

সিএসএস এর দ্বিতীয় ক্লাসে সবাইকে স্বাগতম। এ পর্বে সিএসএস কোডের id, ও class কিভাবে এইচটিএমএল এর সাথে কাজ করে তা দেখবো। আগের পর্ব যারা দেখেন নি তারা CSS এর প্রথম পর্ব দেখে নিন। তাছাড়া আলাদা CSS ফাইল আকারে কিভাবে প্রকাশ করা হয় এবং তা HTML এ প্রকাশ করার পদ্ধতিও দেখবো। CSS এ কমেন্ট লেখা CSS…

CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট)

ধাপে ধাপে সিএসএস টিউটরিয়াল শেখার প্রথম ক্লাসে সবাইকে স্বাগতম। এইচটিএমএল টিউটরিয়ালের পর এবার সবাইকে নিয়ে বসলাম সিএসএস (CSS) ক্লাসে। কলেজে পড়ার সময় দু’একটা টিউশনি করার মাধ্যমে যে শিক্ষকতা শুরু করেছিলাম তার অভ্যাস না ছাড়তে পারার কারনেই হয়তো টিউটরিয়ালবিডিতে লিখছি। তবে যে কথাটা সবাইকে বলতে চাই তা হলো-HTML এর উপর অসিম যে টিউটরিয়াল লিখেছেন তাতে সবাই…

HTML এর ২০ টি প্রয়োজনীয় টিপস

এক এক জন এক একভাবে ওয়েবসাইট বানায়। নতুনদের জন্য কমন কিছু ভুল থাকে, সেগুলো আলোচনা করা হয়েছে, সেইসাথে সাইটের সুবিধাজনক কোড লেখার ব্যাপরেও কিছু আলোচনা আছে। ০১. সবসময় ট্যাগ বন্ধ করুন। কিছু ট্যাগ বন্ধ না করলেও কাজ হয় তবে সবসময় ট্যাগ বন্ধ করুন। কিছু কিছু ক্ষেত্র সমস্যা হতে পারে। <li>Some text here. <li>Some new text…