تبدیل قالب css به جوملا [بایگانی]

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : تبدیل قالب css به جوملا

a9876543210ag

03-01-2012, 05:26 AM

سلام

برای تبدیل قالب css,html به جوملا چند سوال دارم:

1. موقع تبدیل اولیه و فعال سازی چند ماژول ، ماژول های فعال شده در موقعیت ها زیبا و درست نمایش داده نمیشن ( ماژول های پیش فرض هم اینجوریه )

2. آیا موقع تنظیم css جوملا استایل هایی که ساختیم باید تغییر زیادی بدیم؟

لطفا چند خط کد ساده هم بزارید

shmata

03-01-2012, 06:48 AM

این مقاله (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> %82%D8%A7%D9%84%D8%A8_%D8%AF%D8%B1_%D8%AC%D9%88%D9 %85%D9%84%D8%A7&redirect=no) را مطالعه بفرمایید

a9876543210ag

03-01-2012, 08:32 AM

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

shmata

03-01-2012, 08:41 AM

برای تغییر استایل یک موقعیت باید کدهای css مربوط به اون موقعیت را در فایل css بنویسید (نیاز به این دارد که شما بتونید با css کار کنید)و بعد اون استایل رو به موقعیت تون ارجاع بدید .
به این صورت (فرض میکنیم شما کدها مربوط به css رو در فایل css نوشتید به این صورت میتونید به موقعیت top تون اون استایلها رو ارجاع بدید) در فایل index.php

<div id="top">
<jdoc:include type="modules" name="top" />
</div>

و در فایل template.css میتونید

#top{
/* style haye marbot be namayes Onvan ha & kadr */
}

بنویسید

a9876543210ag

03-01-2012, 03:39 PM

همین صورتی که گفتید انجام دادم ولی دوتا مشکل هست!

1. قسمت مطالب سایت فونت خود مطلب + فونت تایتل اونی که من داخل استایل تعریف کردم نیست.
2. تایتل استایل های دیگم ( مثلا راستی و ... ) هم مثل اون استایل تعریف شده نیست.

کد index.php :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>">
<html xmlns="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>">
<head>
<meta <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>"Content-Type" content="text/html; charset=utf-8" />
<jdoc:include type="head" />
<link href="<?php echo $this->baseurl ?>/templates/test/css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main-wrapper">
<div id="wrapper">
<div id="logo"></div>
<div id="search"></div>
<div class="top-wrapper">
<div class="top">
<div class="home"></div>
<div class="repeat"><jdoc:include type="modules" name="top" style="xhtml" /></div>
<div class="sleft"></div>
</div>
</div>
<div id="imgslide"></div>
<div class="right">
<div class="caption"></div>
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<div class="content">
<div class="content" id="title"> </div>
<jdoc:include type="component" style="xhtml" />
</div>
<div class="mo1"><jdoc:include type="modules" name="mo1" style="xhtml" /></div>
<div class="mo2"><jdoc:include type="modules" name="mo2" style="xhtml" /></div>
<div class="mo3"><jdoc:include type="modules" name="mo3" style="xhtml" /></div>
<div class="mo4"><jdoc:include type="modules" name="mo4" style="xhtml" /></div>
</div>
<div class="footer">
<div class="fo1">
<div class="title"></div>
<jdoc:include type="modules" name="fo1" style="xhtml" />
</div>
<div class="fo2">
<div class="title"></div>
<jdoc:include type="modules" name="fo2" style="xhtml" /></div>
<div class="fo3">
<div class="title"></div>
<jdoc:include type="modules" name="fo3" style="xhtml" /></div>
<div id="copyright"></div>
</div>
</div>
</body>
</html>

a9876543210ag

03-02-2012, 05:00 PM

راستی این لینک منظورش از اون جدول Core CSS Class Used With چیه

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>_jdoc:include _types

shmata

03-02-2012, 07:43 PM

لطفا برای قرار دادن کد از تگ code استفاده کنید.
اگر سایتتون آنلاین لینک شو بدید و بگید مشکل title دقیقا در کدام قسمت است ؟

a9876543210ag

03-03-2012, 07:21 AM

نه سایت آنلاین نیست

تایتل ماژول ها

مثل موقعیت ماژول های right

a9876543210ag

03-03-2012, 08:35 AM

اینجور فهمیدم داخل لینک بالا که دادم قسمت css core باید دستورات css خود جوملارو جایگزین کنم.

