PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : نوار گوشه آگهی



mask-online
2017-11-16, 02:35
با سلام خدمت دوستان
چطور میشه کد نوار گوشه آگهی رو بدست آورد
http://demo.joinwebs.com/classiera/ivy/

bestirani2
2017-11-16, 08:50
سلام
قسمت html


<div class="featured-tag">
<span class="left-corner"></span>
<span class="right-corner"></span>
<div class="featured">
<p>Featured</p>
</div>
</div>


قسمت css


.featured-tag .left-corner {
background : #017fb1 none repeat scroll 0 0;
display : inline-block;
height : 8px;
position : absolute;
right : 71px;
top : -8px;
width : 12px;
z-index : 1;
}

.featured-tag .right-corner {
background : #017fb1 none repeat scroll 0 0;
display : inline-block;
height : 12px;
position : absolute;
right : -9px;
top : 72px;
width : 9px;
z-index : 1;
}

.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);
}