Mobile and Computer Solution

Custom textarea for blogger

পোস্ট করেছেন Md.Kawsar , মঙ্গলবার, ৯ মার্চ, ২০১০ ৬:৫০:০০ PM

মাঝেমধ্যেই আমাদের কিছু কোড লেখার প্রয়োজন হয়, সরাসরি সেইসব কোড লেখা যায়না। তাই একটা টেক্সট বক্স হলে কেমন হয়?
কিভাবে করবেন? প্রথমে টেমপ্লেটে গিয়ে খুঁজে বের করুন</b:skin>

তার উপরের লাইনে লিখে দিন এই কোড -
.fr-textarea {<br />padding:0;<br />margin:0;<br />width:500px;<br />height:200px;<br />color:#ffffff;<br />font:10px verdana;<br />background:#ffffff;<br />border:1px dotted #289728; }<br />.fr-textarea:hover {<br />color:#289728;<br />border:2px solid #666; }<br />.fr {<br />padding-top:3px;<br />margin:0;<br />color:#289728;<br />font-size: 9px;<br />font-family: sans-serif, verdana;<br />}

এবারে, যেখানে এই টেক্সট বক্স দিতে চান, সেখানে এইভাবে লিখুন -
<textarea cols="50" rows="5" onclick="select();">TYPE YOUR TEXT HERE



তাতে জিনিসটা দাঁড়াবে এইরকম -
আমি এইখানে কিছু কোড লিখতে পারি, এবং পাঠকরা অনায়াসেই এইখানে ক্লিক করলে লেখাটি সিলেক্ট হয়ে যাবে। এইভাবে আমরা যাবতীয় কোড লিখতে পারবো এইখানে। কতোটা লম্বা/চওড়া হবে সেটাও হেরফের করে নেওয়া যাবে

Views