مثلا برای قسمت ارسال شده در تاریخ .... باید کد createdate را داخل css بزارم

اما برخی کدا جواب نمیده. مثلا createby میزارم اما خطی که مینویسه ارسال شده توسط.... را حالت متنو تغییر نمیده!!!!

shmata

03-04-2012, 08:18 AM

اون قالب html و css که برام فرستادید تبدیل به قالب جوملا کردم
میتونید دانلود اش کنید و در پوشه templates جوملا آپلود و استفادش کنید
سوالاتتونو در انجمن مطرح کنید .

175

a9876543210ag

03-04-2012, 09:43 AM

چندتا سوال :

1. در خود css/html که دادم خدمتتون قسمت جستجو سمت چپ بوده و الان اومده راست

2. در قسمت مطالب سایت اگر css/html را ببینید، عنوان هر مطلب سایز و حال فونتش متفاوته. که من میخواستم داخل جوملا هم مثل css,html اصلی باشه.. اینجاشو چیکار کنم؟

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

shmata

03-04-2012, 11:47 AM

اگر در مدیریت زبان سایت تون را فارسی ست کردید فایل template_rtl.css و اگر انگلیسی ست کردید template.css را ویرایش کنید.
برای جابجا کردن پوزیشن هایی که در جای خودشون نیستند از مدیریت ماژولها اقدام کنید . اگر جابجا نشد فایلهای css که گفتم را تغییر بدید.

a9876543210ag

03-04-2012, 05:30 PM

اینکه نام Position ها عوض شد دلیل خاصی داره؟ یعنی جوملا فقط اونارو پشتیبانی میکنه که شما گذاشتین؟

راستی برای ماژول ها مشکلش حل نشد. یعنی ماژول لاگین که فعال کردم بهم ریخته بود بازم...

shmata

03-04-2012, 08:00 PM

خیر نام Position هارا میتونید دلخواه انتخاب کنید.
باید تنظیمات مربوط به css آن ماژولی که نادرست نمایش داده میشود را در فایلهایی که عرض کردم بنویسید.
پیشنهاد میکنم این 2 مقاله را مطالعه بفرمایید.
به این دلیل که شما برای کاری که میخواهید انجام بدید باید به این مطالب کاملا مسلط باشید
همه چیز در مورد fire bug (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> %B2_%D8%AF%D8%B1%D9%85%D9%88%D8%B1%D8%AF_Firebug&redirect=no)
آموزش طراحی قالب در جوملا (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> D8%A8_%D8%AF%D8%B1_%D8%AC%D9%88%D9%85%D9%84%D8%A7)

a9876543210ag

03-05-2012, 07:05 AM

آموزش کار با فایرباگ کامل بلدم. فقط اگر بشه کدهای تنظیم ماژو.ل را بزارید اینجا ممنون میشم. قسمتی از قالبو تنظیم کردم. فقط کدهای تنظیم ماژولو ندارم...

safajuy

03-05-2012, 07:13 AM

سلام

کدهای تنظیم ماژو.ل
چه كدي؟ CSS يا php؟
php رو توي دانشنامه به دنبالش بگرديد.
CSS هم اگر با div طراحي كرده باشيد:
div.moduletable : براي بدنه ي ماژول
div.moduletable h3 : براي عنوان ماژول

موفق باشيد

a9876543210ag

03-05-2012, 07:31 AM

بله منظورم کد css هست

اینی که دادینو گذاشتم، اما ستون سمت راستمو میفرسته سمت چپ!!!

safajuy

03-05-2012, 07:59 AM

ايندستور كليه
وقتي شما موقعيتي رو قرار مي ديد بايد در داخل يك كلاس يا آي دي باشه. مثلاً:

<div class="user-1">
<jdoc:include type="modules" name="user-1" style="none" />
</div>

كلاسي كه اينجا داريم user-1 هستش كه بايد دستورات مربوط به موقعيتش رو توي اين كلاس بنويسيم
اون دستوراتي كه در بالادادم يه دستور كلي بود براي ماژولها. يعني وقتي شما div.moduletable رو استايل ميديد بهش براي كل ماژولها همون استايل نوشته ميشه.

وقتي كه بخواييد فرضاً يه ماژولي سمت چپ باشه بايد از طريق كلاس مربوطه اقدام كنيد نه از دستور كلي div.moduletable

موفق باشيد

a9876543210ag

03-05-2012, 10:53 AM

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

خیلی لطف دارین

