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

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>

ফলাফলঃ

YOUR TEXT HERE.....

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

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

Animated Link:

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

dashboard--> layout- -> Edit HTML

তারপর

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

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

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

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;
}

এবং

.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;
}

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