Bir konuda Yardımıza İhtiyacim Var

Bul · 14-04-2022, 15:12

Arkadaşlar Merhaba Forum Sitesi Kurma Aşamalarıni Öğrenmeye Çalısıyorum Yavasca Sizlerden Bir Ricam Var Alttaki Fotoğraftaki Gibi Duruyu Nasıl Yapıcam Paylaştığımda Genel Bütün Sayfalarda Gözüksün İstiyorum.

Bul · 14-04-2022, 18:54

Css :

PHP Kod:

.w-alert{display:flex;margin:15px 0;border-radius:2px;color:#fff;justify-content:space-between;align-items:center}.w-alert>div:first-child{display:flex;align-items:center}.w-alert-icon{background:rgb(0 0 0 / 10%);width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;margin-right:13px}.w-alert-close{display:inline-flex;align-items:center;justify-content:center;width:30px;margin:0 15px;color:#fff;background:rgb(255 255 255 / 20%);height:30px;border-radius:5px;cursor:pointer}.w-alert-close:hover{background:rgb(255 255 255 / 50%)}.w-alert[bg=orange]{background:#ff5e3a}.w-alert[bg=red]{background:#ee0743}.w-alert[bg=green]{background:#2bd768}.w-alert[bg=blue]{background:#38a9ff}.w-alert[bg=dark]{background:#323448}

Html :

PHP Kod:

<div class="container">
    <div class="w-alert" bg="orange">
        <div class="w-alert-left">
            <div class="w-alert-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                    <path fill="none" d="M0 0h24v24H0z" />
                    <path fill="currentColor" d="M12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0zm-8.66 16h15.588L12 5.5 4.206 19zM11 16h2v2h-2v-2zm0-7h2v5h-2V9z" />
                </svg>
            </div>
            <div class="w-alert-text">Uyarı Mesajı Uyarı Mesajı Uyarı Mesajı</div>
        </div>
        <div class="w-alert-close">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                <path fill="none" d="M0 0h24v24H0z" />
                <path fill="currentColor" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
            </svg>
        </div>
    </div>
    <div class="w-alert" bg="red">
        <div class="w-alert-left">
            <div class="w-alert-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                    <path fill="none" d="M0 0h24v24H0z" />
                    <path fill="currentColor" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
                </svg>
            </div>
            <div class="w-alert-text">Uyarı Mesajı Uyarı Mesajı Uyarı Mesajı</div>
        </div>
        <div class="w-alert-close">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                <path fill="none" d="M0 0h24v24H0z" />
                <path fill="currentColor" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
            </svg>
        </div>
    </div>
    <div class="w-alert" bg="blue">
        <div class="w-alert-left">
            <div class="w-alert-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                    <path fill="none" d="M0 0H24V24H0z" />
                    <path
                        fill="currentColor"
                        d="M12 19c.828 0 1.5.672 1.5 1.5S12.828 22 12 22s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5zm0-17c3.314 0 6 2.686 6 6 0 2.165-.753 3.29-2.674 4.923C13.399 14.56 13 15.297 13 17h-2c0-2.474.787-3.695 3.031-5.601C15.548 10.11 16 9.434 16 8c0-2.21-1.79-4-4-4S8 5.79 8 8v1H6V8c0-3.314 2.686-6 6-6z"
                    />
                </svg>
            </div>
            <div class="w-alert-text">Uyarı Mesajı Uyarı Mesajı Uyarı Mesajı</div>
        </div>
        <div class="w-alert-close">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                <path fill="none" d="M0 0h24v24H0z" />
                <path fill="currentColor" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
            </svg>
        </div>
    </div>
    <div class="w-alert" bg="green">
        <div class="w-alert-left">
            <div class="w-alert-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                    <path fill="none" d="M0 0h24v24H0z" />
                    <path fill="currentColor" d="M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z" />
                </svg>
            </div>
            <div class="w-alert-text">Uyarı Mesajı Uyarı Mesajı Uyarı Mesajı</div>
        </div>
        <div class="w-alert-close">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                <path fill="none" d="M0 0h24v24H0z" />
                <path fill="currentColor" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
            </svg>
        </div>
    </div>
    <div class="w-alert" bg="dark">
        <div class="w-alert-left">
            <div class="w-alert-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                    <path fill="none" d="M0 0h24v24H0z" />
                    <path fill="currentColor" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z" />
                </svg>
            </div>
            <div class="w-alert-text">Uyarı Mesajı Uyarı Mesajı Uyarı Mesajı</div>
        </div>
        <div class="w-alert-close">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                <path fill="none" d="M0 0h24v24H0z" />
                <path fill="currentColor" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
            </svg>
        </div>
    </div>
</div>

Sonuç :

Bul · 14-04-2022, 19:10

İstek konusu, @"Friday" adlı kullanıcı tarafından 4 saat içinde çözülmüştür.
İsteği çözdüğü için Friday Adlı kullanıcıya 1 rep puanı ve 1 yardım etme puanı otomatik olarak verilmiştir.
Friday Adlı kullanıcı sizin dışınızda toplam 142 kişiye yardım etmiştir.

Herhangi bir konuda hata olduğunu düşünüyorsanız destek sistemi üzerinden iletişim kurabilirsiniz.

Bir konuda Yardımıza İhtiyacim Var

MyBB Çözümlenmiş İstekler & Destekler

Konu

Bir hesap oluşturun veya yorum yapmak için giriş yapın

Giriş yap

Hesap oluştur

Benzer Konular

Konuyu Okuyanlar: