Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Xenforo 2 Node-body şekillendirmek istiyorum

Bude4545

Kullanıcı
Kullanıcı
Katılım
5 Mar 2019
Mesajlar
16
7889
Böyle birşey yapmak istiyorum resimde dahil yuvarlak olucak normalde resimler kare
nasıl yapabilirim yardımcı olursanız mutlu olurum
 
Hocam aşağı yukarı aynı görünüme ulaşmak için:
1-) Aşağıdaki kodu PAGE_CONTAINER şablonunda "<xf:include template="google_analytics" />" satırından sonra ekleyin. (60. satırlarda olması lazım.)


HTML:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/3.7.95/css/materialdesignicons.min.css" />
2-) Aşağıdaki kodları ise extra.less şablonunun içine yapıştırın
CSS:
/* Hirqiz Nodes */
.node-body {
    padding: 7px 5px !important;
}

.node-title > a {
    color: rgba(0,0,0,0.9) !important;
}

.node--unread .node-title {
    font-weight: 400 !important;
}

.node-description {
    color: rgba(0,0,0,.6) !important;
}

.node-stats>dl.pairs.pairs--rows {
    width: 50% !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border-right: 1px solid #e0e0e0 !important;
}

.node-stats>dl.pairs.pairs--rows:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
}

.node-icon i:before {
    font: normal normal normal 35px/1 "Material Design Icons" !important;
    display: inline-block !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    transform: translate(0, 0) !important;
    width: auto !important;
    color: #e0e0e0 !important;
}

.node--category .node-icon i:before, .node--forum .node-icon i:before {
    content: '\f36a' !important;
}

.node--unread .node-icon i:before {
    opacity: 1 !important;
}

.avatar {
    border-radius: 50%;
}
 
Hocam aşağı yukarı aynı görünüme ulaşmak için:
1-) Aşağıdaki kodu PAGE_CONTAINER şablonunda "<xf:include template="google_analytics" />" satırından sonra ekleyin. (60. satırlarda olması lazım.)


HTML:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/3.7.95/css/materialdesignicons.min.css" />
2-) Aşağıdaki kodları ise extra.less şablonunun içine yapıştırın
CSS:
/* Hirqiz Nodes */
.node-body {
    padding: 7px 5px !important;
}

.node-title > a {
    color: rgba(0,0,0,0.9) !important;
}

.node--unread .node-title {
    font-weight: 400 !important;
}

.node-description {
    color: rgba(0,0,0,.6) !important;
}

.node-stats>dl.pairs.pairs--rows {
    width: 50% !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border-right: 1px solid #e0e0e0 !important;
}

.node-stats>dl.pairs.pairs--rows:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
}

.node-icon i:before {
    font: normal normal normal 35px/1 "Material Design Icons" !important;
    display: inline-block !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    transform: translate(0, 0) !important;
    width: auto !important;
    color: #e0e0e0 !important;
}

.node--category .node-icon i:before, .node--forum .node-icon i:before {
    content: '\f36a' !important;
}

.node--unread .node-icon i:before {
    opacity: 1 !important;
}

.avatar {
    border-radius: 50%;
}

Çok Teşekkür ederim ama arka plan rengini nasıl değiştirebilirim ve ayrıca text rengi falan siyah oldu
 
Hocam size eklettiğim extra.less kodlarının arasından aşağıdakileri bulup bir aşağısındaki ile değişin
1-) Yazı Renkleri
CSS:
.node-title > a {
    color: rgba(0,0,0,0.9) !important;
}

Bunu aşağıdaki ile değişin

CSS:
.node-title > a {
    color: rgb(255,255,255) !important;
}

CSS:
.node-description {
    color: rgba(0,0,0,.6) !important;
}

Bunu ise aşağıdaki ile değişin

CSS:
.node-description {
    color: rgba(255,255,255,0.7) !important;
}

2-) Arkaplan Rengi
Ayrıca aşağıdaki kod ile arkaplan rengi atayabilirsiniz #renkkodu kısmına istediğinizi yazın ister rgb türünden bir değer ister hex türünden bir değer yazabilirsiniz. Bu kodu da yine extra.less şablonunuza ekleyin karşısında istediğiniz renk değerini yazıp.

CSS:
.node-body {
    background: #renkkodu;
}

Örneğin aşağıdaki gibi

CSS:
.node-body {
    background: #181818;
}
 
Son düzenleme:
kardeş başlıkların renklerini önceki gibi olmasıın istiyorsan bu kodu sil

.node-title > a {
color: rgba(0,0,0,0.9) !important;
}

burada yazan color kodunu kendin istediğin gibi de değişebilirsin mesela böyle yaparsan kırmızı olur

.node-title > a {
color: #FF0000 !important;
}

bu kod renk kodudur #FF0000
 
Hocam size eklettiğim extra.less kodlarının arasından aşağıdakileri bulup bir aşağısındaki ile değişin
1-) Yazı Renkleri
CSS:
.node-title > a {
    color: rgba(0,0,0,0.9) !important;
}

Bunu aşağıdaki ile değişin

CSS:
.node-title > a {
    color: rgb(255,255,255) !important;
}

CSS:
.node-description {
    color: rgba(0,0,0,.6) !important;
}

Bunu ise aşağıdaki ile değişin

CSS:
.node-description {
    color: rgba(255,255,255,0.7) !important;
}

2-) Arkaplan Rengi
Ayrıca aşağıdaki kod ile arkaplan rengi atayabilirsiniz #renkkodu kısmına istediğinizi yazın ister rgb türünden bir değer ister hex türünden bir değer yazabilirsiniz. Bu kodu da yine extra.less şablonunuza ekleyin karşısında istediğiniz renk değerini yazıp.

CSS:
.node-body {
    background: #renkkodu;
}

Örneğin aşağıdaki gibi

CSS:
.node-body {
    background: #181818;
}
Eyvallah teşekkür ederim
 
Hocam size eklettiğim extra.less kodlarının arasından aşağıdakileri bulup bir aşağısındaki ile değişin
1-) Yazı Renkleri
CSS:
.node-title > a {
    color: rgba(0,0,0,0.9) !important;
}

Bunu aşağıdaki ile değişin

CSS:
.node-title > a {
    color: rgb(255,255,255) !important;
}

CSS:
.node-description {
    color: rgba(0,0,0,.6) !important;
}

Bunu ise aşağıdaki ile değişin

CSS:
.node-description {
    color: rgba(255,255,255,0.7) !important;
}

2-) Arkaplan Rengi
Ayrıca aşağıdaki kod ile arkaplan rengi atayabilirsiniz #renkkodu kısmına istediğinizi yazın ister rgb türünden bir değer ister hex türünden bir değer yazabilirsiniz. Bu kodu da yine extra.less şablonunuza ekleyin karşısında istediğiniz renk değerini yazıp.

CSS:
.node-body {
    background: #renkkodu;
}

Örneğin aşağıdaki gibi

CSS:
.node-body {
    background: #181818;
}
Ya birde bir sıkıntı var sanırım koyu bir renk kodu koyuyorum açık oluyor açık bir renk koyuyorum daha açık bir renk oluyor yani koyduğum renk yerine daha açık yada daha koyu bir renk oluyor böyle değildi sorun ne acaba ?
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.