• 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
    Flat Duyuru Panoları
    #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: grafik_logo.png]
    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 215 06-09-2018, Saat: 00:29
    Son Yorum: Hakan

    Hızlı Menü:


    Konuyu Okuyanlar: 2 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