Xin chào!
Mình cần thiết kế như hình dưới đây mong các huynh chỉ giúp.
Mình phải code như thế nào trong file: index.php, mycss.css, templateDetails.xml
Xin hỏi cách đặt 2 position trên cùng 1 dòng
Moderator: hungkhanggl
Forum rules
-
- Joomla! Apprentice
- Posts: 5
- Joined: Tue Sep 27, 2011 8:32 am
Xin hỏi cách đặt 2 position trên cùng 1 dòng
You do not have the required permissions to view the files attached to this post.
- duck_prince
- Joomla! Enthusiast
- Posts: 118
- Joined: Sat Jun 11, 2011 5:53 pm
- Contact:
Re: Xin hỏi cách đặt 2 position trên cùng 1 dòng
Đây là biến tấu của mình cho cái footer ở joomla 1.5. Mình cho 1 cái table với 1 dòng, 2 cột, chỉnh độ rộng 2 cột rồi bỏ 2 cái position vào 2 cột đó. Bạn có thể dùng div
Cũng tương tự cho 1.7
Code: Select all
<div class="art-footer-body" style="padding-left:0px;">
<table width="978">
<tr>
<td width="648" align="left">
<div id="menu_bottom" >
<jdoc:include type="modules" name="menu_bottom"/>
</div>
</td>
<td width="330">
<div class="art-footer-text">
<?php if (artxCountModules($document, 'copyright') == 0): ?>
<p>All Rights Reserved @ Preventive Medical Center of Marin <a href="http://winmain.vn"></a></p>
<?php else: ?>
<?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
<?php endif; ?>
</div>
</td>
</tr>
</table>
<div class="cleared"></div>
</div>
Code: Select all
<table width="995">
<tr>
<td width="619" class="tvt-footer-body">
<?php echo $view->position('copyright', 'tvt-nostyle'); ?>
</td>
<td width="349" align="right" class="tvt-copyright">
All Rights Reserved © Preventive Medical Center of Marin.
</td>
</tr>
</table>
-
- Joomla! Apprentice
- Posts: 5
- Joined: Tue Sep 27, 2011 8:32 am
Re: Xin hỏi cách đặt 2 position trên cùng 1 dòng
............ Thank you !!!!!
...............Mình sẽ cố gắng làm bằng tab div vì mình nghe nói div sẽ load nhanh hơn table...!
...............Mình sẽ cố gắng làm bằng tab div vì mình nghe nói div sẽ load nhanh hơn table...!
- duck_prince
- Joomla! Enthusiast
- Posts: 118
- Joined: Sat Jun 11, 2011 5:53 pm
- Contact:
Re: Xin hỏi cách đặt 2 position trên cùng 1 dòng
^^ Nghe nói gì? Chính xác đó bạn. Div ngon hơn table mà keke.
-
- Joomla! Apprentice
- Posts: 39
- Joined: Sat Feb 11, 2012 4:59 am
- Contact:
Re: Xin hỏi cách đặt 2 position trên cùng 1 dòng
Đúng rồi <div> hơn table mà hơn nữa bạn dùng <div id="fotterlogo"></div> và <div id ="quangcaofotter"> 1 cai float: left width:40%; một cái width:60% la ok
-
- Joomla! Enthusiast
- Posts: 112
- Joined: Fri May 06, 2011 7:13 am
Re: Xin hỏi cách đặt 2 position trên cùng 1 dòng
phương phát chèn vị trí cho joomla hơi phức tạp chúc chứ đâu có dễ vậy đâu
Mặc định trong template của Joomla đều thiết kế các vị trí module rất hợp lý với bố cục của website. Tuy nhiên, nếu cảm thấy các vị trí đó là chưa đủ, bạn vẫn có thể chèn thêm vào trong template một số vị trí module mới theo ý của mình.
Mở file chứa template của bạn, chẳng hạn "\templates\phpcantho\index.php", xác định chỗ mà bạn muốn thêm một vị trí module mới và đặt vào đoạn mã sau:
Code:
<?php if ($this->countModules('new_position')) : ?>
<div>
<jdoc:include type="modules" name="new_position" style="xhtml" />
</div>
<?php endif; ?>
Tiếp theo, mở file "\templates\phpcantho\templateDetails.xml", thêm vào mục <positions></positions> đoạn mã sau:
Code:
<position>new_position</position>
Trong đó thuộc tính "style" có thể là: rounded, none, table, horz, xhtml, outline
Mặc định trong template của Joomla đều thiết kế các vị trí module rất hợp lý với bố cục của website. Tuy nhiên, nếu cảm thấy các vị trí đó là chưa đủ, bạn vẫn có thể chèn thêm vào trong template một số vị trí module mới theo ý của mình.
Mở file chứa template của bạn, chẳng hạn "\templates\phpcantho\index.php", xác định chỗ mà bạn muốn thêm một vị trí module mới và đặt vào đoạn mã sau:
Code:
<?php if ($this->countModules('new_position')) : ?>
<div>
<jdoc:include type="modules" name="new_position" style="xhtml" />
</div>
<?php endif; ?>
Tiếp theo, mở file "\templates\phpcantho\templateDetails.xml", thêm vào mục <positions></positions> đoạn mã sau:
Code:
<position>new_position</position>
Trong đó thuộc tính "style" có thể là: rounded, none, table, horz, xhtml, outline
Joomla code vip: http://phpcantho.com
Thiet ke web can tho: http://dichvu.phpcantho.com
Tải phần mềm bằng link mediafire tại linksoftvn.com
Thiet ke web can tho: http://dichvu.phpcantho.com
Tải phần mềm bằng link mediafire tại linksoftvn.com