تبدیل قالب 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 .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;
}

---

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

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

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

که tahoma بوده

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

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

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

نقل قول:

---

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

---

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

نقل قول:

---

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

---

در right از چه divی استفاده کردید؟ برای اون div از چه کلاس یا id استفاده کردید؟

موفق باشید

دستورات 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>

---

سلام

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


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

سلام

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

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

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

سلام

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

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