Footer đẹp cho diễn đàn Xenforo Đầu tiên download file đính kèm và giải nén ra. Sau đó upload các file trong đó lên host, up vào folder images trên host (nếu trên host chưa có thì tạo folder mới tên images nha). Tiếp theo vào ACP > Appearance > Template: Vào template footer và thay thế toàn bộ bằng code sau: Mã: Vào template footer.css thay thế toàn bộ bằng code sau: Mã: #footer { clear: both; min-height: 100px; padding: 20px 0 25px; } .footer { background: #1d1e22 url(http://upanh.cnm24h.tk/images/2015/07/15/footer-bg.png) repeat-x top center; clear: both; margin-top: 10px; } .footercolumns { display: inline; margin-left: 0; margin-right: 0; } .footer-top-left { float: left; width: 440px; margin-top: 18px; padding-left: 10px; } .footer-top-left .block-top { padding-bottom: 8px; } .footer-top-left .block-bottom { float: left; margin-right: 15px; border-bottom: 1px dotted #c8c8c8; padding-bottom: 10px; margin-bottom: 8px; } .footer-top-left .block-bottom span { color: #fff; display: block; font-size: 12px; text-transform: uppercase; margin-bottom: 9px; } .footer-top-left .block-bottom p { color: #646464; font-size: 12px; margin-bottom: 0px; } .footer-top-left .connect-face p { font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400; font-style: normal; float: left; margin-top: 9px; } .connect-face ul li { float: left; padding-left: 10px; display: inline; } .fotter-contact { float: left; width: 120px; min-height: 174px; border-left: 1px dotted #c8c8c8; margin-top: 20px; padding-left: 21px; padding-right: 16px; } #footer h3 { color: #fff; font-family: 'MyriadProRegular'; font-size: 16px; text-transform: uppercase; font-weight: 400; padding-bottom: 11px; } .fotter-contact p { color: #646464; font-size: 12px; padding-bottom: 5px; margin-bottom: 0px; } .fotter-contact a { font-size: 11px; color: #0daaac; text-decoration: none; padding-bottom: 8px; display: inline-block; } #footer .four.columns.column { float: left; width: 135px; min-height: 174px; border-left: 1px dotted #c8c8c8; margin-top: 20px; padding-left: 20px; padding-right: 15px; } #footer .column ul li { } #footer .column a { color: #646464; font-size: 12px; text-decoration: none; } #footer .three.columns.column { float: left; width: 165px; min-height: 174px; border-left: 1px dotted #c8c8c8; margin-top: 20px; margin-bottom: 10px; padding-left: 20px; padding-right: 15px; } .footer .pageContent { font-size: 11px; color: #a5cae4; overflow: hidden; zoom: 1; } .footer a, .footer a:visited { color: #a5cae4; padding: 5px; display: block; } .footer a:hover, .footer a:active { color: #d7edfc; } .footer .choosers { padding-left: 5px; float: left; overflow: hidden; zoom: 1; } .footer .choosers dt { display: none; } .footer .choosers dd { float: left; } .footerLinks { padding-right: 5px; float: right; overflow: hidden; zoom: 1; } .footerLinks li { float: left; } .footerLinks a.globalFeed { width: 14px; height: 14px; display: block; text-indent: -9999px; white-space: nowrap; background: url('styles/default/bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365/bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365-ui-sprite.png') no-repeat -112px -16px; padding: 0; margin: 5px; } .footerLegal { background: #1d1e22; } .footerLegal .pageContent { font-size: 12px; overflow: hidden; zoom: 1; padding: 10px 0 10px; text-align: center; } .footerLegal .pageContent a:link { color: #d7edfc; } #copyright { color: rgb(100,100,100); float: left; } #legal { float: right; } #legal li { float: left; margin-left: 10px; } Chúc các bạn thành công. PVS - Vnxf.vn
Hi bác chủ top, sao mình làm giống như bạn mà nó lại không ra giống hình ảnh demo nhỉ, nó toàn bị lỗi icom mạng xã hội thôi.
bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365 2 không có footer thì làm sao các bác ?
các bạn ơi mình muốn tạo cái banner di chuyển giống trong https://laptopblue.com/ thì mình phải làm sao vậy? thanks so much !