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> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 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 */ if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 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>

turgut191919 Bunu nereye eklememiz gerekiyor?

SanalAnsiklopedim ben harici footer bölümüne ekledim.

@mekici Footer kısmı hakkında olan konuyu güncelleyecek misiniz?

[bilinmeyen] Çok teşekkür ederim. Sağ olun.

[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.

Flarumtr.com footer kodları

wisex

Teşekkürler

snfansclub

teşekkür ederim

yasinkeles

teşekkürler

MOO-N

Teşekkürler

Argonaut

Hocam efsanesiniz. Elinize sağlık.

AzizH

deneyelim

2rkey

Teşekkürler

cuma

Teşekkür ederim.

ArmaanDemircan

süper

aakif

süper

mekici

[bilinmeyen] Kullanım şartlarına uymalısınız.

RootTempy

mekici

hey, sürüm 2 bağlantısı çalışmıyor

RootTempy

Teşekkürler

mekici

RootTempy Artık çalışıyor.

sulo61

teşekkürler

NoFeR

teşekkürler

hurkipafyu

tesekkurler

emirhanbb

teşekkürler

MertSis

teşekkürler

Wandos

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!

mekici

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.

« Önceki Sayfa Sonraki Sayfa »