/* CSS BOX TOP */
.widget-list-dealer .dealer-item {
background-color: #efefef;
padding: 1rem;
border-radius: 10px;
margin-bottom: 15px;
}
.widget-list-dealer .dealer-item .dealer-medal span {
color: #fff;
display: block;
position: absolute;
right: 50%;
transform: translateX(50%);
top: 10%;
font-weight: 700;
border: 1px solid #fff;
border-radius: 100%;
width: 19px;
height: 19px;
text-align: center;
z-index: 999;
}
.widget-list-dealer .dealer-item a, .widget-list-dealer .dealer-item a:focus, .widget-list-dealer .dealer-item a:hover, .widget-list-dealer .dealer-item a:visited {
text-decoration: none;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
.widget-list-dealer .dealer-item .dealer-head {
display: flex;
}
.widget-list-dealer .dealer-item .dealer-position {
position: relative;
}
.widget-list-dealer .dealer-item .dealer-logo {
flex-basis: 35%;
width: 35%;
max-width: 35%;
padding-left: 10px;
padding-right: 10px;
}
.widget-list-dealer .dealer-item .dealer-logo img {
display: block;
margin: auto;
}
.top-sidebar .dealer-logo img {
width: 60px;
height: 36px;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.widget-list-dealer .dealer-item .dealer-medal {
position: relative;
width: 30px;
height: 42px;
}
.widget-list-dealer .dealer-item .dealer-info {
flex-basis: 58%;
width: 58%;
max-width: 58%;
}
.widget-list-dealer .dealer-item .dealer-text {
font-weight: 700;
display: block;
color: #007bff;
}
.star>i {
margin-left: 1px;
margin-right: 1px;
color: #ff7a00;
}
.widget-list-dealer .dealer-item .dealer-desc {
font-weight: 700;
text-align: center;
padding: 0 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.widget-list-dealer .dealer-item .dealer-button {
display: flex;
justify-content: space-evenly;
}
.btn-theme {
background-color: #214790;
color: #fff;
}
.btn-theme:hover {
background-color: #fff;
color: #214790;
}
.btn-theme, .btn-theme-reverse {
display: inline-block;
border: 1px solid #214790;
text-transform: uppercase;
font-size: 12px;
padding: 7px 23px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
text-align: center;
}
.btn-theme-reverse {
color: #214790;
background-color: #fff;
}
.btn-theme-reverse:hover {
color: #fff;
background-color: #214790;
}
.btn-theme, .btn-theme-reverse {
display: inline-block;
border: 1px solid #214790;
text-transform: uppercase;
font-size: 12px;
padding: 7px 23px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
text-align: center;
}
/* CSS BOX TOP */
Bước 2: Đặt đoạn này vào nới muốn hiển thị
<center>
<span style="color: red;">Liên hệ email@gmail.com để liên kết top nhà cái tại đây</span>
</center>
<br />
<div class="widget-list-dealer top-sidebar">
<article class="dealer-item">
<div class="dealer-head">
<div class="dealer-position">
<div class="dealer-medal">
<span>1</span>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRs4LtlBuzZSn3ZMsnABiG8erMv8k7yD4jVu24ojskaJtZMXgoqouyit0arhph3naURTYemij1k06Le6KiRiDC4vUjTUQrbbFurAn7xMPPNWQN8yVgaW8ceK2_5Wcs-EuufKjoYYLPxqRf/s16000/medal_orange.png" alt="THA - Lựa chọn số 1 của người chơi" />
</div>
</div>
<div class="dealer-logo">
<a href="https://www.tj77.net/index.aspx" rel="nofollow">
<img class="lazy img-fluid" src="https://www.tj77.net/images/TS77/in/logo.svg" alt="THA - Lựa chọn số 1 của người chơi" style="" />
</a>
</div>
<div class="dealer-info">
<a class="dealer-text" rel="nofollow" target="_blank" href="https://www.tj77.net/index.aspx"> THA - Lựa chọn số 1 của người chơi </a>
</div>
</div>
<div class="dealer-desc"> Hoàn trả thể thao lên đến 1.0% không giới hạn </div>
<div class="dealer-button"> <a class="btn-theme" href="https://www.tj77.net/index.aspx" target="_blank" rel="nofollow">Đăng ký</a> <a class="btn-theme-reverse" href="https://www.bongda88.co/search/label/Top%20nh%C3%A0%20c%C3%A1i?&max-results=25">Xem review</a> </div>
</article></div>
Nhận xét
Đăng nhận xét