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> ⋅
<a href="https://flarumtr.com/p/4-cerez-politikasi" style="color:#667c99;">Çerez Politikası</a> ⋅
<a href="https://flarumtr.com/p/2-gizlilik-ilkesi" style="color:#667c99;">Gizlilik İlkesi</a>
</span>
</div>
<div>
<span>2019 © 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