Diễn Đàn Hỗ Trợ Forumvi :: Share & Support Fourumvi :: Code[Code] Thông báo chào mừng dành cho khách
[Code] Thông báo chào mừng dành cho khách
Trang 1 trong tổng số 1 trang • Share
[Code] Thông báo chào mừng dành cho khách
Demo:
[You must be registered and logged in to see this image.]
Nó nằm ở phía bên phải trang nhé giống quảng cáo
Hướng dẫn:
Cho đoạn code này vào cuối overall_footer_end (hoặc muốn chỉ hiện ở trang chủ thì cho vào index_body)
Tiếp theo là cho đoạn này vào CSS:
[You must be registered and logged in to see this image.]
Nó nằm ở phía bên phải trang nhé giống quảng cáo
Hướng dẫn:
Cho đoạn code này vào cuối overall_footer_end (hoặc muốn chỉ hiện ở trang chủ thì cho vào index_body)
- Code:
<!-- BEGIN switch_user_logged_out -->
<div id="uix_welcomeBlock" class="uix_welcomeBlock_fixed">
<div class="uix_welcomeBlock_wrap">
<div class="uix_welcomeBlock_content">
<h3 class="uix_welcomeBlockHeader">
<i class="uix_icon fa fa-info-circle" style=""></i>
<span>Chào mừng bạn đến với HelpsFMvi</span>
</h3>
<p class="uix_welcomeBlockMessage">Bạn chưa có tài khoản, hãy đăng ký ngay nhé!</p>
<a href="/register" class="callToAction"><span style="">Đăng Kí</span></a>
</div>
</div>
</div>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<!-- END switch_user_logged_out -->
Tiếp theo là cho đoạn này vào CSS:
- Code:
#uix_welcomeBlock.uix_welcomeBlock_fixed {
color: #FFFFFF;
background-color: rgb(43, 43, 43);
padding: 8px;
border-style: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
left: auto;
right: 16px;
bottom: 16px;
-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
-khtml-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
width: 300px;
background-color: rgba(43, 43, 43, 0.9);
z-index: 72;
position: fixed;
margin: 0;
}
#uix_welcomeBlock {
color: rgb(113, 113, 113);
background-color: #fdfdfd;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
margin: 16px 0;
border: 1px solid #dbdbdb;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
padding: 0;
}
#uix_welcomeBlock .uix_welcomeBlock_content {
position: relative;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 56px;
}
#uix_welcomeBlock.uix_welcomeBlock_fixed h3.uix_welcomeBlockHeader {
margin-right: 24px;
}
#uix_welcomeBlock .uix_welcomeBlockHeader .uix_icon {
color: #50ae7a;
}
#uix_welcomeBlock .uix_welcomeBlockHeader .uix_icon {
font-size: 40px;
color: #50ae7a;
margin-right: 8px;
float: left;
text-align: center;
width: 40px;
height: 40px;
margin-left: -48px;
}
.fa-info-circle:before {
content: "\f05a";
}
#uix_welcomeBlock.uix_welcomeBlock_fixed h3.uix_welcomeBlockHeader span {
color: rgb(235, 235, 235);
line-height: 30px;
}
#uix_welcomeBlock.uix_welcomeBlock_fixed a.close {
color: #FFFFFF;
display: block;
}
#uix_welcomeBlock a.close {
display: none;
position: absolute;
top: 8px;
right: 8px;
height: 24px;
width: 24px;
text-align: center;
}
#uix_welcomeBlock a.close:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
content: "\f00d";
}
#uix_welcomeBlock h3.uix_welcomeBlockHeader span, .titleBar h1, #logo a .uix_textLogo, #uix_footer_columns .uix_footer_columns_container > li h3 {
font: normal 18pt 'Open Sans', sans-serif;
}
#uix_welcomeBlock h3.uix_welcomeBlockHeader span {
font-size: 18pt;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 40px;
}
a.callToAction:hover span {
background-color: #145770;
}
#uix_welcomeBlock.uix_welcomeBlock_fixed .uix_welcomeBlockMessage {
color: #FFFFFF;
}
#uix_welcomeBlock .uix_welcomeBlockMessage {
line-height: 22px;
margin-bottom: 8px;
}
#uix_welcomeBlock a.callToAction {
margin-bottom: 8px;
}
a.callToAction {
display: inline-block;
line-height: 42px;
outline: 0 none;
height: 42px;
}
a.callToAction span {
font-weight: bold;
font-size: 13px;
color: #FFF;
background-color: #50ae7a;
padding: 0 16px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
display: block;
}
#uix_welcomeBlock.uix_welcomeBlock_fixed .uix_welcomeBlockHeader .uix_icon {
}
HelpsFMvi- Ban Quản Trị FMvi
- Số bài : 104
HelpsPoints : 15463
Likes : 33
Ngày tham gia : 10/03/2016
Trạng thái :Online Offline
Tuổi : 26
Location : Ninh Thuận
[Click để xem tài sản HelpsFMvi]
Similar topics
» [Code] Thông Tin Của Cntt-k3
» [Code] Thông báo chạy giống skin cugay3mien
» [FAQ] Danh mục và Diễn đàn - Category & Forums
» [Javascript] Widget: Thống kê thành viên
» [Javascript] Ẩn thông tin các thành viên bị cấm
» [Code] Thông báo chạy giống skin cugay3mien
» [FAQ] Danh mục và Diễn đàn - Category & Forums
» [Javascript] Widget: Thống kê thành viên
» [Javascript] Ẩn thông tin các thành viên bị cấm
Trang 1 trong tổng số 1 trang
Diễn Đàn Hỗ Trợ Forumvi :: Share & Support Fourumvi :: Code[Code] Thông báo chào mừng dành cho khách
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|