چطور کلمه ی ReadMore رو به یک دکمه تبدیل کنم

[Mohammad-Masoudi 14]

سلام دوستان

من میخوام بجای اینکه زیر مطالب سایتم کلمه ی readmore برای ادامه مطلب نمایش داده شه یک دکمه بزارم

مثل این قالب سنجد مووی | دانلود فیلم و سریال که دکمه ی ادامه مطلبش رو با رنگ آبی و شکیل میبینید .

سایت اصلی که میخوام تغییرات داخلش اجرا بشه:

سنجد مووی | دانلود فیلم و سریال

ممنون میشم کمک کنید

[m3hdi 15]

.catItemReadMore a.k2ReadMore {
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 padding: 5px;
 color: #fff;
 cursor: pointer;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 text-shadow: 0 1px 1px rgba(0,0,0,0.25);
 background-color: #02a7ec;
 background-image: -moz-linear-gradient(top,#04b4ff,#0092d0);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#04b4ff),to(#0092d0));
 background-image: -webkit-linear-gradient(top,#04b4ff,#0092d0);
 background-image: -o-linear-gradient(top,#04b4ff,#0092d0);
 background-image: linear-gradient(to bottom,#04b4ff,#0092d0);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03b4ff',endColorstr='#ff0092d0',GradientType=0);
 border-color: #0092d0 #0092d0 #005c84;
 border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.catItemReadMore a.k2ReadMore:hover,
.catItemReadMore a.k2ReadMore:focus,
.catItemReadMore a.k2ReadMore:active {
 background: #0092d0;
}

این کد در استایل هات قرار بده ....

[majid.fathi 44]

برای حل مشکل و تبدیل کلمات به معادل فارسی ان به باید زبان جوملا را فارسی قرار بدید. سپس افزونه k2 نسخه ی فارسی نصب کنید.

[Mohammad-Masoudi 14]

.catItemReadMore a.k2ReadMore {
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 padding: 5px;
 color: #fff;
 cursor: pointer;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 text-shadow: 0 1px 1px rgba(0,0,0,0.25);
 background-color: #02a7ec;
 background-image: -moz-linear-gradient(top,#04b4ff,#0092d0);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#04b4ff),to(#0092d0));
 background-image: -webkit-linear-gradient(top,#04b4ff,#0092d0);
 background-image: -o-linear-gradient(top,#04b4ff,#0092d0);
 background-image: linear-gradient(to bottom,#04b4ff,#0092d0);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03b4ff',endColorstr='#ff0092d0',GradientType=0);
 border-color: #0092d0 #0092d0 #005c84;
 border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.catItemReadMore a.k2ReadMore:hover,
.catItemReadMore a.k2ReadMore:focus,
.catItemReadMore a.k2ReadMore:active {
 background: #0092d0;
}

این کد در استایل هات قرار بده ....

تشکر از شما میشه راهنمایی کنید که کجا قرارش بدم ؟

تو فایل template.css یا k2.css ، کدوم قسمتش ؟

[Mohammad-Masoudi 14]

دوستان تو فایل k2.css مشکل من حل شد

سپاس فراوان

[Masood Ashoori 232]

فرقی نمیکنه . هر جا قرار بدید کار میکنه