Web Design ওয়েব ডিজাইন

CSS ব্যাবহার করে গোলাকার কোনা ছবি ব্যাবহার করুণ ব্লগে

9:36 AMoneem


ব্লগার অ্যাকাউন্টে লগিন করুণ তারপর Template >> Customize >> Advanced এ গিয়ে নিচের কোড গুলু কপি করে পাস্ত করুণঃ-

যদি নিদিষ্ট কোন ছবি করতে চান তাহলে নিচের কোড গুলু কপি পাস্ত করে সেভ করুণ। এবং পরবর্তী নির্দেশনা অনুসরণ করুনঃ-


.roundedcorners img {border: 2px solid #BADA55;margin: 0;padding: 0;border-radius: 900px;-moz-border-radius: 900px;}
তারপর আপনি যেকোনো পোস্টে গোলাকার কোনার ছবি দিতে চাইলে পোস্ট করবেন HTML মোডে। এবং কোন যে ছবি দিবেন তা দিবেন নিচের কোড ব্যাবহার করেঃ-
<div class="roundedcorners" style="clear: both; text-align: center;">
<a href="Your_Image_URL" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="Your_Image_URL" /></a></div>
লাল মার্ক করা "Your_Image_URL" এ আপনার ছবির লিংক দিয়ে দিন।



যদি সব ছবি করতে চান তাহলে নিচের কোড গুলু দিয়ে সেভ করুনঃ-
img { 
border: 2px solid #BADA55
margin: 0
padding: 0
border-radius: 900px; 
-moz-border-radius: 900px; 
}


যদি কিছু বদলাতে চান তাহলে লাল মার্ক গুলু পালটালে হয়ে যাবে।

You Might Also Like

0 comments

Popular Posts

Flickr Images

Contact Form