طراحي قالب وردپرس

طراحي قالب وردپرس , طراحي پوسته وردپرس , طراحي قالب ريسپانسيو , طراحي قالب

کاملا ریسپانسیو و واکنش گرا داری پنل تنظیمات

طراحی قالب وردپرس و طراحی فروشگاه وردپرسی

ارسال سفارش

لایک حرفه ای مطالب وردپرس


امروز با شما هستیم با یک پلاگین حرفه ای برای لایک مطالب وردپرس
ابتدا، چون پلاگین بسیار سبک و کاربردیه و از آژاکس در اون استفاده شده. بعلاوه، فارق از یک استایل خاص و به دردنخوره و شما میتونید با کمی دانش css هر نوع طرحی رو که خواستید به اون بدید (که این خودش قابلیت مفیدی برای طراح ها و توسعه دهنده هاست).

افزونه لایک مطالب وردپرس

افزونه لایک مطالب وردپرس

به عنوان مثال، در زیر استایلی رو آماده کردیم که پس از نصب افزونه، میتونید با قرار دادن اون در استایل یا همان شیوه نامه (style.css) قالب، طرحی زیبا رو در دکمه لایکتون داشته باشید.

.iLikeThis{
	display: table;
	color: #bc5788;
	background: #ffd8eb url(images/button-love.png) no-repeat center left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5);
	height: 24px;
	overflow: hidden;
	padding: 15px 23px 5px 100px;	
}
.iLikeThis:hover{
	color: #bc5788;
	background: #fec6e2 url(images/button-love.png) no-repeat center left;
}
.iLikeThis span.counter{
	background: none;
	padding: 0px 0px 0px 15px;
	margin-left: 0px;
	font-size: 25px;
    font-weight: lighter;
    line-height: px;
}

در کد بالا یک بک گراند آدرس دهی شده، برای این استایل شما باید تصویر زیر رو دانلود
 و در یک پوشه ی قالب(که اینجا ما اون رو images تعریف  کردیم) بارگذاری کنید.
button-love

alimir

دانلود افرونهi-like-this

*

code

طراحی پوسته وردپرس