مرجع پارسی MyBB

نسخه‌ی کامل: آموزش زیباسازی قسمت آوتار پست بیت
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
آموزش زیباسازی قسمت آواتاربطوریکه هنگام حرکت موس به صورت سه بعدی برجسته میشود.
نویسنده :jan123
منبع:اختصاصی مای بی بی ایران
به قالب ها پوسته ها->قالب ها->قالب مورد نظر->postbit_avatar<-Post Bit Templates->رفته وبه اول کدهای موجود کد
کد:
<style>
.best-avatar {
    padding:2px;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
}

.best-avatar:hover {
    transform:rotate(0deg) scale(1.1,1.1);
    -o-transform:rotate(0deg) scale(1.1,1.1);
    -ms-transform:rotate(0deg) scale(1.1,1.1); /* IE 9 */
    -webkit-transform:rotate(0deg) scale(1.1,1.1);  /* Safari and Chrome */
    -moz-transform:rotate(0deg) scale(1.1,1.1);
}
</style>
<div class="best-avatar">
وبه آخر کد های موجودکد
کد:
</div>
رو اضافه کنید.
[تصویر:  photos.png] نمونه:
به دلیل متحرک بودن ندارد آزمایش کد ها:
http://neopersia.org/online_html_editor/
(۱۳۹۲/۶/۴، ۲۱:۲۷:۳۰ عصر)reza.t.gh نوشته است: [ -> ]نمونه ی شما هیچی رو نشون نمیده.خدا خیرم بده که این سایت رو معرفی کردم به دوستان برای تست کدهاشون ولی این سایت هر کدی رو نمایش نمیده.

رضا جان من توی انجمن خودم تست کردم , ولی بعدش اصلا آواتار کلا حذف شد !!!
نمونه تست شده

قبل از رفتن موس رو اواتار

[تصویر:  e6z9zznvwkqrh6f6l.jpg]

بعد از رفتن موس رو اواتار


[تصویر:  xea5ufqx1mymm0qeae2i.jpg]
(۱۳۹۲/۶/۴، ۲۱:۵۸:۰۱ عصر)Amin69 نوشته است: [ -> ]
(۱۳۹۲/۶/۴، ۲۱:۲۷:۳۰ عصر)reza.t.gh نوشته است: [ -> ]نمونه ی شما هیچی رو نشون نمیده.خدا خیرم بده که این سایت رو معرفی کردم به دوستان برای تست کدهاشون ولی این سایت هر کدی رو نمایش نمیده.

رضا جان من توی انجمن خودم تست کردم , ولی بعدش اصلا آواتار کلا حذف شد !!!
اگر آموزش رو دقیق بخونید امکان حذف 1 درصد هست.
(۱۳۹۲/۶/۴، ۲۲:۱۳:۴۹ عصر)reza.t.gh نوشته است: [ -> ]ضمن تشکر از دوست خوبمون که این کد رو قرار دادن و هادی عزیز که نمونه گذاشتن این کد یه امتیاز منفی حساب میشه برای سئو.



از چ نظر سئو امتیاز منفی حساب میشه

ی توضیح کوتاه بدی ممنون میشم Huh