CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by nightWalker 9/2/2024, 7:00 pm

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


[Đóng góp] Chức năng thông báo đơn giản mà đẹp

2 posters

Go down

[Đóng góp] Chức năng thông báo đơn giản mà đẹp Empty [Đóng góp] Chức năng thông báo đơn giản mà đẹp

Bài gửi by Portgas D.Ace 13/12/2015, 12:11 am

Bảng thông báo này mình RIP từ forum mamcongnghe

DEMO


Code:
http://i68.servimg.com/u/f68/19/29/59/70/12308810.png

- Demo online: http://test-skin.5forum.net/



HƯỚNG DẪN


- Cho đoạn code này vào chỗ nào các bạn muốn hiện, overall_header, index_body, ...

Code:
<style>
.message_box.note {
  background-color: #1F79C2;
  color: #FFF;
  padding: 10px 20px;
  border-radius: 3px;
}
.message_box.note p {font-size:14px;padding:3px;transition:0.3s ease-out}
.message_box.note p:hover {cursor:pointer;padding-left:20px;}
.message_box.note p.thong_bao:hover {padding-left:3px;color:#000;}
.message_box.note p.thong_bao {
    text-align: center;
    font-size:14pt!important;
    border-bottom:1px solid #FFF!important;
    margin-bottom:10px;
}
.message_box.note a {color: #FFF;text-decoration:none;}

.message_box.note p:before, .message_box.note p:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: '\f124';
    margin-right: 8px;
    color:#FFF;
}
.message_box.note p:after {margin-left:8px;color:#FFF;}
.message_box.note p.thong_bao:before {content:'\f101'}
.message_box.note p.thong_bao:after {content:'\f100'}
.message_box.note p.thong_bao_1:after {content:'\f058'}
</style>
<div class="message_box note">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<a><p class="thong_bao">QUAN TRỌNG, CẦN CHÚ Ý!
</p></a>
<a href="/t1-topic"><p class="thong_bao_1">1. Hướng dẫn cài đặt Vice City Online (Có Video và Hình Ảnh) [Click Để Xem Chi Tiết]</p></a>
<a href="/t3681-topic"><p class="thong_bao_1">2. Bộ luật hiến pháp nhà nước BK Server - Vice City Online [Click Để Xem Chi Tiết]</p></a>
<a href="/t4341-topic"><p class="thong_bao_1">3. Sử dụng thêm tên miền VCMPVN.COM cho diễn đàn [Click Để Xem Chi Tiết]</p></a>
<a href="/t464-topic"><p class="thong_bao_1">4. Ủng hộ cho BK Server - Ủng hộ để duy trì sự tồn tại của BK Server [Click Để Xem Chi Tiết]</p></a>
<a href="/t1141-topic"><p class="thong_bao_1">5. Tiểu Sử BK-Server (Quá Trình Hình Thành - Phát Triển - Kết Thúc) [Click Để Xem Chi Tiết]</p></a>
<a href="/t20-topic"><p class="thong_bao_1">6. Hướng dẫn dành cho người mới chơi Vice City Online [Click Để Xem Chi Tiết]</p></a>
<a href="/t1891-topic"><p class="thong_bao_1">7. Kỹ năng lướt Stubby (Quan Trọng) Học để tự vệ [Click Để Xem Chi Tiết]</p></a>
</div>
Portgas D.Ace
Portgas D.Ace
CPMember
CPMember

No choice PunBB
Ngày đăng ký : 11/05/2015
Số bài : 47
CPP : 25
Châm ngôn sống : Cái abc xyz

http://game-vn.5forum.net

Về Đầu Trang Go down

[Đóng góp] Chức năng thông báo đơn giản mà đẹp Empty Re: [Đóng góp] Chức năng thông báo đơn giản mà đẹp

Bài gửi by pro_qng 18/12/2015, 8:49 am

view của diễn đàn nào thế bạn Cười nhe răng
pro_qng
pro_qng
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 17/08/2012
Số bài : 528
CPP : 205
Châm ngôn sống : Các cụ có câu : Thương nhau mà sống :)

http://gameland.forumvi.com

Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết