Tìm kiếm nhanh

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

  • ductrung

    ductrung Đức Trung

     

     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:

  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

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

    Ví dụ

    class="container"

     
  • ductrung

    ductrung Đức Trung

    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

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    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.
  • ductrung

    ductrung Đức Trung

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

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    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.
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    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.
  • ductrung

    ductrung Đức Trung

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

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    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.
  • ductrung

    ductrung Đức Trung

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

    anhyeuviolet Kenny Nguyen

     

    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!

     
  • ductrung

    ductrung Đức Trung

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

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

     

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

     
  • 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

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    Sorry, my bad !

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

     

     

     
  • 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