[Hỏi] Chỉnh footer cho bằng với phần body

Thảo luận trong 'Hỗ trợ giao diện, block' đăng bởi ductrung, 01/08/2016 10:22.

  • Zelenalsn

    Zelenalsn ZelenafoxOC ZelenacbrOC

     

     Chỉnh footer cho bằng với phần body như demo : http://dienchau2.edu.vn/   thì chỉnh như thế nào ah, ai biết hướng dẫn mình với

     

    Tệp đính kèm:

  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Tụi nó phải nằm trong cùng class.

    Ví dụ

    class="container"

     
  • Zelenalsn

    Zelenalsn ZelenafoxOC ZelenacbrOC

    Hướng dẫn rõ thêm tý không bác ơi, đã dốt rồi mà bác nói thế này thì hại não e lắm

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Haizzz...

    Muốn kỹ thì phải đưa site bạn lên.

    Chứ bạn ko biết tí gì thì làm sao nói kỹ là kỹ vào đâu được ...

     
    ductrung thích điều này.
  • Zelenalsn

    Zelenalsn ZelenafoxOC ZelenacbrOC

    mình đang làm trên localhost chứ chưa đưa lên bác ah

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Thế hơi căng.

    Vì nói là sửa thì biết nói bạn sửa thế nào bây giờ.

     

    Bạn đang sửa theme mặc định phải ko ?

     
    ductrung thích điều này.
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Nếu là theme Nuke chuẩn thì dễ nhất là mở foolter_extend.tpl ra.

    Tìm

    <footer id="footer">

    Sửa thành 

    <footer id="footer" class="wraper">

    Bổ sung:

     

    Mở style.css, tìm

    #footer {
        position: relative;
        min-height: 300px;
        width: 100%;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #428BCA;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #245682;
        background-color: #245682;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, 0) 100%);
        padding: 20px 0;
        font-size: 13px;
    }

    Xoá bỏ

    width: 100%;

    Sửa tiếp 

    <nav class="footerNav2">

     

    Thành 

    <nav class="footerNav2 wraper">

     

    Mở style.css ra, tìm

    .footerNav2 { 
    	position:relative; 
    	width:100%; 
    	background-color:#193c5a; 
    	padding:10px 0; 
    	color:#dcdcdc; 
    }

    Xoá

    
    width:100%;

     

    Lưu lại và dọn hệ thống.

     

     
    Lần sửa cuối bởi bạn: 02/08/2016 23:21
    hpleduit thích điều này.
  • Zelenalsn

    Zelenalsn ZelenafoxOC ZelenacbrOC

    làm y chang như bác hướng dẫn mà vẫn chưa đc là sao hè, blush

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Vậy là lại sai ở đâu rồi ...

    Hoặc theme ko còn nguyên bản.

     
    ductrung thích điều này.
  • Zelenalsn

    Zelenalsn ZelenafoxOC ZelenacbrOC

    THEME nguyên bản bác ah, để thử lại cái mới coi sao

     
  • mình làm như bạn chỉ, mà nó chỉ được phía dưới ah

     

    Tệp đính kèm:

    • footer.png
      footer.png
      Dung lượng:
      160.19 KB
      Lượt xem:
      6
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

     

    Mình có cập nhật, các bạn xem lại nhé !

     
  • Chỉnh được rồi bạn, cảm ơn bạn nhiều lắm!

     
  • Zelenalsn

    Zelenalsn ZelenafoxOC ZelenacbrOC

    đã xong, ngồi cả sáng làm loay hoay mãi cũng ra,

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

     

    Vậy có phải tại mình hông ?

     
  • sutiqa85

    sutiqa85 Tăng Thanh Suti

    Sao cái mình sửa giống như hướng dẫn của bạn nhưng chỉ áp dụng cho chế non-reponsive khi chọn chế độ reponsive thì trở lại như ban đầu cái đó không còn tác dụng nữa. Mình đang dùng theme default

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Sorry, my bad !

    Mình cập nhật code bên trên rồi nhé !

     

     

     
  • sutiqa85

    sutiqa85 Tăng Thanh Suti

    Thanks cái đó mình làm được rồi. chỉ cần thêm cái này class="wraper" vào template là được.

     

Chia sẻ trang này

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây