آموزش قرار دادن آواتار در باکس لینک دوستان

سلام

خب بعد از مدتی فکر کردن به این نتیجه رسیدم که درباره کدنویسی وبلاگ بخصوص بلاگ بیان هم پست هایی بزارم. در این مطلب هم یک کد گذاشتم که با آن ضمن نمایان کردن آواتار شما وقتی موس رو روی آن میبرید کنار فلش موس اسم وبلاگ را مشاهده میکنید و میتوانید طبق سلیقه خودتون مقدار گرد بودن ، چرخش و حاشیه آواتار مورد نظرتون را تعیین کنید و برای جذاب تر کردن وبلاگ خوب است.

از نظر بعضی کاربران جای دادن این کد در قالب بسیار دشوار است و بدون امتحان کردن بیخیالش میشن اما اینطور نیست و فقط با یک کپی پیست میتوان درستش کرد.

نمونه این کد رو میتونید در پایین سمت چپ همین سایت در باکس دوستان مشاهده کنید.

کد زیرا در هر قسمت قالب اصلی "ویرایش ساختار قالب فعلی" که میخواهید آواتارها نشون داده بشه جای گذاری کنید:

<box:links>
<div class="mod_left">
<div class="title">دوستان</div>
<div class="cnt">
<ul class="links">
								<!-- شروع آواتار دوستان -->    
<p style="text-align: center;"><style type="text/css">.mrhacker Img{Margin:0px 5px 6px 5px;Border:2px Solid #ccc;Border-Radius:1000px;Transition-Duration:0.9s;}.mrhacker
Img:hover{Transform:Rotate(30deg);}</style></p><div style="text-align: center;" class="mrhacker">

<a target="_blank" rel="nofollow" آدرس وبلاگ مورد نظر شما"><img title="نام وبلاگ " alt="" height="50" width="50" src="آدرس آواتار مورد نظر"></a>
<a target="_blank" rel="nofollow" nolink="آدرس وبلاگ مورد نظر شما"><img title="نام وبلاگ " alt="" height="50" width="50" src="آدرس آواتار مورد نظر "></a>
<a target="_blank" rel="nofollow" nolink="آدرس وبلاگ مورد نظر شما"><img title="نام وبلاگ " alt="" height="50" width="50" src="آدرس آواتار مورد نظر "></a>
</div>
<!-- پایان آواتار دوستان -->   
</ul>
</div>
</div>
				
</box:links>

اگر میخواهید میزان گرد بودن ، حاشیه و چرخش آواتار ها را تغییر دهید و چنانچه کد بالا برای شما نا مفهوم بود کامنت دهید.