Mobile Theme By FlarumTR FlarumTr mobil temasını paylaşmaya karar verdim. Aşağıkdi kodları Admin Panel > Görünüm > Özel Stiller Bölümüne ekleyin. @media (max-width: 767px) { .DiscussionListItem-badges { margin-left: 0px; position: absolute; right: 10px; } .DiscussionListItem-info .item-excerpt { margin-right: -30px !important; white-space: normal !important; font-size: 14px !important; margin-left: -40px !important; line-height: 1.5em !important; margin-bottom: 25px !important; color: #3a3a3a !important; display: block !important; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 5px; } .DiscussionListItem-content { padding-left: 60px; padding-right: 50px; margin: 10px; margin-bottom:15px; border-radius: 6px; box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; background: #fff !important; } .DiscussionListItem-info>.item-tags { margin-right: 4px; opacity: 1; position: absolute; left: 20px; bottom: 12px; -webkit-mask-image: linear-gradient(to right, #000 140px, rgba(0,0,0,0) 150px); } .DiscussionListItem-title { margin-right: 0; font-weight: 600; } .DiscussionListItem-info { overflow: unset !important; } .DiscussionListItem-count { background: transparent !important; font-size: 14px; position: absolute; bottom: 6px; right: 45px; } .DiscussionListItem-count:before { font-family: 'Font Awesome 5 Free'; display: inline-block; line-height: 1; content: "\f27a"; float: left; margin-left: -21px; margin-top: 4px; } .DiscussionListItem-info> .item-recipients { margin-right: 40%; opacity: 1; position: absolute; right: 10px; bottom: 10px; } .item-discussion-views { font-size: 14px !important; bottom: 6px; left: 70%; position: absolute; color: #667c99; top: unset !important; background: transparent !important; } .item-discussion-views:before { display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: inherit; text-rendering: auto; content: '\f06e'; float: left; margin-left: -21px; margin-top: 0; } .unread .DiscussionListItem-count { background: transparent !important; color: #E7672E; }} @media (max-width: 767px) { li.item-forumStatisticsWidget { display: none; } } @media (max-width: 600px) { .OnlineUsers { display:none; } } @media (max-width: 768px){.IndexPage .WhoRead-list { display: none; }} @media (max-width: 768px){.UserPage .WhoRead-list { display: none; }} @media (max-width: 767px) { .ComposerBody-header li:nth-child(n+2):nth-child(-n+4) { display: inline-block; border-bottom: 0; margin-right: -15px; } } @media (max-width: 767px) {body.dark .DiscussionListItem-content{ border: 1px solid rgb(56, 68, 77) !important; background-color: transparent !important; box-shadow: 0 1px 10px 0 #15202b! important; }} if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

Hocam tekrardan çok teşekkürler ancak bende görüntülenme sayısı ve yorum sayısın ikonları gözükmüyor

ANDRODC1Y1Z Kodları important olarak girmeyi deneyin.

mekici hocam ikonla ilgili kodu bu şekilde düzenledim ancak hala görünmüyor acaba bu sorunu yalnız benmi yaşıyorum

FlarumTR Mobil Tema

Francisco Duran

grange Mükemmel, kodları bana iletmeni bekleyeceğim, gerçekten minnettarım, teşekkür ederim

ErnestDefoe

Is there a way to get this working with FA6?

tolgaaaltas

ErnestDefoe I havent checked but FA5 codes may changed. You can change the FA5 codes to the FA6 in the CSS. There’s a guide for that.

ErnestDefoe

tolgaaaltas I have no clue what any of that means. From what I can tell the unicode stayed the same but the icons won’t load on mobile since I am using the FA 6 extension. Funny thing is when I turn my phone sideways they show up.

ErnestDefoe

tolgaaaltas I can’t make heads or tail of anything that says.

ErnestDefoe

I got it working all I had to do is every reference to Font Awesome 5 Free change it to Font Awesome 6 Pro since I have a kit I am using,

« Önceki Sayfa