تبلیغات
طراحی و بهینه سازیمشاهده

هاست

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

مقالات,آموزش,ترفند , وردپرس

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

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

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

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

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

اگر تصویر گراواتار چیزی غیر از .avatar بود پس از آن به جای avatar. در کد بالا استفاده کنید.

لطفا به این مطلب امتیاز بدید


دانلود


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=47141

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
5,237غیر فعال کردن رونوشت ها در نوشته های وردپرس تاریخ : 2014/03/1
11,087دانلود قالب اهل بیت برای وردپرس تاریخ : 2016/10/1
19,126قالب سایت تفریحی ایران پرتال برای وردپرس تاریخ : 2014/04/26
1,100افزودن برچسب نقش کاربر به دیدگاه ها در وردپرس تاریخ : 2019/11/13
1,752رفع خطای Cannot modify header information در وردپرس تاریخ : 2018/12/9
5,793آموزش نصب قالب در وردپرس تاریخ : 2017/01/4
1,252مزرعه Link چیست و چه تاثیراتی بر سئو دارد ؟ تاریخ : 2019/06/7
7,350دانلود قالب وبلاگی Zefir نسخه 2.0 برای وردپرس تاریخ : 2015/09/7
14,349آموزش استفاده از Child Theme و کاربرد آن در وردپرس تاریخ : 2016/07/2
804افزودن اسکرول به بالا با استفاده از jQuery تاریخ : 2019/09/13
5,125پلاگین رایگان تغییر آدرس مدیریت وردپرس تاریخ : 2014/10/28
3,124آموزش ایجاد سوالات متداول به صورت آکاردئون در وردپرس تاریخ : 2018/06/23
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب