• Ana Sayfa
  • Portal
  • Arama
  • Üye Listesi
  • Yetkili Listesi
  • Diğer

  • GrafikArşivine | Hoşgeldiniz.

    Ziyaret ettiğiniz için teşekkür ederiz aramıza katılıp bize destek olmak istermisiniz?
    Konuyu Oyla:
    • Derecelendirme: 0/5 - 0 oy
    • 1
    • 2
    • 3
    • 4
    • 5
    Dream41 Dream41 Dream41 Dream41 Dream41 Flat Duyuru Panoları
    HTML HTML 4.1,XHTML ve son yıllarda popüleritesini arttıran HTML5 Dream41 Yazar, 1 Yorum , 103 Okuma
    Çevrimiçi Dream41
     Tarih: 04-03-2019, Saat: 10:43
    #1
    Önizleme:
    [Resim: image.png]
    HTML:
    Kod:
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">


    <div class="duyuru1"><i class="fas fa-bullhorn"></i> Duyuru #1 </div>
    <div class="duyuru2"><i class="fas fa-exclamation-triangle"></i> Duyuru #1 </div>
    <div class="duyuru3"><i class="fas fa-check-circle"></i> Duyuru #1 </div>
    <div class="duyuru4"><i class="fas fa-times-circle"></i> Duyuru #1 </div>
    CSS:
    Kod:
    .duyuru1{
     background:#2196F3;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru1 a{
     color:#fff;
     text-decoration:none !important;
    }

    .duyuru1 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }

    .duyuru2{
     background:#f44336;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru2 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }

    .duyuru3{
     background:#4CAF50;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru3 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }

    .duyuru4{
     background:#FF5722;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru4 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }
    [Resim: grafiklogoss.png]
    Cevapla
    Teşekkür verenler:
    Çevrimiçi ByGold
     Tarih: 06-04-2019, Saat: 07:03
    #2
    Tasarımlarımda kullanacam.
    Ara
    Cevapla
    Teşekkür verenler:

    Yorum yapma izniniz bulunmuyor!

    Yorum yapa bilmek için giriş yapmalısınız veya üye olmalısınız

    Giriş yap!

    Zaten hesabın var mı? Giriş yap.
    Giriş

    Kayıt ol!

    Bize katılmak için üye olunuz.
    Kayıt

    Konu ile Alakalı Benzer Konular
    Konular Yazar Yorumlar Okunma Son Yorum
      HTML & CSS Duyuru Panosu | Kodlama Dersi Hakan 0 244 06-09-2018, Saat: 00:29
    Son Yorum: Hakan

    Hızlı Menü:


    Konuyu Okuyanlar: 1 Ziyaretçi

    Hakkımızda

    GrafikArşivi 4 Eylül 2018 tarihinde açılmış olup sizlerin destekleri ile büyümeye devam etmekte.

    İletişim

    İletişim sayfamızı kullanabilirsiniz.

    - ya da -
    Türkçe Çeviri: MCTR, Yazılım: MyBB, © 2002-2019 MyBB Group.
    selam