تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
درخواست پلاگین 1 پاسخ 61 بازدید افزونه ساخت شماره مجازی 14 پاسخ 771 بازدید درخواست افزونه 1 پاسخ 107 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 396 بازدید اسکریپت vfm 3 پاسخ 216 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 345 بازدید نمایش کد های php 0 پاسخ 129 بازدید مشکل در اسکریپت مچ فرم 0 پاسخ 298 بازدید واگذاری سرویس هاست اختصاصی ووکامرس 0 پاسخ 354 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

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

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

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

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

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

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=47141
کلمات کلیدی پست :
مطالب مرتبط
5,952افزونه ووکامرس برای بارگذاری محصولات Load More Products تاریخ : 2018/11/13
3,536چگونه خطای صفحه سفید وردپرس را از بین ببریم؟ تاریخ : 2019/06/14
3,756ساخت ابزارک نمایش مطالب براساس دسته بندی وردپرس تاریخ : 2019/11/12
4,268Long Scrolling چیست و چه مزایایی دارد؟ تاریخ : 2019/01/24
9,245قالب بسیار زیبای LENS برای وردپرس تاریخ : 2013/11/24
14,371دانلود قالب گلستان برای وردپرس تاریخ : 2014/09/20
4,344ایجاد پاورقی شناور در وردپرس بدون استفاده از افزونه تاریخ : 2019/11/23
3,632افزایش منابع هاست با ویرایش فایل php.ini در کنترل پنل CPanel تاریخ : 2019/10/23
10,587افزونه نمایش دقیق زمان انتشار مطالب در وردپرس تاریخ : 2017/07/14
11,304حل خطای امکان ایجاد شاخه uploads نیست در وردپرس تاریخ : 2020/01/19
4,764آموزش تغییر نشانی سایت در وردپرس تاریخ : 2019/10/20
9,903افزونه انتقال مطالب وردپرس Bulk Move تاریخ : 2017/06/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات