رفتن به مطلب

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

دانلود افزونه ها

پیامک متصل به جوملا

کانال تلگرام جومینا
leksoz

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

توسط leksoz، در عمومی

پست های پیشنهاد شده

leksoz    95

leksoz
ارسال شده در

با عرض سلام

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

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

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

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

www.joomina.ir

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

ممنون یا حق

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

مـرادی    155

مـرادی
ارسال شده در

سلام

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

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

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

.readon{
background-color:#990000;
}

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

mk21    56

mk21
ارسال شده در

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

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

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

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

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

نام کاربری: demo

پسورد: 0000000

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

leksoz    95

leksoz
ارسال شده در

سلام

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

برای ادامه مطلب کلاس 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

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

mk21    56

mk21
ارسال شده در

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

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

components/com_jcomments/tpl/dark

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

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

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

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

leksoz    95

leksoz
ارسال شده در

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

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

components/com_jcomments/tpl/dark

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

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

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

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

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

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

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

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

download.php?imgf=13263242541.JPG

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

mk21    56

mk21
ارسال شده در

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

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

components/com_jcomments/tpl/dark

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

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

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

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

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

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

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

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

download.php?imgf=13263242541.JPG

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

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

leksoz    95

leksoz
ارسال شده در

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

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

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

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

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

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

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

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

mk21    56

mk21
ارسال شده در

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

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

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

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

dosib    0

dosib
ارسال شده در

سلام

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

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

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

.readon{
background-color:#990000;
}

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

leksoz    95

leksoz
ارسال شده در

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

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

leksoz    95

leksoz
ارسال شده در

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

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

components/com_jcomments/tpl/dark

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

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

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

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

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

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

به اشتراک گذاری این ارسال

لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
برو به فهرست موضوع ها
×
×
  • افزودن...