تغییر دادن دکمه ادامه مطلب

[leksoz 95]

با عرض سلام

چه طور جای دکمه ادامه مطلب یه عکس میشه گزاشت که روش نوشته باشه ادامه مطلب؟

یا اصلا یه سری قالبها هستند کادر دارن واسه نوشته ادامه مطلب...

یا واضح تر بگم ادامه مطلب معمولی میاد داخل قالب همیشه برخی جاها با دکمه و بک گراند خاصی میاد....

اقا این سایت جومینا:

www.joomina.ir

همین صفحه اصلیش ادامه مطلب هاشو ببینید روی یه دکمه نوشته شده ادامه مطلب...اما قالب من ادامه مطلب رو همین طوری لخت بدون کادر پشتش نشون میده کسی میدونه چه طور هست؟

ممنون یا حق

[Opera 36]

برای دکمه ها باید استایل نوشت

[مـرادی 155]

سلام

برای اینکار شما باید استایل بنویسید

برای ادامه مطلب کلاس readon تعریف شده

برای همین شما اگر بخواهید ادامه مطلب بکگراندش رنگی بشه باید کد زیر رو در فایل سی اس اس قالب اضافه کنید:

.readon{
background-color:#990000;
}

[mk21 56]

در تکمیل صجبت دوستان باید بگم که

اگر از کامپوننت نظرات جی کامنت استفاده میکنید میتونید

با تعریف عکس مورد نظر در قسمت قالب پیشفرض جی کامنت ادامه مطلب رو بر روی عکس دلخواه خود قرار بدهید

کاری که خود منم برای سایتم انجام دادم ( کامپیوتر پدیده )

برای نمایش ادامه مطلب باید وارد شوید

نام کاربری: demo

پسورد: 0000000

[leksoz 95]

سلام

برای اینکار شما باید استایل بنویسید

برای ادامه مطلب کلاس readon تعریف شده

برای همین شما اگر بخواهید ادامه مطلب بکگراندش رنگی بشه باید کد زیر رو در فایل سی اس اس قالب اضافه کنید:

.readon{
background-color:#990000;
}

ممنون.حال کجای فایل css باید بزارم دقیقا؟این کد های کل template.css :

@import url(reset.css);
@import url(joomla.css);

body {
background-image:url(../images/background.jpg);
font-family:Tahoma, Geneva, sans-serif;
line-height:20px;
font-size:12px;
}
#container {
width:959px;
margin:0px auto;
margin-top:5px;
margin-bottom:30px;
}
#topmain {
background-image:url(../images/maintop.jpg);
background-position:top;
background-repeat:no-repeat;
height:10px}
#main {
	background-color:#FFF;
	background: url(../images/main.jpg) repeat-y;
position:relative;
border-left:0px solid #999;

}
#botmain {
background-image:url(../images/mainbot.jpg); 
background-repeat:no-repeat;
background-position:top;
height:10px}
#insidemain {
margin:0px 10px;
}
#header {
height:81px;
margin:0 auto;
position:relative
}
#hederleft {
background-image:url(../images/headerleft.jpg);
height:81px;
width:8px;
background-repeat:no-repeat;
background-position:left top;
float:left}
#headerright {
background-image:url(../images/headerright.jpg);
height:81px;
width:8px;
background-repeat:no-repeat;
background-position:left top;
position:relative;
float:right
}
#headermiddle {
background-image:url(../images/headermidle.jpg);
background-repeat:repeat-x;
position:relative;	
float:left;
height:81px;
width:923px}
#lefthead {
width:243px;
height:72px;
background-image:url(../images/search.jpg); background-position:left;
background-repeat:no-repeat;
float:left}
#insihead {
margin:5px auto;
height:72px;
width:910px
}
#date {
top:10px;
left:45px;
position:absolute;
color:#415d9e;
font-size:12px;
height:25px}
#search {
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
height:25px;
top:47px;
left:85px;
position:absolute}
#search h3 , #menu h3{
display:none}
#mod_search_searchword {
border:none;
background-color:transparent;
font-family:Tahoma, Geneva, sans-serif;
color:#415d9e;}
#menu {
width:640px;
height:70px;
float:right;
position:relative}
#hhead {
background-image:url(../images/header.jpg);
background-position:top; 
height:155px;
overflow:hidden;
margin-top:2px}
#newhead {
background-image:url(../images/newheader.jpg);
background-position:top; 
height:155px;
overflow:hidden;
margin-top:2px}
#flashnews {
background-image:url(../images/login.jpg);
background-position:top;
background-repeat:no-repeat;
overflow:hidden;
height:26px}
#flashnews a { text-decoration:none; font-family:tahoma}
#flashnews h3, #login h3 {
display:none}
#flashnews .moduletable {
right:0;
position:relative}
#leftsection { 
width:546px;
float:left}
#rightsection, #rightsection3 { 

