İlk kurulumda işinize yarayacak bütün kodları tek bir yere toparladım. Ana sayfadaki konu listesi Ana sayfa teması V2 Mobil Tema Okunmamış başlıklarına simge (ikon) ekleme Kullanıcı listesi sayfası Cevap yaz butonu Adsense reklamları Beğen ve Yanıtla butonları Footer bölümü Scroll bar Anasayfadaki konuların üzerine gelince sallansın // KONU SAYFASI TEMASI .Post.CommentPost {-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important; box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important; border: 1px solid #dbdfe6!important; border-radius: 8px;margin-top: 20px;} // KONU SAYFASI TEMASI // ANASAYFA TEMA V2 // https://flarumtr.com/d/1272-flarumtr-anasayfa-tasarimi-v2 @media (min-width: 768px){.item-recipients{ margin-left: 10px;}} @media (min-width: 768px){ .IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags { margin-right: 0; position: absolute; left: 90px; top: unset !important; max-width: 500px !important; white-space: nowrap; overflow: hidden; transition: max-width .2s ease-in-out,-webkit-mask-image .2s; font-size: 13px !important; bottom: 16px; -webkit-mask-image: initial !important; }} @media (min-width: 768px){.item-terminalPost{ margin-left: 10px;}} @media (min-width: 768px){ .sideNav, .sideNav>ul { width: 205px; }} @media (min-width: 992px){.DiscussionListItem-count:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: ‘Font Awesome 5 Free’; font-weight: 400; content: “\f27a”; float: left; margin-left: -21px; margin-top: 4px; }} @media (min-width: 768px) { .DiscussionListItem-badges { margin-left: 0px; position: absolute; right: 40px; }} @media (min-width: 768px){ .DiscussionListItem-author .Avatar { width: 50px; height: 50px; border-radius: 6px; font-size: 25px; line-height: 50px; }} @media (min-width: 768px){ .IndexPage .DiscussionListItem-title, .UserPage .DiscussionListItem-title { margin-right: 0 !important; margin-left: 10px; }} @media (min-width: 767px) { .DiscussionListItem-info .item-excerpt { margin-left: 10px; padding-bottom: 8px; border-bottom: 1px solid #d7dfea; margin-bottom: 15px; margin-right: -40px !important; }} @media (min-width: 768px){ .item-discussion-views { margin-right: -50px !important; float: left; margin-top: 68px; position: absolute; right: 100px; bottom: 13px; color: #667c99 }} @media (min-width: 768px){ .DiscussionListItem-count { float: right; margin-top: 12px; text-decoration: none; position: absolute; right: 130px; bottom: 15px; padding-left: 0px !important; line-height: normal; }} .Pages-container{background: #fff;webkit-box-shadow:0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; max-width: 1100px !important;} @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; }} @media (min-width: 768px){.DiscussionListItem-content { padding-left: 80px; padding-right: 80px; padding-top: 10px; border-radius: 8px; padding-bottom: 20px; background-color: #fff !important; -webkit-box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; } .DiscussionListItem { position: relative; margin-right: 0; padding-right: 0; padding-left: 0; margin-left: 0; border-radius: 8px; margin-top:15px;}} .Post.CommentPost {background-color: #fff !important; border-radius: 8px; margin-top: 20px; -webkit-box-shadow:0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; } @media (min-width: 768px){.DiscussionListItem:hover { background-color: transparent !important; -webkit-box-shadow: 0 1px 15px 0 rgba(0,0,0,.18) !important; box-shadow: 0 1px 15px 0 rgba(0,0,0,.18) !important;}} .badges>li { padding-right: 15px; } .Badge–bestAnswer { margin-bottom: -2px; } .item-onlineUsers{ 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; } // ANASAYFA TEMA V2 // MOBIL TEMA // https://flarumtr.com/d/1198-flarumtr-mobil-tema @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; }} // MOBIL TEMA // OKUNMAMIŞ KONULARIN BAŞLIKLARINA İKON KOYMA // https://flarumtr.com/d/892-okunmamis-konu-basliklarina-simge-ekleme .unread .DiscussionListItem-title:after { font-family: ‘Font Awesome 5 Free’; font-weight: 600; font-size: 16px; content: ‘\f06d’; color: #cc3737; margin-left: 6px ;} // OKUNMAMIŞ KONULARIN BAŞLIKLARINA İKON KOYMA // KULLANICI LİSTESİ SAYFASI // https://flarumtr.com/d/896-flarumtr-kullanici-listesi-sayfasi-temasi .UserDirectoryList .UserCard–directory { background-color: transparent !important; box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important; margin-bottom: 15px !important; border:1px solid #dbdfe6!important; border-radius: 10px !important; } .UserCard, .UserCard a { color: #000; } .darkenBackground { background: #fff; border-radius: 10px !important; } .darkenBackground:hover { box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;} .social-settings>.fa-cog { border-left: 1px solid #1b2028 !important;} .Badge–social { color:#f36322 !important;} // KULLANICI LİSTESİ SAYFASI // CEVAP YAZ BUTONU .ReplyPlaceholder { border: 2px dashed #c5c3c3 !important; border-radius: 10px; } // CEVAP YAZ BUTONU // ADSENSE REKLAMLARI .Flagrow-Ads-under-header{ margin-top: 10px; margin-bottom: 5px; padding-top: 3px; text-align: center; background-color: #f6eae4; border-top: 1px solid #f6eae4; } // ADSENSE REKLAMLARI // BEĞEN VE YANITLA BUTONLARI // https://flarumtr.com/d/803-begen-ve-cevapla-butonlarina-ikon-ekleme .item-like .Button:before { font-family: ‘Font Awesome 5 Free’; font-weight: 600; font-size: 15px; content: ‘\f164’; margin-right: 8px; vertical-align: -1px; } .item-reply .Button–link:before { font-family: ‘Font Awesome 5 Free’; font-weight: 600; font-size: 15px; content: ‘\f3e5’; margin-right: 8px; vertical-align: -1px; } .item-bestAnswer .Button–link:before { font-family: ‘Font Awesome 5 Free’; font-weight: 600; font-size: 15px; content: ‘\f005’; margin-right: 8px; vertical-align: -1px; } // BEĞEN VE YANITLA BUTONLARI // FOOTER BÖLÜMÜ // https://flarumtr.com/d/544-flarumtr-com-footer-kodlari .flarumfooter { background-position-y: 0px !important; background-position: center; background-repeat: no-repeat; position: relative; padding: 15px; background-color: #002747; text-align: center; background-image: url(“/assets/effect.png”); } .flarumfooter a { font-family : inherit; font-weight: 600; text-decoration: none; color: #fff; } .logo-holder { padding: 20px;} .logo-holder img { max-width: 210px; } .text-holder ul li { display: inline-block; padding: 0 16px; position: relative; font-size: 14px; } .text-holder ul li:after { content: ''; display: block; width: 1px; height: 12px; background-color: #fff; position: absolute; right: 0; top: 4px; } .text-holder ul li:last-child:after { display: none; } .social ul li { display: inline-block; padding: 0 5px; } .social ul li img { max-width: 140px; } .social ul li a { display: block; } .social ul li i { position: relative; font-size: 20px; bottom: 14px; color: #4b749b; } .foot { font-size: 12px; color: #4b749b; background-color: #002747; padding: 10px; line-height: 14px; text-align: center; font-weight: 600; } @media only screen and (max-width: 600px) {.flarumfooter, .foot {display: none;}} .flarumfooter .social{ margin-top:25px; } // FOOTER BÖLÜMÜ // SCROLL BAR // https://flarumtr.com/d/1547-flarum-kaydirma-cubugu-ozellestirme ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-track { -webkit-border-radius: 10px; background: fade(#000, 10%); border-radius: 10px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: fade(@primary-color, 80%); } ::-webkit-scrollbar-thumb:window-inactive { background: fade(@primary-color, 40%); } // SCROLL BAR // KONULARI SALLA // https://flarumtr.com/d/1702-anasayfadaki-konularin-uzerine-gelince-konu-sallansin .DiscussionListItem:hover { animation: shake 1.5s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } // KONULARI SALLA

