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ı

mekici

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…

SanalAnsiklopedim

mekici Tabi ki çok güzel olur. Sizlerin elinden çıkan her şey çok güzel oluyor. 🙂

rslique

çok güzel gözüküyor

ssistemi

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

Ceday

Teşekkürler

lamajori

Güzelmiş…

DnenAdam

Teşekkürler

poyb0t

Teşekkürler hocam.

Elwasy

teşekkürler

muhammedinan

teşekkürler

muhammedinan

Bu footeri mobilde nasıl gösterebilirim. Ekledim fakat mobilde görünmüyor

mekici

muhammedinan@media only screen and (max-width: 600px) {.flarumfooter, .foot {display: none;}} Bu kodu harici CSS’den sil.

Windsuo

Teşekkürler

ccyldz

Teşekkürler..

Serhat

Hocam siteye gizlilik politikası, hakkında vs. kısımlarını ekledim. Peki bu alanları nasıl dolduracağım. (İstediğiniz sayfa bulunamadı.) yazısı var. https://www.riy9.com/p/5-hakkimizda

mekici

Serhat Hocam ilk önce Pages (Sayfalar) eklentisi ile sayfa oluşturmanız gerekiyor. Sayfaları oluşturunca linkler otomatik oluşacak.

EvrenKvanErkan

iyi ki varsınız

BEYBABA

Teşekkürler.

benefo

sagol hocam

Gerry

Teşekkürler

« Önceki Sayfa Sonraki Sayfa »