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

CSS দিয়ে অনেক দারুণ দারুণ ডিজাইন করা সম্ভব। একটা আইফোন দেখে তো আমার চোখ পুরো ট্যারা। দেখতে পারেন এইখান থেকে।

আমি ভাই ছোট-মোট প্রোগ্রামার এত বড় কাজ করা আমার পক্ষে আপাতত সম্ভব নয়। তাই আমার তৈরি ছোট ছোট কয়েটা কোড স্টাইল শেয়ার করছি। এইখানে ড্রিমওয়েভার ব্যাবহার করেছি।

১. Grass Text

ব্যবহৃত CSS কোড:

font: Verdana, Geneva, sans-serif;

font-size:36px;

text-align:center;

color:#3b6000;

text-shadow:0 0 4px #196000,

0 -5px 4px #207c00,

2px -10px 6px #36cf00,

-2px -15px 11px #3ff200,

2px -18px 18px #42ff00;

২. Normal Shadows

ব্যবহৃত CSS কোড:

font-size: 66px;

font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;

text-align:center;

text-shadow: 0 0 20px #333;

৩. With border Text

ব্যবহৃত CSS কোড:

font-size:66px;

text-align:center;

text -shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black;

color: white;

অনলাইন ডেমো | ডাউনলোড

8 thoughts on “CSS দিয়ে টেক্সটা স্টাইল”

  1. dekhe totota valo laglo na. apnar cokh tera holo kan bujhlam na. jai hok ami iphone use kori ar iphone r original font e onek valo. ata dekhte kemon childinsh laglo

  2. ami jeta bolte chacci j. iphone r jnne kisu valo themes ar website ase ja theke pura set r theme plus font change hoi jeta dekhte onek sundor. but apni j font gula mention korsen segula try kore deksi segula konotai valo lagar moto na

    1. @ishrak, আইফোনটাকে আপনি কি মনে করেছে আমি বুঝতে পারছি না। আসলে ঐ আইফোনটা শুধু CSS কোড দিয়েই তৈরি করা হয়েছে কোন ইমেজ ব্যাবহার করা হয় না। এইখানে আইফোনের চেহারার ব্যাপার আসছে কেন?

      1. @শিবলী,
        ইশরাক ভাইয়ের অনেক ইচ্ছা ছিল বোধহয় কমেন্ট করার, কিন্তু সময়ের অভাবে তিনি পোস্টটে শিবলী কি লিখেছে সেটা পড়তেই ভুলে গেছেন, শুধু একবার চোখ বুলিয়েই কমেন্ট করে দিয়েছেন। তিনি উল্লেখ করেছেন যে শিবলীর দেয়া ফন্ট(!) সে নাকি তার আইফোনে ব্যবহার করেছে… হাহ পাগলামির জায়গা পায়নি…

        শিবলী দিল সি এস এস কোড আর সে নাকি এই ফন্ট তার আইফোনে ব্যবহার করেছে কিন্তু তার ভালো লাগেনি…

    2. skyview059,

      vi apnar ki valo lagba ar ki valo lagba na ta nir-vor korba design layout ar upor. so 1st design layout clear koren then apnar web page convert koren. ar vior css use koren.

      css use kora “http://www.interspire.com/” tader all website gula convert kora thaka and tader all website gula dakta very nice.

      http://www.pink-heart.co.uk/ [E-commerce website] site ta ami css diay customize korci.

      Thanks

  3. পরীক্ষা চলছে তাই খুব বেশি নেটে বসা হয় না, তাই এই ব্লগেও আসা হয় না। এসএসসি দিয়ে সিএসএস শিখে ফেলবো, বিষয়টা ইন্টারেস্টিং…

    1. @ডিজে আরিফ, তোর জন্য আরও একটা CSS টেক্সটা স্টাইল থাকছে।
      আমি বাংলিশ ভাষা কম বুঝি তো তাই একটু ঝামেলা হয়। আসলে মাহবুব ভাই মন্তব্য অপ্রকাশিত করেই রেখেছিল কিন্তু আমি প্রকাশ করবার জন্য বললাম।

Leave a Comment