خرید هاست ارزان ایران / آلمان

متنوع ترین سرویس های هاستینگ با CPANEL افزودن دامنه - ایمیل - mysql نامحدود پرداخت بصورت ماهانه / سه ماهه / شش ماهه / سالانه SSL رایگان حتی برای دامنه های IR راه اندازی آنی پشتیبانی 24 ساعته ، یکماه ضمانت بازگشت وجه امکان استفاده از شتابدهنده و پکیج تضمین امنیت وردپرس مشاوره آنلاین روی سایت | 02154109999 | talashnet.com

کابین وب

100 قالب وردپرس کاملا اورجینال و فارسی همراه با بسته نصبی + آپدیت و پشتیبانی مادام العمر 75 افزونه پرکاربرد و پرفروش تماما فارسی و اورجینال با 99 درصد تخفیف ویژه برای کاربران قالب های 100 هزارتومانی را 1000 تومان خرید کنید . .

اپلیکیشن ساز آنلاین اپتو

ساخت اپلیکیشن بدون کدنویسی دریافت خروجی برای اندروید و آی او اس امکان ساخت اپلکیشن فروشگاهی، خبری، آموزشی، وردپرس، ووکامرس، موزیک و....تلفن تماس و پشتیبانی 03136626049 از ساعت 10 الی 17 خودت اپتو بساز و.. ..

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

استایل دهی به عکس آواتار نویسنده و نظرات در وردپرس

استایل دهی به عکس آواتار نویسنده و نظرات در وردپرس

در این مقاله ما به شما نحوه استایل دهی عکس گراواتار را آموزش میدهیم. در این روش ما از border radius CSS3 برای ایجاد گراواتار عکس دایره ای استفاده میکنیم.

ابتدا نیاز دارید استایل قالب را ویرایش کنید. میتوانید این کار با استفاده از برنامه FTP یا رفتن به نمایش>ویرایشگر در مدیریت وردپرس انجام دهید. سپس کد زیر را به فایل CSS اضافه کنید:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

.avatar {

border-radius: 50%;

-moz-border-radius: 50%;

-webkit-border-radius: 50%;

}

کد بالا روی اغلب قالب های وردپرس کار خواهد کرد با این حال اگر روی قالب شما کار نکرد پس احتمالا برخی از افزونه ها و توابع قالب با کلاسهای پیش فرض استفاده شده برای گراواتار در وردپرس خراب شده است. بمنظور اینکه بدانید کدام عکس گراواتار کلاس css در قالب شما استفاده شده است نیاز دارید وبلاگ پست را باز کنید. اسکرول را پایین آورده و به بخش نظرات بروید و روی گراواتار عکس برای انتخاب بازرسی عناصر کلیک راست کنید. منبع کد گراواتار مانند زیر نمایش داده میشود: