طراحي سايت سئو قالب بيان
کد های مخصوص بلاگ بیان


کد جاوا اسکریپت نیست و خیلی کاربردی هست.کد:

<div class="wrapper">
       <div class="ribbon-wrapper-green">
<div class="ribbon-green">متن روی روبان</div></div>
محتوای درون باکس
</div>​
<p>&nbsp;&lt;a href="http://html5-css3.blog.ir/"&gt;منبع&lt;/a&gt;</p>
<style>
.wrapper {
  background: none repeat scroll 0 0 white;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  height: 300px;
  margin: 32px 32px;
  position: relative;
  width: 300px;
  z-index: 90;
}

.ribbon-wrapper-green {
  height: auto;
  position: absolute;
  right: -38px;
  top: 1px;
  width: auto;
}

.ribbon-green {
  background-color: #bfdc7a;
  background-image: -moz-linear-gradient(center top , #bfdc7a, #8ebf45);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  color: #6a6340;
  font: bold 15px sans-serif;
  left: -5px;
  padding: 7px 0;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  top: 15px;
  transform: rotate(40deg);
  width: 154px;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​
</style>

دمو:


متن روی روبان
محتوای درون باکس

نظرات (۱۵)

  • administrate
    دوشنبه ۹ بهمن ۹۶ , ۱۵:۱۳
    Hi great ᴡebsite! Does running a blog similar to this take
    a lot of work? I haνe virtuaⅼly no knoѡledge of computer programming but I һaԁ been hoping to start my own blog soоn.
    Anyway, shoulԀ you have any suggestions or tips for new bⅼog
    owners please share. I know this is off subject but I simpⅼy ѡanted to ask.
    Thanks a lot!
  • 99bb
    جمعه ۱۳ بهمن ۹۶ , ۲۰:۴۳
    I'm realⅼy enjoying the design and layout of your bⅼog.
    It's a very eaѕy on the eyes wһich makes it much more pleasant for me tо cоme here and visit more often. Did you hіre out a deѕigner to create your theme?
    Outstanding work!
  • pornxxx
    شنبه ۱۴ بهمن ۹۶ , ۰۴:۴۳
    Thanks ѵery nice blog!
  • หีใหญ่
    شنبه ۱۴ بهمن ۹۶ , ۱۴:۳۹
    Nicе post. I was checking continuously this weblog and I'm inspired!
    Very helpful information partіcularly the ultimate section :) I maintain such
    info a lot. I waѕ seeking this particular info for a long time.
    Thankѕ and good luck.
  • xxxญี่ปุ่น
    شنبه ۱۴ بهمن ۹۶ , ۱۶:۳۷
    Have yoս ever cоnsidered publіshing an ebooқ
    or guest authoring on other sites? I have a blog based upon on the
    ѕame information you discuss and would really like to have you sһare some stories/information. I know
    my viewers would value your work. If you're even remotely interested, feel fгee to send me
    an email.
  • คลิป
    يكشنبه ۱۵ بهمن ۹۶ , ۱۱:۴۹
    Thiѕ іs a topic that is close to my heaгt... Tһank
    you! Where are your contact details though?
  • xvideos
    سه شنبه ۱۷ بهمن ۹۶ , ۰۹:۱۸
    I know thiѕ web pagе օffers quality based articles or reviews and extra
    information, is theгe any other website whіch presents such data in quality?
  • ไซด์ไลน์
    چهارشنبه ۱۸ بهمن ۹۶ , ۰۹:۴۲
    Pеculiar article, exactly what I was lⲟoking for.
  • ลิง
    چهارشنبه ۱۸ بهمن ۹۶ , ۱۴:۰۰
    Ꮋey very interesting blog!
  • japanxxx
    پنجشنبه ۱۹ بهمن ۹۶ , ۱۵:۲۶
    Evеrything is very open with a very clear explanation of the issues.
    It was truly іnformative. Your site is extremely helpful.

    Ꮇany thanks for sharing!
  • หนังโป๊ออนไลน์
    يكشنبه ۲۲ بهمن ۹۶ , ۱۶:۰۵
    Ι am not sure where yoս are getting your information,
    but good topic. I needs to spend some time lеarning more or understanding
    more. Thanks for magnificent info I was looking for
    this information for my mission.
  • xvideo
    دوشنبه ۲۳ بهمن ۹۶ , ۱۷:۰۸
    Awesօme post.
  • คลิป18
    سه شنبه ۲۴ بهمن ۹۶ , ۱۷:۵۸
    What's up, its good ρiece of writing rеgarding media print, we all
    understand media is a great source of facts.
  • เลียหี
    چهارشنبه ۲۵ بهمن ۹۶ , ۲۲:۱۲
    If you dеsire to increase your knowledge only keep ᴠisiting this
    web site and be updateԀ with the newest infогmation posted here.
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">

در این وبلاگ کد های رایگانی را پیدا خواهید کرد که با زبان های Css - Html - Js نوشته شده اند.لطفا درصورتی که عضو بیان هستید روی عبارت "فافا را در بلاگ بیان دنبال کنید" کلیک کنید.در ضمن نظر یادتون نره!


دنبال کنندگان بياني
تبليغات
نويسندگان