نوار گوشه آگهی

[mask-online]

با سلام خدمت دوستان
چطور میشه کد نوار گوشه آگهی رو بدست آورد
http://demo.joinwebs.com/classiera/ivy/

[Reza G]

کد HTML:

<div class="featured"><p>Featured</p></div>


استایل CSS:

.featured-tag .featured {
border-bottom: 30px solid #03b0f4;
border-left: 30px solid transparent;
border-right: 31px solid transparent;
content: "";
height: 0;
position: absolute;
right: -39px;
text-align: center;
top: 12px;
transform: rotate(45deg);
width: 130px;
z-index: 2;
-webkit-box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2);
}
.featured-tag .featured p {
color: #fff;
font-weight: bold;
font-size: 16px;
font-family: 'Lato', sans-serif;
line-height: 2;
}

[WiseHost]

دوست عزیز شما با inspector میتونید راحت هر کدی را بدیست بیارید . فقط کافیه داخل مرورگرتون f12 را بزنید تا باز شه و با موس موردتون را انتخاب کنید تا css و html آن را ببنید