ADs by Techtunes ADs
ADs by Techtunes ADs

কিছু Html কোড এর ব্যবহার

আমি বরাবরের মতই লক্ষ্য করেছি আমরা কিছু সংখ্যক টিউনার নিজেদের সল্প জ্ঞানটুকু মানুষের মাঝে ছড়িয়ে দিচ্ছি কিন্তু বেশিরভাগ প্রাক্তন টিউনার এবং ভিজিটর আছেন যারা শুধু শিখতেই চান, নিজেদের যতটুকু জ্ঞান আছে ততটুকু অন্যের সাথে শেয়ার করলে তারা মনে করেন তাদের জ্ঞান বুঝি কমে গেল। এজন্যই টেকটিউনসে কেউ লিখতে আগ্রহ প্রকাশ করে না এবং সুস্থধারার কোন বড় রকমের প্রতিযোগিতাও হয় না। তারপরেও নিজের জানা সল্প কিছু Html এর কোড নিয়ে টিউনটি করলাম।

ADs by Techtunes ADs

Scrolling Text Boxes

ব্লগ বা ওয়েবসাইট যেটাই আপনি তৈরি করতে চান না কেন সেটাকে যতটা সম্ভব নিজের মত করে আকর্ষনীয় করে তোলা এবং ব্লগ বা ওয়েবসাইট পরিষ্কার পরিচ্ছন্ন রাখা। ব্লগ বা ওয়েব সাইটকে Scrolling Text Boxes-এর মাধ্যমে কিছুটা হলেও আকর্ষনীয় মনে হবে।

<pre dir="ltr" style="border: 1px inset; height: 34px; margin: 0px; overflow: auto; padding: 10px; text-align: left; width: 600px;"><span style="font-size: large;">YOUR TEXT HERE.....</span></pre>

ফলাফল টি হবেঃ

YOUR TEXT HERE.....

Colorful Scrolling Text Boxes:

<textarea rows="10" cols="40" style="background:#6699ff;">YOUR TEXT HERE.....</textarea>

ফলাফলঃ

ব্লগস্পটের জন্য কিছু টিপসঃ

আমরা অনেকেই সখের বশবর্তী হয়ে নানা সময় বিভিন্ন সাইট বা ব্লগ তৈরি করে থাকি । তবে যারা ব্লগসাইটে ব্লগ তৈরি করতে আগ্রহী তাদের জন্যই শুধূমাত্র এই কোড গুলো।

Animated Link:

আমরা মাঝে মাঝে Flash অর্থাৎ  Animated লিংক দেখে নিজেদের সাইটে তা প্রয়োগ করতে চাই। তবে এটা করা ব্লগস্পটে খুবই সোজা। সামান্য কিছু কোড পরিবর্তন করলেই এই কাজটি করা যেতে পারে।

dashboard--> layout- -> Edit HTML

তারপর

Expand Widget Templates-এ ক্লিক করুন।

a:hover {
text-decoration:underline;
}
লেখাটি খোজ করুন ( Ctrl + F চেপে খোজ করতে পারেন)

ADs by Techtunes ADs

লেখাটির জায়গায় নিচের কাডটি বসিয়ে দিন। অর্থাৎ আগের কোডটি ডলেট করে নিচের কোডটি বসিয়ে দিন।

a:hover {
position: relative;
bottom: 5px;
left: 1px;
color:#000000;
}

সেভ করে ব্লগসাইটে ঢুকুন এবং যে কোন লিংকে মাউস ধরুন। পার্থক্যটা বুঝতে পারবেন।

ব্লগপোষ্ট এবং সাইটবারে বর্ডার যোগ করাঃ

আমরা সবাই চাই নিজেদের সাইটকে সুন্দর করে পরিবেশন করতে, এক্ষেত্রে একটি ভাল এবং আকর্ষনীয় টেমপ্লেটের কোন বিকল্প নেই। তবে যেসব টেমপ্লেটে পেষ্ট এবং সাইটবারে বর্ডার না থাকে সেক্ষেত্রে এই কোডটি ব্যবহার করা যেতে পারে।

dashboard--> layout- -> Edit HTML যেয়ে

নিচের লেখা দুটো খোজ করুন

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

এই কোডটি ডিলেট করে নিচের কোডটি যোগ করুন

.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

এবং

ADs by Techtunes ADs

.main .Blog {
border-bottom-width: 0;
}

উপরের কোডটি ডিলেট করে নিচের কোডটি যোগ করুন

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

সময় সল্পতার জন্য বেশি কিছু আর লিখতে পারলাম না। সকলকে ধন্যবাদ জানিয়ে আমি ডাক্তারের কাছে যাচ্ছি......................................

ADs by Techtunes ADs
Level 0

আমি রাখাল বালক। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 214 টি টিউন ও 1132 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

এদেশের ৯৯% মানুষই কোন না কোন ভাবে দূর্নীতির সাথে জড়িত। হয়ত কেউ ঘুষ দেয় অথবা কেউ নেয় দুটোই তো সমান অপরাধ। আর মায়ের পেটে থাকা শিশুটিও দূর্নীতির অর্থে কেনা খাবার খেয়ে বড় হয়ে উঠে। আর আমরা আশা করছি দেশপ্রেমিক এক নেতা। এটা নিম গাছ লাগিয়ে আম আশা করার মত হয়ে...


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

কথা ঠিক, এখন আর আগের মতো টিউন হয় না। আশা করি আমাদের টেকটিউনস আবার আগের রুপ ফিরে পাবে।
ধন্যবাদ হাসিব ভাই।

ধন্যবাদ। কিন্তু টপটিউনাররাইতো টিউন করা কমিয়ে দিয়েছে।

    এই কথা বলে আর আমাদের লজ্জা দিবেন না 🙁

    ভাই এখানে লজ্জার কিচু নাই। শিখতে হলে বা শিখাতে হলে লজ্জা করে কোন লাভ নাই………. 🙂

Level 2

হাসিব ভাই সবই বুঝলাম কিন্তু কোন html কোড আমার আমার ব্লগের html যোগ করতে চাইলে তা হয়না।তাই কোন কমান্ড যোগ করতে পারছিনা আমার লেআউটে।[url=http://sonarbangla-kamrul.blogspot.com]আমার ব্লগ[/url] ।ফন্টগুলোও কেমন জানি বিশ্রী হয়ে গেছে।সাহায্য করবেন প্লিজ???

হাসিব ভাই জিন্দাবাদ ।

    মিয়া কিছু পারি না দেখেই সবাই টিটকারি মারেন, চালায়া যান।

    সাবটাইটেল মামুন says:

    হাসিব ভাই জিন্দাবাদ ।

ধন্যবাদ ..খুভই দরকারী টিউন …

হাসিব কি অসুস্থ নাকি?

Level 0

Thanks.

সবাই বক্তা হলে শ্রুতা হবে কে?

আপনার সুস্থতা কামনা করি।

জটিল টিউন ওস্তাদ
ধন্যবাদ