FlarumTR temasını nasıl kurabilirim?

mekici · 3 Nis 2020

KeepEveryone E-posta adresinizi kontrol edin.

KeepEveryone · 3 Nis 2020

Yardımınız için çok teşekkür ederim.

Bir soru daha, konu başlığını nasıl kırmızı yapabilirim?
Tıpkı topluluk gibi

mekici · 3 Nis 2020

KeepEveryone Sadece okunmamış konu başlıkları turuncu renkte gözükecek şekilde ayarlandı. Siz her zaman turuncu renkli olmasını mı istiyorsunuz?

KeepEveryone · 3 Nis 2020

mekici

Başlık rengi sağladığınız CSS’de var mı? Yoksa genişletilmesi mi gerekiyor?

mekici · 3 Nis 2020

KeepEveryone Paylaştığım CSS’te var. Ekstradan bir şey yapmanız gerekmiyor.

AmaniJoseph · 5 Nis 2020

Merhaba benimle, forumun bu tarzı paylaşabilirsiniz. Sana Flarum’dan sormaya çalışıyorum ama cevap vermeyeceksin, lütfen benimle de paylaşabilirsin.

[silindi] · 15 Nis 2020

Aynı soru: FlarumTR teması nasıl kurulur?

[silindi] · 15 Nis 2020

mekici YUS Aynı soru: FlarumTR teması nasıl kurulur?

[silindi] · 15 Nis 2020

KeepEveryone YUS Aynı soru: FlarumTR teması nasıl kurulur?

mekici · 15 Nis 2020

Merhaba;
[silindi]
AmaniJoseph
KeepEveryone

FlarumTR Temasına ailt CSS kodlarını aşağıdan indirebilirsiniz. Kodun bir kısmının kendinize göre düzenlenmesi gerektiğini unutmayın. Kodlar hem Mobil hemde Masaüstü sürüm kodlarını içerir.

flarumtr-custom-css.zip

4kB

merZKAY · 19 Nis 2020

MERHABA BENDE BU TEMAYI KURMAK İSTİYORUM NEREDEN BULABİLİRİM YARDIMCI OLURMSUNUZ ?

tolgaaaltas · 19 Nis 2020

merZKAY Bir üst gönderiyi kontrol etmediniz mi?

SallyMelek · 27 May 2020

Hayırlı Bayramlar
Buttons için css kodunun ne olduğunu merak ediyorum

mekici · 27 May 2020

SallyMelek buyrun.

@media (max-width: 767px) { #header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"] {margin-top:10px;}}
#header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"] {
border: 2px solid #4d698e;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #4d698e;
border-radius: 30px;
width: 100px;
text-align: center;
font-weight: 700;}


#header-secondary > ul > li.item-signUp > button[title="Kaydol"] {
border: 2px solid #E7672E;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #E7672E;
border-radius: 30px;
width: 100px;
text-align: center;
font-weight: 700;}

#header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"]:hover {
background: #4d698e !important;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #fff;
border-radius: 30px;
width: 100px;
text-align: center;
transition: margin-right .1s;}


#header-secondary > ul > li.item-signUp > button[title="Kaydol"]:hover {
background: #E7672E !important;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #fff;
border-radius: 30px;
width: 100px;
text-align: center;
transition: margin-right .1s;}

#header-secondary > ul > li.item-logIn > button[title="Giriş Yap"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 16px;
    content: '\f2f6';
    margin-right: 4px;
    vertical-align: -1px;
    
  }

#header-secondary > ul > li.item-signUp > button[title="Kaydol"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    content: '\f234';
    margin-right: 4px;
    vertical-align: 1px;   
}

SallyMelek · 27 May 2020

mekici Allah razı olsun

Mmajki123 · 30 Eyl 2021

mekici Hi is this code the newest there is with the flatrumTR theme?

mekici · 30 Eyl 2021

majki123

@media (max-width: 767px){ 
.feedback-btn-wrapper {bottom: 30px !important}
}

@media (max-width: 767px){ 
.feedback-close button {margin-bottom: 30px !important}
}

@keyframes pulse {
	0% { transform: scale(1);}
	50% { transform: scale(1.5); }
	100% { transform: scale(1); }
}

.new .NotificationsDropdown-unread {
	animation: pulse 1s infinite;
}