bymizah v2 teması içeriği için @mekici ’nin onay vermesi lazım. O zamana kadar tartışmayı yanıtlamaya kapatıyorum.

tolgaaaltas bymizah v2 teması içeriği için @mekici ’nin onay vermesi lazım. O zamana kadar tartışmayı yanıtlamaya kapatıyorum. Bu gibi konu kilitlemelerinde konuyu kilitleyen kişiye direk ulaşabileceğimiz bir yer yok mu? Dün bir izahta bulunacaktım ama iletişime geçemedim. 🙂 CSS kodlarının içerisine her kod için ilgili konuların linklerini koydum zaten diyecektim.

bymizah Özel Tartışma mevcut ancak kullanıcılar sürekli oradan özel soru sormak istediği için yalnızca belirli kullanıcı grupları için aktif.

konu açılmışken bir bakalım

tolgaaaltas bizide o gruba alsanız 🙂 lazım olmadıkça kullanmayız.

İlk kurulumda işinize yarayabilecek CSS kodlarını tek bir yere toparladım

mehmetmasa

Teşekkürler

Rootzilla

Teşekkür ederiz

AxilTR

Teşekkürler

Antalyaiha

tesekkurler

TOWUK

tesekkurler

Muhammetyasarakkaya

Tesekkurler

[silindi]

Tesekkurler

z4n3x

deneyelim

ErsinB

teşekkürler

Alper

Teşekkürler

ClaymoreSwipez

Ellerine Saglik

Nginx

Teşekkürler, tek tek aramak yerine burdan toplu olarak bakmak daha iyi olacak.

endisis

tşk

wisex

Teşekkürler 🙂

snfansclub

Bu listeyi yaptığınız için teşekkür ederim 😄

cgencler

teşekkürler

MuhammetYaarAkkaya

tesekkurler

yasinkeles

teşekkürler

BilgehanIlgar

teşekkürler

Deniz

Bakalım

« Önceki Sayfa Sonraki Sayfa »