یک سوال کوچیک دارم: داخل قالبی چندتا موقعیت ها درون css از border استفاده کردم. چه اون موقعیت فعال باشه چه نباشه border هارو نمایش میده. چطوری تنظیم کنم فقط با فعال شدن موقعیت border نمایش بده

safajuy

03-05-2012, 11:12 AM

قبل از div موقعيت اين دستور:

<?php if($this->countModules('user-1')) : ?>
و در آخر div:

<?php endif; ?>
رو قرار بديد.

اين دستور موقعيت user-1 رو در صورت نبودن ماژول بر مي داره

موفق باشيد

a9876543210ag

03-05-2012, 03:31 PM

الان یک مشکل عجیب پیدا شده.

در دایو right که تایتل و محتوی را تنظیم کرد شامل این کدها بود:

.right , div.moduletable, div.moduletable_menu, div.moduletable_text{
width:145px;
height:auto;
float:right;
font-family:Tahoma;
text-align:right;
padding-right:2px;
padding-left:0;
margin-bottom:5px;
}

.right .caption , div.moduletable h3 , div.moduletable_menu h3{
font-family:Tahoma;
font-size:12px;
font-weight:bold;
margin-bottom:1px;
}

ولی در قسمت fo1 که داشتم تنظیم میکردم، دیدم کد تایتلش روی تایتل right تاثیر گذاشته! ( البته روی ماژول منوی right تاثیر نداشته )

.footer{
width:1007px;
height:auto;
background-color:#ccc;
margin:45px 0px 0px 0px;
padding:25px 43px 5px 43px;
text-align:right;
float:right;
}

.footer .title, div.moduletable h3{
font-family:Arial;
font-size:14px;
font-weight:bold;
padding-bottom:5px;
}

.footer .fo1 , div.moduletable{
width:250px;
height:auto;
margin-left:55px;
float:right;
color:#333;
}

shmata

03-05-2012, 06:43 PM

در جوملا 1.5 تگ h3 به عنوان title درنظر گرقته میشود در کدی که قرار دادید h3 کاملا مشخصه
باید h3 را اصلاح کنید .
البته شما فقط گفتید تاثیر گذاشته . اگر دقیقا میگفتید چه مشکلی پیش اومده بهتر میتونستم کمک تون کنم.

a9876543210ag

03-05-2012, 06:59 PM

در .footer .fo1 فونت arial هست

و فونت right را هم کرده arial

که tahoma بوده

shmata

03-05-2012, 07:03 PM

فایل template_rtl.css و template.css باز کنید در قسمت bodyفونت پیش فرض را Tahoma ست کنید . اگر درست نشد در این فایل ها عبارت Arial را جستجو کنید و تماما تبدیل به Tahoma کنید

a9876543210ag

03-05-2012, 07:20 PM

در body فونت پیش فرض tahoma هست. کل فونت ها tahoma هستند و فقط میخواستم فونت تایتل موقعیت های fo تغییر بکنه به arial

علاوه بر خود نوع فونت سایز فونت هم در موقعیت right عوض شده.

safajuy

03-06-2012, 07:58 AM

فونت تایتل موقعیت های fo تغییر بکنه به arial
در کلاس contentheading فونت فمیلی رو arial قرار بدید

علاوه بر خود نوع فونت سایز فونت هم در موقعیت right عوض شده.
در right از چه divی استفاده کردید؟ برای اون div از چه کلاس یا id استفاده کردید؟

موفق باشید

a9876543210ag

03-06-2012, 08:27 AM

دستورات css مربوط به استایل right

.right , div.moduletable, div.moduletable_menu, div.moduletable_text{
width:145px;
height:auto;
float:right;
font-family:Tahoma;
text-align:right;
padding-right:2px;
padding-left:0;
margin-bottom:5px;
}