.LinksButton.Button.Button--link {text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.FoFLogInButton .Button-label {
    margin-left: 10px !important;
}

.scrolled .App-header {box-shadow: 0 1px 20px rgba(0,0,0,9%);
background: rgba(255,255,255,0.97);
}

.Post::before, .Post::after {
    content:none;
}

.Post-body a {
    border-bottom: none
}

@media (max-width: 767px){ #header-secondary>ul>li.item-signUp>button[title="Kayıt Ol"] {width: 80% !important}}
@media (max-width: 767px){ #header-secondary>ul>li.item-logIn>button[title="Giriş Yap"] {width: 80% !important}}
@media (max-width: 767px) { #header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"] {margin-top:10px}}
#header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"] {
border: 1px solid #E7672E;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #E7672E;
border-radius: 4px;
width: 100px;
text-align: center;
}

#header-secondary > ul > li.item-signUp > button[title="Kayıt Ol"] {
background: #E7672E !important;
border: 1px solid #E7672E;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #fff;
border-radius: 4px;
width: 100px;
text-align: center;
}

#header-secondary > ul > li.item-logIn > button[title="Giriş Yap"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 16px;
    content: '\f2f6';
    margin-right: 4px;
    vertical-align: -1px;
    
  }

#header-secondary > ul > li.item-signUp > button[title="Kayıt Ol"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    content: '\f234';
    margin-right: 4px;
    vertical-align: 1px;   
}

.item-like .Button-label {
	display: none;
}

.item-like .Button:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 17px;
	content: '\f164';
	margin-right: 4px;
	vertical-align: -1px;
}

.item-reply .Button--link:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 17px;
	content: '\f3e5';
	margin-right: 4px;
	vertical-align: -1px;
}

.item-reply .Button--link .Button-label {
	display: none;
}

.item-bookmark .Button--link .Button-label {
	display: none;
}
.fa-bookmark:before {
    content: "\f02e";
    font-weight: 600;
}

@media (max-width: 767px){
.TagTiles {
    padding: 1rem !important;
}}

.TagTiles {
    display: grid;
    grid-gap: 1rem;
    
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: 200px;
}

.TagTiles .TagTile {
    width: 100%;
    height: auto;
    border-radius: .25rem;
}

.DiscussionList-loadMore button {
    width: 50%;
}

@media (max-width: 767px) {.item-downloadButton {display:none}}

.TagTile-lastPostedDiscussion {border-top: 1px solid rgba(255,255,255,25%) !important}


.Hero.WelcomeHero {
    margin-top: -1px;
    background: #f8f8f8;
    color: #333;
    background-image: url(https://flarumtr.com/assets/files/2021-05-15/1621095149-896367-basliksiz-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.Hero.WelcomeHero h2 {
    
    line-height: 42px;
    color: white;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    
}

.WelcomeHero .Hero-subtitle {
    line-height: 1.5em;
    color: white;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
}
.Hero-close {color: #fff}

.Hero-subtitle_buttons {
    margin-top: 20px;
}

.Button.Button--secondary {
    background: transparent;
    color: #E7672E;
    border: 1px solid #E7672E;
}

.Hero-subtitle_buttons .Button:not(:first-child) {
    margin-left: 5px;
}


@media (max-width: 767px){ 
.footeralt {display: none}
}

.Post-body {
    font-size: 15px;
    
}

@media (min-width: 992px){
.TagsPage .sideNav {
display: none;
}}

.Scrubber-scrollbar {
        height: 200px
}

body when (@config-dark-mode = true) {
.flarumtrheader { border-bottom: 1px solid #1b2028 }
.TagTile.colored, .TagTile.colored a {color: #fff;}
.TagTile.colored .TagTile-description {color: #fff;}
.TagTile.colored .TagTile-lastPostedDiscussion {color: #fff;}
.TagTile-lastPostedDiscussion {border-top: 1px solid #fff}
.sideNav .Dropdown--select .Dropdown-menu>li>a {color: #ffffff;}
.scrolled .App-header {background: #1b2028}
.backgrwbguest {background: transparent !important; box-shadow: none !important; border: 2px solid #1b2028;}
.backgrwb {
    background: #1b2028 !important;
}}

a.relLink {border-bottom: none !important}

@media (max-width: 767px){ #header-secondary>ul>li.item-signUp>button[title=“Kayıt Ol”] {width: 80% !important}}
@media (max-width: 767px){ #header-secondary>ul>li.item-logIn>button[title=“Giriş Yap”] {width: 80% !important}}
@media (max-width: 767px) { #header-secondary > ul > li.item-logIn > button[title=“Giriş Yap”] {margin-top:10px}}
#header-secondary > ul > li.item-logIn > button[title=“Giriş Yap”]

Burada yer alan Türkçe ifadeleri kendi dilindeki kelimelerle değiştirmen gerekiyor.

Mmajki123 · 30 Eyl 2021

mekici Thanks, how does this correspond with https://flarumtr.com/d/1546-flarumtr-temasini-nasil-kurabilirim/15 this download?

The css there is much bigger .

mekici · 30 Eyl 2021

majki123 The codes in the previous post are all the CSS I’m using now.

Edit: https://flarumtr.com/d/1546-flarumtr-temasini-nasil-kurabilirim/15 this gives a different look.