Xin hỏi cách đặt 2 position trên cùng 1 dòng

Các thắc mắc, hướng dẫn về thiết kế Tempalte cho Joomla

Moderator: hungkhanggl

Post Reply
chien0101
Joomla! Apprentice
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

Post by chien0101 » Thu Sep 29, 2011 12:26 am

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
You do not have the required permissions to view the files attached to this post.

User avatar
duck_prince
Joomla! Enthusiast
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

Post by duck_prince » Sun Oct 02, 2011 7:12 am

Đâ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

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>
Cũng tương tự cho 1.7

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>
Phan mem crm ==> http://winmain.vn
dien thoai - laptop ==> http://itlead.vn

chien0101
Joomla! Apprentice
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

Post by chien0101 » Mon Oct 03, 2011 2:55 am

............ 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...!

User avatar
duck_prince
Joomla! Enthusiast
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

Post by duck_prince » Mon Oct 03, 2011 7:38 am

^^ Nghe nói gì? Chính xác đó bạn. Div ngon hơn table mà keke.
Phan mem crm ==> http://winmain.vn
dien thoai - laptop ==> http://itlead.vn

truonglychoi
Joomla! Apprentice
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

Post by truonglychoi » Wed Aug 15, 2012 3:58 pm

Đú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
--------------------------
http://dokieu.com - http://thegioiaocuoi.vn

nhuanctu
Joomla! Enthusiast
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

Post by nhuanctu » Fri Aug 17, 2012 2:24 am

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
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


Post Reply

Return to “Thiết kế Template”