درخواست کد اواتار

[sagono 37]

اساتید محترم با چه کدی اواتار ی که مربعه ای وقتی موس روش میاد دایره ای میشه

[runy 221]

دوست عزیز شما اول کد آواتار را داخل یه کلاس قرار میدید و بعد عکی اون کلاس را بهش افکت میدید.

برای اینکه مربع تبدیل به دایره بشه خیلی ساده اول بهش یه بوردر در هر سایزی که دوست داری میدی و بعد وقتی موش میره روش بهش بوردر رادیوس 50% میدی مثل زیر :

.akx img {
border: 2px solid #F60;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.akx img:hover {
border: 2px solid #F60;
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

برای اینه این افکت به صورت نرم و آروم تبدیل بشه از دستور transition: استفاده میکنی

نمونه آنلاین هم در آدرس زیر

http://nedaj.ir/blog/1393/10/11/%d8%a8%d8%ae%d9%88%d8%a7%d9%86-%d8%af%d8%b9%d8%a7%d9%8a-%d9%81%d8%b1%d8%ac/

[sagono 37]

دوست عزیز من این کد کجا بگزارم

[runy 221]

دوست عزیز من این کد کجا بگزارم

تو اول توضیح نوشتم که شما باید کلاسی را مثلا مث من به نام akx بسازی و کد آواتارت و یا عکی مورد نظرت را درون این کلاس قرار بدی.

اگر منظورت کد آواتار نویسنده است از کد زیر استفاده کن :

<?php echo get_avatar( get_the_author_email(), '80' ); ?>

این کد را درون کلاس مثلا akx قرار بده

عدد 80 اندازه تصویر است

ویرایش شده دی 93 توسط runy