Merhaba arkadaşlar. CSS ile oynamayı seviyorum. O yüzden ara ara forumda değişiklikler yapıyorum. Son yapmış olduğum ana sayfa kutu tasarımında bir kaç farklılık yaptım. etiketler, okunma sayılarının yerlerini falan değiştirdim. Yeni tasarımın kodlarını sizinle paylaşacağım. Yerli yabancı bir çok Flarum forum yazılımını kullananların benim CSS kodlarımı kullandığını görmek (veya ilham almış olmaları) gerçekten benim açımdan gurur verici. Bazı kodları görmek için yorum yapmak, bazı içeriklere erişmek için ise oturum açmış olmak gerekiyor. Bu, bu forumun bir kuralıdır. Daha önce böyle cevap yazıp içerikleri görmek çok anlamsız diyenler oldu. Yorum yazmaya anlam veremeyen arkadaşlar içeriklere ulaşamazlar, hatta üyeliklerini sildirseler daha memnun olurum. Sadece emeğe biraz saygı istiyorum o kadar. Tamam Flarum’u baştan yazmıyorum ama burada bir emek söz konusu sonuçta. Neyse bakalım gelelim kodlara. anasayfa-temasi.zip 1kB Reborn arka planı indirmek için tıklayın.

mekici Bu bir arka plan resmi göstermemeli mi?

[silindi] Aşağıdaki bağlantıdan arka planı indirebilirsin. https://flarumtr.com/d/1190-flarumtr-reborn-stili

mekici { background-image: url ('https://resi_url_si'); background-repeat: no-repeat; background-attachment: fixed; }``` if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

FlarumTR Anasayfa Tasarımı V2

[silindi]

mekici Sorun, kendi arka planımı kullandığımda, arka plan göstermediği bir resim bağlantısına sahip olduğumda mı?

mekici

[silindi] Ne demek istediğini tam olarak anlamadım. Yukarıdaki kodlar herhangi bir arka plan eklemez. Kendinize ait arka plan kullanmak isterseniz bu sorun olmaz.

[silindi]

mekici

{ background-image: url ('https://resi_url_si'); background-repeat: no-repeat; background-attachment: fixed;

}```

[silindi]

Bunu bir resimle değiştirdiğimde arkaplan verecek mi?

mekici

[silindi] background-image: url ('https://resi_url_si'); bu kodda bir resim URL si eklemen yeterlidir.

Bunu bir resimle değiştirdiğimde arkaplan verecek mi?

Evet

[silindi]

mekici Ne yazık ki bana bir arka plan vermez 🙁

body {
background-image: url('https://i.redd.it/bzptpj0ictq31.png');
}

[silindi]

mekici Hmmm https://upimager.com/image/0h2international.cSuW

mekici

[silindi] Eklemeyi unutmuşum. Aşağıdaki kodlar bu sorunu çözecektir.

@media (min-width: 767px) {.sideNav .Dropdown--select {
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
    border-radius: 6px;
}}

[silindi]

mekici https://upimager.com/image/2v6selfreliant.cXPD Artık çevrimiçi uzantıyla ve bana bağladığınız özel altbilgiyle ilgili sorunları var: /

[silindi]

Ve konu ile, v2 kodunun saydam şeyler içerdiğini düşündüm https://upimager.com/image/6m9euphoric.csiM

mekici

[silindi] https://flarumtr.com/d/891

[silindi]

mekici İlk gönderideki kodu güncellediniz mi? Artık çalışmıyor

[silindi]

ParseError: Unexpected input in anonymous-file-5.less on line 113, column 47 111| box-shadow: 0 1px 15px 0 rgba(0,0,0,.18) !important;}} 112| 113| @media (min-width: 767px) {.sideNav .Dropdown–select { 114| background: #fff; 115| padding-left: 15px; 116| padding-right: 15px;

mekici

[silindi] Kodları düzenledim ve yeniden yükledim. Oradan tekrar indirin.

[silindi]

mekici Çok teşekkürler!!! 2 daha küçük sorun.

https://upimager.com/image/8k8icky.cWRS
https://upimager.com/image/1nbhideous.cZGg

Çevrimiçi uzantı ve bana bağladığınız özel altbilgi hala şeffaf: /

mekici

[silindi]
İlk Sorun için: .Scrubber-handle { background-color: transparent !important}
İkinci sorun için: https://flarumtr.com/d/813-footeri-sidebara-koyma

[silindi]

mekici Evet, altbilgi için kullandığım şey bu ama şeffaf olmaları ve çevrimiçi olmaları nedeniyle işe yaramıyor:

Sonraki Sayfa »