.right a{ color:#069; text-decoration:none; }
.right a:hover{border-bottom: 2px dashed #09F; padding-bottom:2px;}

.right .caption , div.moduletable h3 , div.moduletable_menu h3{
font-family:Tahoma;
font-size:12px;
font-weight:bold;
margin-bottom:1px;
}

.right ul{
list-style-type:none;
width:120px;
margin-top:8px;
}

.right ul li {
background:url(../images/pointer.png) no-repeat;
background-position:right;
padding:0px 17px 8px 0px;
margin-right:15px;
}

و دستورات html مربوط به right :

<div class="right">
<div class="caption"></div>
<ul class="right">
<jdoc:include type="modules" name="right" style="xhtml"/>
</ul>
</div>

اینم کد html قسمت fo

<div class="fo1">
<div class="title"></div>
<jdoc:include type="modules" name="fo1" style="xhtml"/>
</div>

a9876543210ag

04-07-2012, 02:42 PM

سلام

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

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

safajuy

04-09-2012, 07:01 AM

سلام

براي اين كار بايد براي سيستم محتواي خودتون يك استايل ايجاد كنيد.

براي اينكار بايددرپوشه ي html/com_content استايل هاي مربوط به كامپوننت محتوار رو وارد كنيد.

اين كار مبحث پيچيده تري نسبت به طراحي قالب داره
موفق باشيد

a9876543210ag

04-09-2012, 05:30 PM

سلام

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

خیلی لازم دارم این مبحث را سریعتر یاد بگیرم

safajuy

04-15-2012, 08:04 AM

سلام

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

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

اطلاعات جامع تري رو مي تونيد از آدرس زير پيدا كنيد
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
و
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>!_core

موفق باشيد

a9876543210ag

04-17-2012, 08:10 AM

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

یک چیزی که یاد گرفتم از یک نفر باید از کلاس .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

05-10-2012, 10:28 AM

سلام مجدد

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

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

safajuy

05-10-2012, 12:41 PM

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

موفق باشيد

a9876543210ag

05-10-2012, 03:37 PM

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

safajuy

05-10-2012, 04:04 PM

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

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

موفق باشيد

a9876543210ag

05-10-2012, 09:31 PM

این کلاس را در لیست معرفی کلاس های خود داکیومنت جوملا ندیدم. میخواستم بدونم همین componenting درستشه یا چیز دیگه ای هست؟
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

safajuy

05-10-2012, 10:45 PM

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

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

موفق باشيد

a9876543210ag

05-11-2012, 06:38 AM

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

05-11-2012, 06:52 AM

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

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

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

موفق باشيد

a9876543210ag

05-11-2012, 08:13 AM

ببخشید جا افتاد. این هم کلاس component

.component{
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);
}

من هنوز هاست و دامنه را خریداری نکردم و دارم روی لوکال آزمایشات را انجام میدم.

safajuy

05-11-2012, 09:58 AM

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

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

البته با توجه به اين كه دستورات فني و برنامه نويسي در اين انجمن پشتيباني نميشه و توي قوانين هم ذكر كرديم اين نهايت كمكي هستش كه مي تونيم به شما بكنيم

موفق باشيد

a9876543210ag

05-11-2012, 11:08 AM

شما لطف دارین اقای صفاجوی که با وجود قوانین بازم یکسری راهنمایی ها را میکنید. مقداری تو کدها تغییر دادم به نتایجی رسیدم اما کافی نبود. کد را اینطوری کردم : .content #post , .component{ border:1px solid red; } قسمت کامپوننت ها کادر را کشید. ولی در بخش های دیگه سایت هم یک کادر اضافه میکنه. مثلا مطالب سایت که از این کلاس .content #post .item, .contentpaneopen استفاده میکنند کادرشون هست. اما کادر اون کلاس بالا هم که مال کامپوننته هم اضافه میشه در صورتی که بازم به اپلوده بگین تو هاستای رایگان اپلود میکنم

safajuy

05-11-2012, 11:29 AM

از يك كلاس واحد استفاده كنيد

مطالب هم خودش يك كامپوننت هستش. همون چيزي رو كه براي component ميذاريد براي content هم بذاريد

حداق در مواردي كه مشترك هستن از يك دستور استفاده كنيد. مثلاً border يا شعاع گوشه ي كامپوننت

دستورات لغو كنندهاي كه بهتون گفتم هم مي تونه اينجا به كارتون بياد. اگر يك پوشه ي html بسازيد واستايل خودتون رو در اونجا بريزيد به مراتب بهتر هستش. بعضي جاها پيش مياد كه يك كلاس در دو كمپوننت يكسان هستش. مثل پاراكترهاي عمومي p يا li يا ul كه ميشه اين استايل ها رو در قالب دستورات لغو كننده درست كرد.

البته اين كارنياز به آزمون و خطاي زيادي داره كه به مرور دستتون مياد كه كجا رو بايداستايل بديد

موفق باشيد

a9876543210ag

05-11-2012, 11:50 AM

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

فولدر html را دارم داخل قالب. از چندتا قالب دیگه کپی کردم و کمی تغییرات دادم ( بلد نیستم ساختارش چطور هست ). مشکل هنوز رفع نشده.

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