رفتن به مطلب

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


پست های پیشنهاد شده

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

برای اینکه مربع تبدیل به دایره بشه خیلی ساده اول بهش یه بوردر در هر سایزی که دوست داری میدی و بعد وقتی موش میره روش بهش بوردر رادیوس 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/

لینک به ارسال

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

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

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


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

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

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

ویرایش شده توسط runy
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...