Merhaba; Kayıtsız Üye , Lütfen Forum Kurallarına Uyunuz..

Üye Etiketleme Listesi

Toplam 1 adet sonuctan sayfa basi 1 ile 1 arasi kadar sonuc gösteriliyor

Konu: Ribbon Label

    1. Ribbon Label Ayrıntıları »»

      Ribbon Label

      Yazılım: , by (A-Kullanıcı)
      Status
      Offline

      Son çevrim içi zamanı: May 2020 Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
      Yazılım: CSS Değerlendirme:  Kurulan: 0
      Yayınlanış: 07-26-2018 Son Güncelleme: Belirsiz İndirme: 0
      Destek verilmiyor

      CSS kodu:
      Kod:
      body {    background-color:white /*#6F6349*/;
          text-align: center;
          font-family: 'Shadows Into Light', cursive;
          font-size: 16px; 
          color: white;
      }
      
      
      
      
      
      
      .destacados{
          padding: 70px 0;
          text-align: center;
        
      }   
      
      
      .box1 {
          /* See "NOTE 3" */
          position:relative;
          z-index:1;
          width:100%;
          padding:20px;
          margin:20px auto;
           border: 1px solid rgb(200, 200, 200);
          box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
      	background:  #E4C054;
              border-radius: 4px;
      }
      
      
      .box1 h3 {
          position:relative;
          padding:10px 30px;
          margin:0 -30px 20px;
          font-size:28px;
          line-height:32px;
          font-weight:bold;
          text-align:center;
          color:#fff;
          background:#cc0000;
          /* css3 extras */
          text-shadow:0 1px 1px rgba(0,0,0,0.2);
          -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
             -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
                  box-shadow:0 1px 1px rgba(0,0,0,0.2);
          /* See "NOTE 1" */
          zoom:1;
      }
      
      
      .box1 h3:before,
      .box1 h3:after {
          content:"";
          position:absolute;
          /* See "NOTE 2" */
          z-index:-1;
          top:100%;
          left:0;
          border-width:0 10px 10px 0;
          border-style:solid;
          border-color:transparent maroon;
      }
      
      
      .box1 h3:after {
          left:auto;
          right:0;
          border-width:0 0 10px 10px;
      }
      
      
      
      
      
      
      
      
      
      
      
      
      .box1 h4 {
          position:relative;
          padding:10px 30px;
          margin:0 -30px 20px;
          font-size:28px;
          line-height:32px;
          font-weight:bold;
          text-align:center;
          color:#fff;
          background:#87A800;
          /* css3 extras */
          text-shadow:0 1px 1px rgba(0,0,0,0.2);
          -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
             -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
                  box-shadow:0 1px 1px rgba(0,0,0,0.2);
          /* See "NOTE 1" */
          zoom:1;
      }
      
      
      .box1 h4:before,
      .box1 h4:after {
          content:"";
          position:absolute;
          /* See "NOTE 2" */
          z-index:-1;
          top:100%;
          left:0;
          border-width:0 10px 10px 0;
          border-style:solid;
          border-color:transparent #647D01;
      }
      
      
      .box1 h4:after {
          left:auto;
          right:0;
          border-width:0 0 10px 10px;
      }
      HTML KODU:
      HTML-Kodu:
      <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"><script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script><script src="//code.jquery.com/jquery-1.11.1.min.js"></script><!------ Include the above in your HEAD tag ---------->
      <div class="container"><div class="row destacados">      <div class="col-md-offset-2 col-md-4">      	<div class="box1">          <h3>label 1</h2>a		</div>  	</div>            <div class="col-md-4">          <div class="box1">          <h4>label 2</h4>    	</div>  	</div></div>  </div>

      Ekran görüntüleri

      • Dosya tipi: jpg label.jpg (14,8 KB (Kilobyte), 1 Kez İndirilmiş)


      Kullanıcı Duyuru

      • Sitemize kayıt olan herkes kontrol edilmeksizin mesaj/konu/resim paylaşabilmektedir. Bu sebepten ötürü, sitemiz üzerinden paylaşılan mesajlar, konular ve resimlerden doğabilecek olan yasal sorumluluklar paylaşan kullanıcıya aittir. TRWebmaster.com hiçbir yasal sorumluluk kabul etmemektedir. Illegal herhangi bir faaliyet görülmesi durumunda destek@trwebmaster.com adresine mail atıldığı taktirde mesaj, konu ya da resim en fazla 24 saat içerisinde silinecektir.

    Benzer Konular

    Son Mesaj
    Cevap
    Type
    Developer
    Moderatör
    04:45 PM 07-20-2018
    0
    vBulletin 4x Eklentileri
    SepuLtura
    01:02 PM 08-09-2018
    1
    vBulletin 3x Eklentileri,
    webmaster
    08:34 PM 07-25-2018
    0
    PHP
    SepuLtura
    12:55 PM 07-26-2018
    0
    HTML - CSS - XML
    webmaster
    10:27 PM 07-26-2018
    0
    HTML - CSS - XML
    SepuLtura
    10:07 AM 05-18-2020
    1
    HTML - CSS - XML
    SepuLtura
    08:35 AM 08-31-2019
    2
    HTML - CSS - XML
    kaanapaydn

Bu Konu için Etiketler

Yetkileriniz

  • Konu Acma Yetkiniz Yok
  • Cevap Yazma Yetkiniz Yok
  • Eklenti Yükleme Yetkiniz Yok
  • Mesajınızı Değiştirme Yetkiniz Yok
  •  
RSS RSS 2.0 XML MAP HTML

Ankara iso belgesi