Demo:
![[Đóng góp] Trang trí thẻ trong widget KEYWORDS Tag10](https://i.servimg.com/u/f86/19/43/65/77/tag10.png)
Hướng dẫn:
vào ACP >> Templates >> Portal >> mod_keywords: (thay toàn bộ code trong Mod KEYWORDS)
Hướng dẫn:
vào ACP >> Templates >> Portal >> mod_keywords: (thay toàn bộ code trong Mod KEYWORDS)
- Code:
- 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ừ www.thuthuatweb.net)