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.

sco85 Aşağıdaki CSS kodu sorunu çözebilir.

.Scrubber-scrollbar {
        height: 200px;
   }

200 değerini istediğin gibi değiştirebilirsin.

sco85

mekici Çok teşekkürler

« Önceki Sayfa Sonraki Sayfa »