Merhaba arkadaşlar. CSS ile oynamayı seviyorum. O yüzden ara ara forumda değişiklikler yapıyorum. Son yapmış olduğum ana sayfa kutu tasarımında bir kaç farklılık yaptım. etiketler, okunma sayılarının yerlerini falan değiştirdim. Yeni tasarımın kodlarını sizinle paylaşacağım.

Yerli yabancı bir çok Flarum forum yazılımını kullananların benim CSS kodlarımı kullandığını görmek (veya ilham almış olmaları) gerçekten benim açımdan gurur verici.

Bazı kodları görmek için yorum yapmak, bazı içeriklere erişmek için ise oturum açmış olmak gerekiyor. Bu, bu forumun bir kuralıdır. Daha önce böyle cevap yazıp içerikleri görmek çok anlamsız diyenler oldu. Yorum yazmaya anlam veremeyen arkadaşlar içeriklere ulaşamazlar, hatta üyeliklerini sildirseler daha memnun olurum. Sadece emeğe biraz saygı istiyorum o kadar. Tamam Flarum’u baştan yazmıyorum ama burada bir emek söz konusu sonuçta.

Neyse bakalım gelelim kodlara.

anasayfa-temasi.zip
1kB

Reborn arka planı indirmek için tıklayın.

    • [silindi]

    • Gönderi #2

    Teşekkürler

    • [silindi]

    • Gönderi #3

    mekici Bu bir arka plan resmi göstermemeli mi?

        • [silindi]

        • Gönderi #5

        mekici Sorun, kendi arka planımı kullandığımda, arka plan göstermediği bir resim bağlantısına sahip olduğumda mı?

            [silindi] Ne demek istediğini tam olarak anlamadım. Yukarıdaki kodlar herhangi bir arka plan eklemez. Kendinize ait arka plan kullanmak isterseniz bu sorun olmaz.

                • [silindi]

                • Gönderi #7
                • Düzenlendi

                mekici

                { background-image: url ('https://resi_url_si'); background-repeat: no-repeat; background-attachment: fixed;

}```

                  • [silindi]

                  • Gönderi #8

                  Bunu bir resimle değiştirdiğimde arkaplan verecek mi?

                    [silindi] background-image: url ('https://resi_url_si'); bu kodda bir resim URL si eklemen yeterlidir.

                    Bunu bir resimle değiştirdiğimde arkaplan verecek mi?

                    Evet

                        • [silindi]

                        • Gönderi #10

                        mekici Ne yazık ki bana bir arka plan vermez 🙁

                          [silindi] Eklemek istediğin resmin türü ne? JPEG, PNG, SVG?

                            [silindi]

                            body {
background-image: url('https://i.redd.it/bzptpj0ictq31.png');
}

                                [silindi] Eklemeyi unutmuşum. Aşağıdaki kodlar bu sorunu çözecektir.

                                @media (min-width: 767px) {.sideNav .Dropdown--select {
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
    border-radius: 6px;
}}

                                    • [silindi]

                                    • Gönderi #21

                                    mekici İlk gönderideki kodu güncellediniz mi? Artık çalışmıyor

                                      Hadımköy Kombi Servisi Minecraft Türk Sunucular