Versiyon 1
Footerinizi flarumtr.com gibi veya biraz değişiklikle farklı gürünüm elde etmek için aşağıdaki kodu harici footer bölümüne;

<div class="flarumtr-footer">
	<div class="flarumtr-ust">
		<div class="footergizle">
			<span>
<a href="https://flarumtr.com/p/5-hakkimizda" style="color:#667c99;">Hakkımızda</a> &sdot;
<a href="https://flarumtr.com/p/4-cerez-politikasi" style="color:#667c99;">Çerez Politikası</a> &sdot;
<a href="https://flarumtr.com/p/2-gizlilik-ilkesi" style="color:#667c99;">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>

Aşağıdaki kodları ise harici CSS bölümüne yapıştırın. Linkleri değiştirmeyi unutmayın.

.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;	
} /* sosyal medya */

Koda katkılarından dolayı @NightKing, @Reesa ve @sezginyildirim’a teşekkür ederim.

Versiyon 2
https://flarumtr.com/assets/flarumtrfooterkodları.zip

    Footerin başındaki siyah çizgi olmuyor bunu nasıl yaparım sanırım güncellenmiş footerınız kodlarıda güncellerseniz çok mutlu olurum

      ben footer’da 5,10 güzel sözün siteye her girişte rastgele olarak çıkmasını istiyorum.
      buldum.

      <style>
      .rastgele-genel{border:1px solid #31699A;}
      .rastgelesozler {
      color: #fff;
      text-align:center;
      border:2px solid #fff;
      background: #31699A;
      text-decoration: none;
      font:normal 15px Arial;
      padding: 15px;
      }
      .rastgelesozler a {
      font-weight: bold;
      color: #000;
      }
      .rastgelesozler a:hover {
      text-decoration: underline;
      }
      </style>
      <div class="rastgele-genel">
      <div class="rastgelesozler">
      <script language="JavaScript">
      quotes = new Array(10);
      quotes[0] = "Hayat, insanın cesaretine göre büyür veya küçülür.";
      quotes[1] = "Yüzüstü yere serilseniz bile, hala ileriye doğru hareket ediyorsunuzdur.";
      quotes[2] = "İlk önce kendine ne olacağını sor; sonra ne yapmak gerekiyorsa yap.";
      quotes[3] = "İnsanın hayatta güçlü olması önemli değildir, kendini güçlü hissetmesi önemlidir.";
      quotes[4] = "Dünyanın düşleyenlere de ihtiyacı var, yapanlara da. Ama düşlediğini yapanlara daha çok ihtiyacı var.";
      quotes[5] = "Asla pişman olmayın! Eğer sonucu iyiyse, mükemmel. Sonucu kötüyse, bu bir tecrübedir.";
      quotes[6] = "Savaşçı sevdiği şeyi yarım bırakmaz; savaşçı yaptığı şeyde sevgiyi bulur.";
      quotes[7] = "Öfkeyi sevgiyle, kötülüğü iyilikle yen. Açgözlülüğü cömertlikle, yalanı gerçekle yen.";
      quotes[8] = "Hayatınızı ortaya koymazsanız, hayatınızı kazanamazsınız.";
      quotes[9] = "Bazı yenilgilerin nedeni, insanların işi yarıda bıraktıklarında, başarıya ne kadar yakın olduklarını bilememeleridir.";
      //calculate a random index
      index = Math.floor(Math.random() * quotes.length);
      document.write("\n");
      document.write(quotes[index]);
      </script>
      </div>
      </div>

        6 gün sonra

        [bilinmeyen] Elinize sağlık hocam baya başarılı olmuş. Yalnız şeyi soracaktım img klasörü yapmak istiyorum, tam olarak nereye koymam lazım klasörü? Resmi gösteremiyorum da.

          EgeBee Ayrı bir resim dosyası yapacaksanız public klasörünün içinde veya public/assets/image şeklinde bir image klasörü açabilirsin. Flarum’un halka açık dosyaları Public klasörünün içindedir.

            Gördüğüm kadarıyla bir çok site bu yeni footer kodlarını kullanıyor. Benzer şekilde Headere bir kodlama yapmamı ister misiniz? Üst orta tarafta logo, altında menü, arka plan vs…

              13 gün sonra

              Emeği geçen herkese teşekkürler.

              7 gün sonra

              Teşekkürler hocam.

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