[2.5] Giúp Chỉnh Sửa Template

Thân gửi các Bạn,

Do mình mới làm quen với joomla nên không rành lắm. Mình đang gặp vấn đề như sau:

Mình sử dụng template j1.5 có sẳn và đã tạo thêm vị trí module mới có tên là topleft, nhưng chỉnh hoài vẫn không đưa module topleft vào vị trí mong muốn ( xem hình đính kèm ).


topleft là module mình tạo thêm.
Thanh menu màu xanh là do mình chỉnh width nhỏ lại chứ bình thường thì nó rộng hết màn hình.

Điều mình muốn là đưa topleft ở vị trí hiện tại lên vị trí mong muốn. Mình đã thử dung float, margin nhưng vẫn chưa được.

Mong các bạn giúp ! Cám ơn nhiều.

Đây là đoạn code trong file index.php:

<!-- BEGIN: MAIN NAVIGATION -->
<?php if ($tmpTools->getParam('ja_menu') != 'none') : ?>
<div id="ja-mainnavwrap">
<div id="ja-mainnav" class="clearfix">
<?php if ($jamenu) $jamenu->genMenu (0); ?>
</div>
</div>
<?php endif; ?>
<!-- END: MAIN NAVIGATION -->
<!-- END: HEADER -->
<?php if (!$tmpTools->isContentEdit() && $this->countModules('ja-slideshow')) { ?>
</div>
<!--BEGIN: LEFT TOP-->
<?php if ($this->countModules('topleft')) : ?>
<div class="topleft">
<jdoc:include type="modules" name="topleft" style="xhtml" />
</div>
<?php endif; ?>
<!--END: LEFT TOP-->
<!-- BEGIN: SLIDESHOW -->
<div id="ja-slideshow" class="clearfix">
<div id="ja-slideshow-bot"><div id="ja-slideshow-top" class="clearfix">
<jdoc:include type="modules" name="ja-slideshow" style="raw" />
</div></div>
</div>
<!-- END: SLIDESHOW -->
<?php } ?>

<div id="ja-containerwrap<?php echo $divid; ?>">
<div id="ja-container"><div id="ja-container-inner" class="clearfix">
<?php if ($ja_left) { ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col2">
<div class="ja-innerpad">
<jdoc:include type="modules" name="left" style="rounded" />
</div></div>
<!-- END: LEFT COLUMN -->
<?php } ?>

Đây là đoạn code CSS Liên quan:

div.topleft {

1. ​

   float: left;​
2. ​

   padding: 0;​
3. ​

   margin: 5px 0;​
4. ​

   background: #F2F8FC;​
5. ​

   width: 23%;​
6. ​

   border: 1px solid #CFECFF;​

}

#ja-mainnavwrap {

1. ​

   position: absolute;​
2. ​

   float: right;​
3. ​

   right: 0;​
4. ​

   bottom: 0;​
5. ​

   width: 75%;​
6. ​

   background: url(../images/bg-menu.jpg) repeat-x top center;​

}

Cám ơn các Bạn.

 

Nếu vậy bạn thử dời vị trí module Topleft lên chỗ menu thử xem?
<!-- BEGIN: MAIN NAVIGATION -->
Đặt Topleft trong thẻ này nè!
<!-- END: MAIN NAVIGATION -->
Còn vị trí đặt thì bạn test thử các vị trí. Vì mình cũng mò mẫm chứ chưa test, phỏng đoán vậy thôi. Nhưng mình nghĩ phải nằm cạnh vị trí manu mới có thể như bạn mong muốn:

<!-- BEGIN: MAIN NAVIGATION -->

<?php if (!$tmpTools->isContentEdit() && $this->countModules('ja-slideshow')) { ?>
</div>
<!--BEGIN: LEFT TOP-->
<?php if ($this->countModules('topleft')) : ?>
<div class="topleft">
<jdoc:include type="modules" name="topleft" style="xhtml" />
</div>
<?php endif; ?>

-------------------------------------------------------------------

<?php if ($tmpTools->getParam('ja_menu') != 'none') : ?>
<div id="ja-mainnavwrap">
<div id="ja-mainnav" class="clearfix">
<?php if ($jamenu) $jamenu->genMenu (0); ?>
</div>
</div>
<?php endif; ?>
<!-- END: MAIN NAVIGATION -->

 

Cám ơn gợi ý của Khánh,

Mình dùng chrome để xem code và phát hiện ra rằng Phần Menu thuộc div header và phần còn lại nằm ngọn trong div khác như hình:


Nên topleft không đặt ngang với thanh menu như mong muốn được. Mần mò, mình đã tìm cách tách thanh menu ra khỏi block 1 và đưa vào block 2 thết là được như mong muốn.

Thanks bạn nhiều nhé !

 

"Nên topleft không đặt ngang với thanh menu như mong muốn được. Mần mò, mình đã tìm cách tách thanh menu ra khỏi block 1 và đưa vào block 2 thết là được như mong muốn."

Chỉnh sao vậy bạn, share đi mình cũng đang cần