position:relative;
float:right}
#login {
background-image:url(../images/login2.jpg);
background-position:left;
background-repeat:no-repeat;
position:relative;
overflow:hidden;
height:38px;
}
.logininside {
margin-top:10px;
margin-right:120px;
width:370px;
float:right;
font-family:Tahoma, Geneva, sans-serif}
input {
font-family:Tahoma, Geneva, sans-serif
}
.topleftcol {
background:url(../images/topleftcol.jpg) no-repeat top right;
height:7px;
width:545px;}
.midleftcol {
background:url(../images/midleftcol.jpg) repeat-y top right;
width:545px}
.botleftcol {
background: url(../images/botmidcol.jpg) no-repeat top right;
height:6px;
width:545px;}
#hotnewsinside {
width:540px;
position:relative;
margin-left:5px}
#hotnewsinside h3 {
background-image:url(../images/hotnewsh3.jpg);
background-repeat:no-repeat;
background-position:right top;
height:32px;
color:#FFF;
float:right;
width:495px;
overflow:hidden;
padding-right:40px;
margin-right:5PX

}
#contentinside .contentpaneopen {
 width:525px;
position:relative;
margin-right:8px;



}

#contentinside .contentheading {
background-image: url(../images/h3.jpg);
background-repeat:no-repeat;
background-position:right top;
height:32px;
color:#FFF;
float:right;
width:532px;
overflow:hidden;
padding-right:10px;
line-height:32px;
margin-right:-15px;
margin-top:-15px}
#poll {
width:80%;
padding-right:40px}
#contentinside .contentheading a {
 color:#FFF;
 font-weight:bold}
#contentinside .contentheading a,  #contentinside .contentheading a:visited
{
 color:#fff}

#contentinside .contentheading a:hover {
color: #000}
#contentinside a , #contentinside a:visited {
color:#09F}
#contentinside a:hover {
color:#F30}
.buttonheading {
display:none}
#content {
	width:545px;
	position:relative;
	margin-top:1px;
	margin-bottom:2px}
#adv {
width:180px;
float:left;
position:relative}
.lefttopad {
background-image:url(../images/lefttopad.jpg);
background-repeat:no-repeat;
background-position:right top;
height:10px;
}
.leftmidad {
background-image:url(../images/leftmidad.jpg);
background-repeat: repeat-y;
background-position:right top;
border-left:0px solid #999;}
.leftbotad {
background-image: url(../images/leftbotad.jpg);
background-repeat:no-repeat;
background-position:right top;
height:10px;}

#adv .moduletable, #user3 .moduletable, #user4 .moduletable{
padding:0 4px}
#adv h3, #user3 h3 {
background-image:url(../images/h3lefad.jpg);
background-repeat:no-repeat;
background-position:right top;
margin-right:2px;
color:#FFF;
font-size:12px;
font-weight:bold;
height:29px;
line-height:29px;
padding-right:10px}
#user1 , #user2{
width:364PX;
height:83px;
overflow:hidden;
background-image:url(../images/user1.jpg);
background-position:right top;
background-repeat:no-repeat}
#leftsetp2 {
position:relative;
width:364px;
float:right}
#user1 .moduletable, #user2 .moduletable {
padding:10px}
#user3  {
width:180px;
position:relative;
float:left}
#user4 h3 {
background-image:url(../images/h3user4.jpg);
background-repeat:no-repeat;
background-position:right top;
margin-right:2px;
color:#FFF;
font-size:12px;
font-weight:bold;
height:33px;
line-height:33px;
padding-right:40px}
#user4{
position:relative;
width:180px;
float:right;
margin-right:2px
}
#user5 {
height:150px;
width:392px;
overflow:hidden;


}
#user5right {
height:150px;
width:28px;
background-image:url(../images/user5right.jpg);
background-position:right top;
background-repeat:no-repeat;
position:relative;
float:right}
#user5 h3 {
display:none
}
#user5mid {
background-image:url(../images/user5mid.jpg);
background-repeat:repeat-x;
width:350px;
height:150px;
position:relative; float:left;
padding-right:5px;
padding-top:5px;
overflow:hidden}
#user5left {
background-image:url(../images/user5left.jpg);
background-repeat:no-repeat;
background-position:top left;
position: relative;	
width:9px;
height:150px;
float:left
}
#midle, #right, #chat, #report{
width:195px;
position:relative;
float:left;
}
#chat .moduletable, #report .moduletable, #user3 .moduletable, #user4 .moduletable {height:200px;
overflow:hidden}
.topmidle {
background-image:url(../images/rightsectiontop.jpg);
background-position:top right;
background-repeat:no-repeat;
height:8px}
.midlemidle {
background-image: url(../images/rightsectionmid.jpg);
background-position:top right;
background-repeat: repeat-y;
}
.botmidle {
background-image: url(../images/rightsectionbot.jpg);
background-position:top right;
background-repeat:no-repeat;
height:10px;
}


