mekici Hello mekici !
At first sorry but not speak turkish

I run your Version 1 and working very well but have the extension FoF Night Mode and when change to Dark Mode the background footer no change colors.

it would be possible to implement this to working well in dark mode?

Many thanks!

      Wandos
      EN: Of course the CSS for dark mode can be changed. I will add it here as soon as possible.

      TR: Elbette karanlık mod için CSS değiştirilebilir. Müsait zamanda buraya ekleyeceğim.

        <div class="flarumtr-footer">
	<div class="flarumtr-ust">
		<div class="footergizle">
			<span>
<a href="https://flarumtr.com/p/5-hakkimizda">Hakkımızda</a> &sdot;
<a href="https://flarumtr.com/p/4-cerez-politikasi">Çerez Politikası</a> &sdot;
<a href="https://flarumtr.com/p/2-gizlilik-ilkesi">Gizlilik İlkesi</a>
		</span>
		</div>
		<div>
			<span>2019 &copy;  FLARUMTR.COM</span> [BETA 9] -Tüm Hakları Saklıdır
		</div>
		<div class="footergizle">
      <div class="social">
                <button class="icon-btn youtube"> 
    		<a class="link" href="https://www.youtube.com/channel/UCz4SZOvF5IWQ8w7f9mooiNQ"  target="_blank">
          <i class="fab fa-youtube"></i>
    		</a>
    		<button class="icon-btn twitter"> 
    		<a class="link" href="https://twitter.com/flarumtr" target="_blank">
    			<i class="fab fa-twitter"></i>
    		</a>
    		<button class="icon-btn instagram"> 
    		<a class="link" href="https://tr.pinterest.com/flarumtr/"  target="_blank">
    			<i class="fab fa-pinterest"></i>
    		</a>
                <button class="icon-btn discord"> 
    		<a class="link" href="https://discord.gg/PQNfrP" target="blank">
    			<i class="fab fa-discord"></i>
    		</a>
    	</div>	
	</div>
	</div>
        .flarumtr-ust div span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}
.flarumtr-ust {
    width: 100%;
    display: table;
    
}

.flarumtr-footer  .flarumtr-ust div span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

.flarumtr-footer .flarumtr-ust div {
    display: table-cell;
    width: 33%;
    color: #667c99;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

.flarumtr-footer {
width: 100%;
overflow: hidden;
background-color: #e8ecf3;
background-position: unset;
color: #667c99;
border-color: #d9dde4;
border-style: inset;
border-width: 1px;
}

@media screen and (max-width: 600px) {
  .footergizle {
    visibility: hidden;
    clear: both;
    height: auto;
    display: none;
  }
 }
.social {
	margin: 0 auto;
	width: 600px;
	text-align: center;
}
[class^="icon-btn"] /*.icon-btn*/ {
	height: 35px;
	width: 35px;
	border: 0;
	cursor: pointer;
	font-size: 25px;
	line-height: 35px;
	border-radius: 30px;
	margin-left: 10px;
	background-color: #e8ecf3;
}
.twitter {
	color: #4099FF;
}
.discord {
	color: #7289da;
}
.instagram {
	color: #c32aa3;
}
.youtube {
	color: #ff0000;
}

a.link {
	color: inherit;	
}

.footergizle a {color:#667c99}


body when (@config-dark-mode = true) {
.footergizle a {color:#667c99}
.twitter {
	color: #4099FF;
}
.discord {
	color: #7289da;
}
.instagram {
	color: #c32aa3;
}
.youtube {
	color: #ff0000;
}

a.link {
	color: inherit;	
}
[class^="icon-btn"] /*.icon-btn*/ {background-color: #e8ecf3;}
.flarumtr-footer {
background-color: your color;
color: #667c99;
border-color: #d9dde4;}

.flarumtr-footer .flarumtr-ust div {
         color: #667c99;}
}

        body when (@config-dark-mode = true) bu bölümden sonraki renk kodlarını kendi gece moduna göre uyarlaman gerekiyor.

          mekici

          Üzgünüz, ancak belirttiğiniz gibi yeni kodun tüm renklerini değiştirdim, ancak altbilginin tüm arka planı değil, yalnızca sosyal medya simgelerinin arka planı değişti :

              Wandos bir satırı gözden kaçırmışım. Gece modu CSS kısmında your color kısmını değiştir. Bu sorunu çözmeli.

                6 ay sonra

                mekici hem mobil sürümde hem masaüstüne uygun şekilde nasıl ortalayabilirim

                  3 ay sonra
                  8 gün sonra

                  version 2 nin linki kırık, güncelleme imkanınız var mı?

                  6 ay sonra

                  @mekici Custom footer bölümünden kendim bir footer yaptığımda sayfa yüklenirken ilk footer çıkıyor sonra sayfa yükleniyor, dikkat ettim sizde böyle bir durum yok. Bunun için özel bir ayar mı gerekiyor? Custom CSS’den CSS’leri, custom footerdan aşağıda ki footer kodumu ekledim.

                  <footer class="footer"> 
    <div class="container">
        <hr>
        <div class="footerTopText">
            <center>
                <span>
                    <a href="">Hakkımızda</a> &sdot;
                    <a href="">Gizlilik ve Çerez Politikası</a> &sdot;
                    <a href="">Kurallar</a> &sdot;
                    <a href="">İletişim</a>
                </span>
            </center>
        </div>
        <div class="footerMidText">
            <center>Test Yazı</center>
        </div>
        <div class="footerLogo">
            <center><img src="#" alt="" width="80" height="auto"></center>
        </div>
        <hr>
        <div class="footerBottomText">
            <center><span><script>document.write(new Date().getFullYear())</script> &copy; siteadi.com</span> - Tüm Hakları Saklıdır</center>
        </div>
    </div>
</footer>

                    flaky Flarum’un kendisinde footer diye class var zaten. Siz kodunuzdaki footer yerine başka class kullanın.

                        mekici <footer> etiketini div’e çevirdim. Sınıfıda footer > customFooter yaptım fakat bir değişiklik olmadı. Yinede footer sayfadan önce yükleniyor nedense. Gizli sekmedende kontrol ettim bu arada.

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