Diễn Đàn Hỗ Trợ Forumvi :: Share & Support Fourumvi :: Code[Code] Trang trí các thẻ trong Widget KEYWORDS
[Code] Trang trí các thẻ trong Widget KEYWORDS
Trang 1 trong tổng số 1 trang • Share
[Code] Trang trí các thẻ trong Widget KEYWORDS
Demo:
[You must be registered and logged in to see this image.]Hướng dẫn:
vào ACP >> Templates >> Portal >> mod_keywords: (thay toàn bộ code trong Mod KEYWORDS)- Code:
<div class="module">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="h3">{L_KEYWORDS}</div>
<!-- BEGIN li_row -->
<div class="ticket"><span class="circle"></span><a href="{li_row.LINKEYWORDS}">{li_row.KEYWORDS}</a> </div>
<!-- END li_row -->
<span class="corners-bottom"><span></span></span></div>
</div>
<style type="text/css">
.ticket {
font-family: Arial;
font-size: 12px;
font-weight: bold;
position: relative !important;
background: #8dc63f;
float: left;
padding: 7px 3px;
margin: 0 5px 5px 0;
}
.ticket:after {
content: "";
position: absolute !important;
z-index: 100;
top: 0;
left: 0;
border-right: #fff 7px solid;
border-bottom: #fff 7px solid;
-moz-border-radius: 0 0 20px 0;
-webkit-border-radius: 0 0 20px 0;
border-radius: 0 0 20px 0;
}
.ticket:before {
content: "";
position: absolute !important;
z-index: 100;
top: 0;
right: 0;
border-left: #fff 7px solid;
border-bottom: #fff 7px solid;
-moz-border-radius: 0 0 0 20px;
-webkit-border-radius: 0 0 0 20px;
border-radius: 0 0 0 20px;
}
.ticket a {
outline: 1px rgba(255,255,255,0.4) dashed;
border: 1px rgba(0,0,0,0.3) dashed;
padding: 4px 10px 4px 20px;
text-decoration: none;
color: rgba(255,255,255,0.5)!important;
white-space: nowrap;
}
.ticket a:hover {color: rgba(0,0,0,0.5)!important;}
.ticket a:after {
content: "";
position: absolute !important;
z-index: 100;
bottom: 0;
left: 0;
border-right: #fff 7px solid;
border-top: #fff 7px solid;
-moz-border-radius: 0 20px 0 0;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
}
.ticket a:before {
content: "";
position: absolute !important;
z-index: 1000;
bottom: 0;
right: 0;
border-left: #fff 7px solid;
border-top: #fff 7px solid;
-moz-border-radius: 20px 0 0 0;
-webkit-border-radius: 20px 0 0 0;
border-radius: 20px 0 0 0;
}
.ticket .circle {
position: absolute !important;
z-index: 100;
border: 5px #fff solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: -5px;
width: 0;
height: 0;
top: 50%;
left: 8px;
-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
0 1px 0 rgba(255,255,255,0.3);
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
0 1px 0 rgba(255,255,255,0.3);
box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
0 1px 0 rgba(255,255,255,0.3);
}
</style>
(Edit code lại từ [You must be registered and logged in to see this link.]
HelpsFMvi- Ban Quản Trị FMvi
- Số bài : 104
HelpsPoints : 15548
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
» [CSS] Thêm và trang avatar trong chatbox
» [Code] Nút lên đầu trang
» [Code] Tạo Widget Đồng Hồ
» [Code] Tạo Widget Notepad
» [Code] Widget Chủ Đề Tương Tự
» [Code] Nút lên đầu trang
» [Code] Tạo Widget Đồng Hồ
» [Code] Tạo Widget Notepad
» [Code] Widget Chủ Đề Tương Tự
Trang 1 trong tổng số 1 trang
Diễn Đàn Hỗ Trợ Forumvi :: Share & Support Fourumvi :: Code[Code] Trang trí các thẻ trong Widget KEYWORDS
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|