.midleinside {
padding:0 8px;
border-left:1px solid #FFF;
}
#right, #report {
margin-left:2px}
#right h3, #midle h3 {
background-image:url(../images/midrighth3.jpg);
background-repeat:no-repeat;
background-position:right top;
margin-right:2px;
color:#FFF;
font-size:12px;
font-weight:bold;
height:37px;
line-height:32px;
padding-right:35px;
display:block;
margin-right:-4px}
#midle .moduletable, #right .moduletable , ul, #chat .moduletable, #report .moduletable{
padding-bottom:10px
}
#chat h3 {
background-image:url(../images/chath3.jpg);
background-repeat:no-repeat;
background-position:right top;
margin-right:2px;
color:#FFF;
font-size:12px;
font-weight:bold;
height:32px;
line-height:32px;
padding-right:35px;
display:block;
margin-right:-4px}
#report h3 {
background-image:url(../images/reporth3.jpg);
background-repeat:no-repeat;
background-position:right top;
margin-right:2px;
color:#FFF;
font-size:12px;
font-weight:bold;
height:32px;
line-height:32px;
padding-right:35px;
display:block;
margin-right:-4px}
#rightsection3 {
margin-top:-8px}
#bmenu h3 
{
display:none;
}
#midle , #right
{ font-size:11px}
#bmenu ul li {
float:right;
background-image:none;
margin-right:10px;
padding-left:10px;
border-left: #C00 1px solid;
display:block}
#bmenu {
margin:0px auto;
width:70%;
padding:10px 0;
padding-bottom:5px;
line-height:15px}
#bmenu a, #bmenu a:visited {
color: #999}
#bmenu a:hover {
color:#09F}
ul li {
background-image:url(../images/arrow.png);
background-position:right top;
background-repeat:no-repeat;
padding-right:8px;
display:block}
li.latestnews  {
padding-left:0}
.thumbsup-title h1{
font-size:10px;
line-height:15px}
.thumbsup-title {
font-size:10px;}
#flashnews a, #flashnews a:visited {
color: #FFFFFF}

---

در تکمیل صجبت دوستان باید بگم که

اگر از کامپوننت نظرات جی کامنت استفاده میکنید میتونید

با تعریف عکس مورد نظر در قسمت قالب پیشفرض جی کامنت ادامه مطلب رو بر روی عکس دلخواه خود قرار بدهید

کاری که خود منم برای سایتم انجام دادم ( کامپیوتر پدیده )

برای نمایش ادامه مطلب باید وارد شوید

نام کاربری: demo

پسورد: 0000000

خوب بله از جی کامنت استفاده میکنم بی زحمت بگید دقیق تر چه کاری باید انجام بدم؟

[مـرادی 155]

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

[mk21 56]

برای انجام این کار در جی کامنت

ابتدا وارد مسیر زیر در هاست خود شوید

components/com_jcomments/tpl/dark

در اینجا منظور از dark قالب تعیین شده شما برای جی کامنت است. پیشفرض (default)

سپس فایل style_rtl.css را برای ویرایش باز کنید

در خط 8 کد زیر را جایگزین کنید

.readmore-link {background:url("آدرس عکس") no-repeat scroll 0 0 transparent;}

