تبدیل قالب css به جوملا

[safajuy]

سلام

آموزش اين مورد يك مقدار دشوار هست

اين آموزش ها توي ويكي نميشه گذاشت چون خيلي مفصله و براي كامپوننت ها متفاوته

اطلاعات جامع تري رو مي تونيد از آدرس زير پيدا كنيد
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
و
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

موفق باشيد

[a9876543210ag]

سلام، ممنون بابت راهنماییتون

یک چیزی که یاد گرفتم از یک نفر باید از کلاس .item برای اینکار استفاده بشه. امتحانی انجام دادم درست شد اما یک مشکلی دارم.

من 4 طرف مطالب را عکس گذاشت ( گوشه ها، و قسمت متصل شوندشون که ریپیت میشه ). چطوری تنظیم کنم این دستور item را که این عکسام برای هر مطلب تنظیم بشن.

کد css مطالبم اینه:

.content{
	width:734px;
	height:auto;
	font-size:12px;
	text-align:right;
	margin: 0px 0px 0px 20px;
	float:left;
	direction:rtl;
}

.content #post, .contentpaneopen{
	width:726px;
	height:auto;
	font-size:12px;
	text-align:right;
	color:#333;
	margin-left:4px;
	margin-top:7px;
	margin-bottom:-20px;
	line-height:19px;
	direction:rtl;
}

.content #tr{
	background:url(../images/con_tr.png) right no-repeat;
	width:12px;
	height:17px;
	float:right;
	margin:0px 0px 0px 0px;
}

.content #tl{
	background:url(../images/con_tl.png) left no-repeat;
	width:12px;
	height:17px;
	float:left;
	margin:0px 0px 0px -2px;
}

.content #trep{
	border-top: 1px solid #909090;
	width:712px;
	height:17px;
	float:left;
	margin:0px 0px 0px 0px;
}

.content #kr{
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin:-1px 0px 0px -2px;
}

.content #bl{
	background:url(../images/con_bl.png) left no-repeat;
	width:12px;
	height:14px;
	float:left;
	margin:0px 0px 0px -2px;
}

.content #br{
	background:url(../images/con_br.png) right no-repeat;
	width:12px;
	height:14px;
	float:right;
	margin: 0px 0px 0px 0px;	
}

.content #breap{
    border-bottom: 1px solid #909090;
	width:712px;
	height:14px;
	float:left;
	margin:-1px 0px 0px 0px;
}

.content #krepl{
	background:url(../images/con_krepl.png) repeat-y left;
	width:2px;
	float:left;
	margin:0;
}

.content #krepr{
	background:url(../images/con_krepr.png) repeat-y right;
	height:2px;
	float:right;
	margin:0;
}

.content #title , .contentheading{
	width:726px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	float:left;
	margin-left:4px;
	margin-top:-20px;
}

[a9876543210ag]

سلام مجدد

این کارهایی که میخواستمو انجام دادم. الان یک مشکل در قسمت html/com_content دارم فقط. از قالب های دیگه این فولدرو کپی کردم برای خودم تا وقتی وارد هر پیجی میشم از قالب قسمت مطالبم border داشته باشه ( مثلا میرم تماس با ما، اون قسمت فرم تماس با ما درون بوردر قرار بگیره ).

مشکل اینه وقتی وارد یک کامپوننت مثل گالری عکس میشم هیچ بوردری قرار نداره. برای چند کامپوننت دیگه هم اینجوریه. چه فایلی اضافه کنم به این فولدر؟

[safajuy]

براي كامپوننت اگر كلي بخواييد تغييري رو اعمال كنيد بايد در كلاس componenting واردكنيد. اگرمي خواييد براي همون كامپوننت اعمال كنيد بايد از همون روش بالا ولي اين بار براي كاموپننت مورد نظرتون استفاده كنيد.
مثلاً com_jomgallery و يا نظير اين

موفق باشيد

[a9876543210ag]

مرسی استاد عزیز. امکانش هست بیشتر توضیح بدین کلاس componenting به چه صورت است ؟

[safajuy]

اين كلاس بدنه ي كامپوننت شما رودرستمي كنه

شما ميتونيد توي اين كلاس بوردر رو تعيين كنيد.

موفق باشيد

[a9876543210ag]

این کلاس را در لیست معرفی کلاس های خود داکیومنت جوملا ندیدم. میخواستم بدونم همین componenting درستشه یا چیز دیگه ای هست؟
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[safajuy]

كلاسي رو كه شما component رو فراخوني كرديد رو بايد بهش استايل بديد. اين استايل روي همه ي كامپوننت ها اعمال ميشه

من خودم به شخصهcomponenting ميذارم.يه كلاس اختياري هست. فكر كنم قبلاً گفته باشم

موفق باشيد

[a9876543210ag]

یه کلاس به اسم .componenet ساختم نشد. کد قسمت مطالبم اینه. اگر میشه مثالشو تو کد من اضافه کنید.

.content {
    width:736px;
    height:auto;
    font-size:12px;
    text-align:right;
    margin: 0px 0px 0px 20px;
    float:left;
    direction:rtl;
    overflow:hidden;
}

.content #post .item, .contentpaneopen{
    border:solid 1px #a8a6a8;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright:9px; 
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px; 
    -webkit-border-top-left-radius:9px;
    -webkit-border-top-right-radius:9px; 
    -webkit-border-bottom-left-radius:9px;
    -webkit-border-bottom-right-radius:9px;
    border-top-left-radius:9px;
    border-top-right-radius:9px; 
    border-bottom-left-radius:9px;
    border-bottom-right-radius:9px;
    color:#333;
    font-size:12px;
    margin-right:0px;
    margin-top:0px;
    margin-right:20px;
    margin-bottom:0px;
    width:700px;
    padding: 5px 5px 10px 5px;
    line-height:20px;
    direction:rtl;
    behavior: url(PIE.htc);
}

.content  #title , .contentheading{
    width: 500px;
    font-size:14px;
    font-weight:bold;
    color:#EFA029;
    margin-top:0px;
    float:right;
    direction:rtl;
}

[safajuy]

یه کلاس به اسم .componenet ساختم نشد. کد قسمت مطالبم اینه. اگر میشه مثالشو تو کد من اضافه کنید.

قالبتون رو آنلاين كنيد تا كدهاي قالبتون روگسترش بدم.

من توي اين دستورات كلاس .component نمي بينم!

موفق باشيد