Thiết Kế Web Với Blank Template Như Thế Nào ???

Thảo luận trong 'Mới sử dụng Joomla' bắt đầu bởi lonelyeveningstar, 28/7/12.

  1. lonelyeveningstar

    lonelyeveningstar Mới tham gia

    Bài viết:
    6
    Likes :
    0
    mình có một blank template, giờ muốn thiết kế các position thì làm sao hen ???
     
  2. kingstone

    kingstone Rất nhiệt tình

    Bài viết:
    478
    Likes :
    152
    Đặt câu hỏi như ông nội người ta !
     
  3. lonelyeveningstar

    lonelyeveningstar Mới tham gia

    Bài viết:
    6
    Likes :
    0
    t mới học nên ko bít, ko bít nên mới hỏi, nếu giỏi thì ko cần phải hỏi rồi, u ko giúp dc thì ăn nói cũng nên lịch sự chút
     
  4. techmodule

    techmodule Rất nhiệt tình

    Bài viết:
    146
    Likes :
    40
    Bây h blank thì hơi khó, nhưng với code của temp sẵn thì hình như là như sau:
    Mình ví dụ với J1.5 thì như sau:
    Bộ temp của nó bao gồm các file:
    1. Index.php
    - file này định vị trí bố trí các possition khi hiển thị ra trang web. nó nằm ở your domain\templates\thu mục chứa temp( ví dụ \templates\ja_purity)
    2. template.css file này nằm ở your domain\templates\thu mục chứa temp\css
    - FIle này chứa đặc tính của position. ví dụ bạn đặt 1 cái đặc tính chữ của menu là:
    Mã:
    .menu_dactinh { //dòng này là tên của đặc tính
    font-size: 100%; khu vực này là đặc tính
    text-transform: uppercase;
    }
    3. file templateDetails.xml , file này khai báo tên các vị trí, các file cần dùng, các ảnh cần dùng..... , ví dụ:
    Mã:
    </files>
    <images>
    <filename>images/tm-bg.jpg</filename>
    <filename>images/arrow.png</filename>
    ..................
    
    Và possition
    Mã:
    <positions>
    <position>hornav</position>
    <position>breadcrumbs</position>
    <position>banner</position>
    <position>left</position>
    <position>right</position>
    <position>top</position>
    và nhiều cái khác nữa, bạn mở ra sẽ thấy.


    Bây h trở lại với việc bố trí các possition, cái này nhắc lại mình là dân ngoại đạo, nhưng mà mình cũng hướng dẫn sơ sơ nhé
    1. Bạn vẽ ra các vị trí cần sửa, cần bố trí, sau đó code vào file index.php. Tôi ví dụ như sau:
    Tôi cần vị trí tên là m-news1, chuyên hiển thị giao diện tin tức trang chủ, ờ file index.php tôi viết như sau
    Mã:
    <?php if($this->countModules('m-news1')) : ?> //đặt tên possition m-news1
    <div id="ja-news"> //đặc tính của tin tức là ja-news
    <jdoc:include type="modules" name="m-news1" /> Vùng này chứa các module hiển tin tức và tên gọi là m-news1
    </div>
    <?php endif; ?>
    Sau đó bạn vào file template.css bạn viết thêm dòng này
    Mã:
    #ja-news {
    margin: 15px 0; //Căn lề (cái này bạn tự tìm hiểu nhé)
    text-align: center; //Căn chữ ở giữa
    border: 2px #A9A9A9 solid; //Viền bo của vị trí m-news1
    -webkit-border-radius: 0px; //bo góc theo bán kính nào
    -moz-border-radius: 0px;
    border-radius: 0px;
    }
    Và cuối cùng bạn vào file file templateDetails.xml khai thêm cái tên vị trí theo cấu trúc
    Mã:
    <positions>
    <position>hornav</position>
    <position>breadcrumbs</position>
    <position>banner</position>
    <position>left</position>
    <position>right</position>
    <position>top</position>
    <position>user1</position>
    <position>user2</position>
    <position>user3</position>
    <position>user4</position>
    <position>user5</position>
    <position>footer</position>
    <position>syndicate</position>
    <position>debug</position>
    <position>m-news</position>
    <position>m-news1</position> (Ở ĐÂY BẠN NHÉ)
    <position>m-news2</position>
    <position>m-news3</position>
    <position>m-news4</position>
    <position>m-news5</position>
    <position>imgs-show</position>
    <position>m-related-news</position>
    <position>m-contact</position>
    <position>m-social</position>
    </positions>
    


    Vậy là xong, bạn vào quản lí module, và lấy 1 cái module tên là tin mới chẳng hạn, chọn vị trí m-news1 và xem kết quả nhé
     
    lonelyeveningstar thích bài này.
comments powered by Disqus

Chia sẻ trang này