[leksoz 95]

برای انجام این کار در جی کامنت

ابتدا وارد مسیر زیر در هاست خود شوید

components/com_jcomments/tpl/dark

در اینجا منظور از dark قالب تعیین شده شما برای جی کامنت است. پیشفرض (default)

سپس فایل style_rtl.css را برای ویرایش باز کنید

در خط 8 کد زیر را جایگزین کنید

.readmore-link {background:url("آدرس عکس") no-repeat scroll 0 0 transparent;}

دوست عزیز بسیار ممنون درسته دکمه ادامه مطلب کادرش درست شد اما حالا یه چیز دیگه!

پستهایی که نظر بهشون داده شده کنار دکمه ادامه مطلب دکمه دیگری برای تعداد نظرات ظاهر میشه...

کادر پشت دکمه تعداد نظرات رو چه طور بزارم؟

یعنی واضح تر عکس رو ببینید:

[mk21 56]

برای انجام این کار در جی کامنت

ابتدا وارد مسیر زیر در هاست خود شوید

components/com_jcomments/tpl/dark

در اینجا منظور از dark قالب تعیین شده شما برای جی کامنت است. پیشفرض (default)

سپس فایل style_rtl.css را برای ویرایش باز کنید

در خط 8 کد زیر را جایگزین کنید

.readmore-link {background:url("آدرس عکس") no-repeat scroll 0 0 transparent;}

دوست عزیز بسیار ممنون درسته دکمه ادامه مطلب کادرش درست شد اما حالا یه چیز دیگه!

پستهایی که نظر بهشون داده شده کنار دکمه ادامه مطلب دکمه دیگری برای تعداد نظرات ظاهر میشه...

کادر پشت دکمه تعداد نظرات رو چه طور بزارم؟

یعنی واضح تر عکس رو ببینید:

خواهش میکنم خوشحالم که مشکلتون حل شد.

در مورد مشکل بعدی بیشتر توضیح بدید درست متوجه نشدم؟؟

[leksoz 95]

ببینید 2 تا دکمه زیر هر پست هستش...

یکی ادامه مطالب

دیگری تعداد نظرات پست

که داخل عکس پستهای قبلی هستش...

حال پشت دکمه ادامه مطلب پس ضمینه هستش اما دکمه تعداد نظرات هم باید کادر داشته باشه درسته؟خوب اونو چه طور کادر بزارم پشتش؟

دو دکمه کنار هم هستند دیگه...

همون افزونه نظر دهی جی کامنت یه دکمه میاره بغل دکمه ادامه مطلب ///دکمه تعداد نظرات هستش///

وقتی اولی که نوشته ادامه مطلب پس ضمینه داره دومی که نوشته تعداد نظرات هم نداشته باشه خیلی زشت میشه باید دکمه تعداد نظرات هم پس ضمینه داشته باشه...

[mk21 56]

گرفتم دوست عزیز

متاسفانه اینو هنوز خودمم نتونستم درستش کنم

از طریق همون جی کامنت دارم روش کار میکنم:1:

ok شد حتما خبر میدم

[leksoz 95]

شاید از دوستان دیگه کسی راه حل رو بدونه..:acigar:

[dosib 0]

سلام

برای اینکار شما باید استایل بنویسید

برای ادامه مطلب کلاس readon تعریف شده

برای همین شما اگر بخواهید ادامه مطلب بکگراندش رنگی بشه باید کد زیر رو در فایل سی اس اس قالب اضافه کنید:

.readon{
background-color:#990000;
}

ميشه بيشتر توضيح بديد

[leksoz 95]

ارسال ششم اقای مرادی فرمودند:

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

[leksoz 95]

برای انجام این کار در جی کامنت

ابتدا وارد مسیر زیر در هاست خود شوید

components/com_jcomments/tpl/dark

در اینجا منظور از dark قالب تعیین شده شما برای جی کامنت است. پیشفرض (default)

سپس فایل style_rtl.css را برای ویرایش باز کنید

در خط 8 کد زیر را جایگزین کنید

.readmore-link {background:url("آدرس عکس") no-repeat scroll 0 0 transparent;}

حالا میشه همون کد اولیه خط 8 رو یه نفر که جی کامنت داره به من بده؟

حالا پشیمون شدم کد اولیشو ندارم دوباره بزارم سر جاش!!!!