Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
[TB] Resimli Benzer Konular 2.2.x

XF 2.2 Eklenti [TB] Resimli Benzer Konular 2.2.x 2.2.6

Dosyayı indir
Genel bakış Güncellemeler (6) İncelemeler (10) Geçmiş Forum konusu
Bu eklenti, add-ons XenForo 2.2.X ile uyumlu ve stabil olarak çalışmaktadır.
xgt temaları gece modu ile renk uyum sorunu var. nasıl düzeltebılırız?
 

Ekli dosyalar

  • Ekran görüntüsü 2022-03-01 151818.jpeg
    Ekran görüntüsü 2022-03-01 151818.jpeg
    88.8 KB · Görüntüleme: 17
Garfield' Alıntı:
xgt temaları gece modu ile renk uyum sorunu var. nasıl düzeltebılırız?
Genişletmek için tıkla ...
Aşağıdaki tb_benzerkonular.less şablonun içerisini kopyalayıp aşağıdaki less kodları ile değiştirebilirsiniz.

İyi Forumlar :)

Not : V9 Tema için Ele alınmıştır..

Less: 
.benzer-konular-resimli,
.benzerkonular-liste,
.benzerkonular-mobil
{
    margin: 20px 0;
  
    .block-header
    {
        padding: @xf-paddingMedium @xf-paddingLarge ;
        margin: 0;
        font-weight: 400;
        text-decoration: none;
        font-size: @xf-fontSizeLarger;
        color: @xf-majorHeadingTextColor;
        background: ~"rgb(var(--xgtBirincil))" !important;
        border-bottom: @xf-borderSize solid @xf-borderColorLight;
        background: linear-gradient(0deg, @xf-majorHeadingBg, mix(@xf-majorHeadingBg, @xf-contentBg, 50%));
    } 
  
    .block-container
    {
        .xf-contentBase();
        color:~"rgb(var(--xgtBaglanti))" !important;
        border-width: @xf-borderSize !important;
        border-style: solid !important;
        border-top-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;
        border-right-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;
        border-bottom-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;
        border-left-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;     
        border-radius: @xf-blockBorderRadius !important;
    }
  
    .block-row
    {
        border: 0 !important;
    }     
}
.benzerkonu-blok-2,
.benzerkonu-blok-3,
.benzerkonu-blok-4,
.benzerkonu-blok-5 {
    float: left;
    margin:1%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-3 img,
.benzerkonu-blok-4 img,
.benzerkonu-blok-5 img,
.benzerkonu-blok-2 .avatar img:not(.cropImage),
.benzerkonu-blok-3 .avatar img:not(.cropImage),
.benzerkonu-blok-4 .avatar img:not(.cropImage),
.benzerkonu-blok-5 .avatar img:not(.cropImage) {
    object-fit: cover;
    width: 100%;
}
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-5 .benzerkonu-resim {
    position: relative;
    overflow: hidden;
}
.benzerkonu-blok-2 {
    width: 48%;
}
.benzerkonu-blok-3 {
    width: 31%;
}
.benzerkonu-blok-4 {
    width: 23%;
}
.benzerkonu-blok-5 {
    width: 18%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-2 .avatar--l {
    height: 250px;
}
.benzerkonu-blok-3 img,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-3 .avatar--l  {
    height: 200px;
}
.benzerkonu-blok-4 img,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-4 .avatar--l  {
    height: 150px;
}
.benzerkonu-blok-5 img,
.benzerkonu-blok-5 .benzerkonu-resim,
.benzerkonu-blok-5 .avatar--l  {
    height: 120px;
}
#benzerkonular-ara {
    margin-top: 20px;
    display: none;
}
.benzerkonu-bulunamadi {
    border-left: 3px solid #dcda54;
    background: #fbf7e2;
    color: #84653d;
    padding: 5px 10px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #cbcbcb;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    border-left-color: #cbcbcb;
    border-radius: 4px;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
}
.benzer-konular-baslik {
    height: 45px;
}
.benzeraramobil {
    border: 1px solid #dddd !important;
    margin: 0;
    border-radius: 4px;
}
[data-template="forum_view"] .benzeraramobil {
    margin: 0 0 0 -50px;
}
.benzerkonular-mobil .block-header {
    font-size: 15px;
}
.benzer-konular-resimli .avatar--l {
    width: 100%;
    font-size: 60px;
}
.benzer-konular-resimli .avatar {
    border-radius: 0;
}
.benzer-konular-resimli h2 {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    margin: 10px 3px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 4px;
    margin: 0;
    font-size: 80%;
    font-weight: 400;
    color: #fff;
    background: rgba(24, 88, 134, 0.8);
    border-radius: 0 0 0 5px;
}
.position-absolute:hover {
    background: rgb(249,169,13);
}
.position-absolute a {
    color: #fff;
    text-decoration: none;
}
.position-absolute:hover a {
    color: #333;
    text-decoration: none;
}
.benzerkonu-resim:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.benzerkonu-resim img {
    transition: all 0.2s linear;
}

.benzerkonular-liste .dataList-cell.dataList-cell--link a {
    padding: 5px 10px;
}
.benzerkonular-liste .dataList-cell {
    padding: 3px 10px;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtIkincil))" !important;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-cell:first-child {
    text-align: center;
}
.benzerkonular-liste .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtBirincil))" !important;
}
.benzerkonular-liste .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
}
.benzerkonular-mobil .block-row {
    border-top-color: transparent;
    border-bottom: 1px solid #e7e7e7 !important;
}
.benzerkonular-mobil .block-row:last-child {
    border-bottom-color: transparent;
}
.benzerkonular-mobil{
    display: none;
}
@media (max-width: @xf-responsiveWide) {
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 31%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l, 
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}
@media (max-width: @xf-responsiveMedium) {
    .benzerkonular-liste,
    .resimli-mobil{
        display: none;
    }
    .benzerkonular-mobil{
        display: block;
    }
    .benzerkonular-post-thread{
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 48%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l, 
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l, 
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l, 
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 150px;
    }
}
@media (max-width: @xf-responsiveNarrow) {
    .benzerkonular-liste,
    .resimli-mobil {
        display: none;
    }
    [data-template="forum_view"] .benzerkonular-mobil {
        display: block;
    }
    [data-template="forum_view"] .benzeraramobil {
        margin: 0;
    }
    .benzerkonular-post-thread {
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 98%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l, 
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l, 
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}

.dataList-row.dataList-row--header .dataList-cell {
  
        background: ~"rgb(var(--xgtBirincil))" !important;
        color:~"rgb(var(--xgtBaglanti))" !important;
        border-bottom:none;
}

Screenshot_7.png
 
MusaPekel' Alıntı:
Aşağıdaki tb_benzerkonular.less şablonun içerisini kopyalayıp aşağıdaki less kodları ile değiştirebilirsiniz.

İyi Forumlar :)

Not : V9 Tema için Ele alınmıştır..

Less: 
.benzer-konular-resimli,
.benzerkonular-liste,
.benzerkonular-mobil
{
    margin: 20px 0;
 
    .block-header
    {
        padding: @xf-paddingMedium @xf-paddingLarge ;
        margin: 0;
        font-weight: 400;
        text-decoration: none;
        font-size: @xf-fontSizeLarger;
        color: @xf-majorHeadingTextColor;
        background: ~"rgb(var(--xgtBirincil))" !important;
        border-bottom: @xf-borderSize solid @xf-borderColorLight;
        background: linear-gradient(0deg, @xf-majorHeadingBg, mix(@xf-majorHeadingBg, @xf-contentBg, 50%));
    }
 
    .block-container
    {
        .xf-contentBase();
        color:~"rgb(var(--xgtBaglanti))" !important;
        border-width: @xf-borderSize !important;
        border-style: solid !important;
        border-top-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;
        border-right-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;
        border-bottom-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;
        border-left-color: ~"rgba(var(--xgtBirincil-m),0.20)" !important;    
        border-radius: @xf-blockBorderRadius !important;
    }
 
    .block-row
    {
        border: 0 !important;
    }    
}
.benzerkonu-blok-2,
.benzerkonu-blok-3,
.benzerkonu-blok-4,
.benzerkonu-blok-5 {
    float: left;
    margin:1%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-3 img,
.benzerkonu-blok-4 img,
.benzerkonu-blok-5 img,
.benzerkonu-blok-2 .avatar img:not(.cropImage),
.benzerkonu-blok-3 .avatar img:not(.cropImage),
.benzerkonu-blok-4 .avatar img:not(.cropImage),
.benzerkonu-blok-5 .avatar img:not(.cropImage) {
    object-fit: cover;
    width: 100%;
}
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-5 .benzerkonu-resim {
    position: relative;
    overflow: hidden;
}
.benzerkonu-blok-2 {
    width: 48%;
}
.benzerkonu-blok-3 {
    width: 31%;
}
.benzerkonu-blok-4 {
    width: 23%;
}
.benzerkonu-blok-5 {
    width: 18%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-2 .avatar--l {
    height: 250px;
}
.benzerkonu-blok-3 img,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-3 .avatar--l  {
    height: 200px;
}
.benzerkonu-blok-4 img,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-4 .avatar--l  {
    height: 150px;
}
.benzerkonu-blok-5 img,
.benzerkonu-blok-5 .benzerkonu-resim,
.benzerkonu-blok-5 .avatar--l  {
    height: 120px;
}
#benzerkonular-ara {
    margin-top: 20px;
    display: none;
}
.benzerkonu-bulunamadi {
    border-left: 3px solid #dcda54;
    background: #fbf7e2;
    color: #84653d;
    padding: 5px 10px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #cbcbcb;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    border-left-color: #cbcbcb;
    border-radius: 4px;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
}
.benzer-konular-baslik {
    height: 45px;
}
.benzeraramobil {
    border: 1px solid #dddd !important;
    margin: 0;
    border-radius: 4px;
}
[data-template="forum_view"] .benzeraramobil {
    margin: 0 0 0 -50px;
}
.benzerkonular-mobil .block-header {
    font-size: 15px;
}
.benzer-konular-resimli .avatar--l {
    width: 100%;
    font-size: 60px;
}
.benzer-konular-resimli .avatar {
    border-radius: 0;
}
.benzer-konular-resimli h2 {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    margin: 10px 3px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 4px;
    margin: 0;
    font-size: 80%;
    font-weight: 400;
    color: #fff;
    background: rgba(24, 88, 134, 0.8);
    border-radius: 0 0 0 5px;
}
.position-absolute:hover {
    background: rgb(249,169,13);
}
.position-absolute a {
    color: #fff;
    text-decoration: none;
}
.position-absolute:hover a {
    color: #333;
    text-decoration: none;
}
.benzerkonu-resim:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.benzerkonu-resim img {
    transition: all 0.2s linear;
}

.benzerkonular-liste .dataList-cell.dataList-cell--link a {
    padding: 5px 10px;
}
.benzerkonular-liste .dataList-cell {
    padding: 3px 10px;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtIkincil))" !important;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-cell:first-child {
    text-align: center;
}
.benzerkonular-liste .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtBirincil))" !important;
}
.benzerkonular-liste .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
}
.benzerkonular-mobil .block-row {
    border-top-color: transparent;
    border-bottom: 1px solid #e7e7e7 !important;
}
.benzerkonular-mobil .block-row:last-child {
    border-bottom-color: transparent;
}
.benzerkonular-mobil{
    display: none;
}
@media (max-width: @xf-responsiveWide) {
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 31%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l,
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}
@media (max-width: @xf-responsiveMedium) {
    .benzerkonular-liste,
    .resimli-mobil{
        display: none;
    }
    .benzerkonular-mobil{
        display: block;
    }
    .benzerkonular-post-thread{
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 48%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l,
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 150px;
    }
}
@media (max-width: @xf-responsiveNarrow) {
    .benzerkonular-liste,
    .resimli-mobil {
        display: none;
    }
    [data-template="forum_view"] .benzerkonular-mobil {
        display: block;
    }
    [data-template="forum_view"] .benzeraramobil {
        margin: 0;
    }
    .benzerkonular-post-thread {
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 98%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l,
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}

.dataList-row.dataList-row--header .dataList-cell {
 
        background: ~"rgb(var(--xgtBirincil))" !important;
        color:~"rgb(var(--xgtBaglanti))" !important;
        border-bottom:none;
}

Ekli dosyayı görüntüle 19274
Genişletmek için tıkla ...

olmadı maalesef.
 
Garfield' Alıntı:
Temayı gece moduna alınca benzer konular yine beyaz kaldı.
Genişletmek için tıkla ...
CSS: 
.benzer-konular-resimli,
.benzerkonular-liste,
.benzerkonular-mobil
{
    margin: 20px 0;
    
    .block-header
    {
        padding: @xf-paddingMedium @xf-paddingLarge ;
        margin: 0;
        font-weight: 400;
        text-decoration: none;
        font-size: @xf-fontSizeLarger;
        color: @xf-majorHeadingTextColor;
        background: ~"rgb(var(--xgtBirincil))";
        border-bottom: @xf-borderSize solid @xf-borderColorLight;
        background: linear-gradient(0deg, @xf-majorHeadingBg, mix(@xf-majorHeadingBg, @xf-contentBg, 50%));
    }   
    
    .block-container
    {
        background: ~"rgb(var(--xgtDalgaRenk1)) !important";
        color:~"rgb(var(--xgtBaglanti))";
        border-width: @xf-borderSize !important;
        border-style: solid !important;
        border-top-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";
        border-right-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";
        border-bottom-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";
        border-left-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";       
        border-radius: @xf-blockBorderRadius !important;
    }
    
    .block-row
    {
        border: 0 !important;
    }       
}
.benzerkonu-blok-2,
.benzerkonu-blok-3,
.benzerkonu-blok-4,
.benzerkonu-blok-5 {
    float: left;
    margin:1%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-3 img,
.benzerkonu-blok-4 img,
.benzerkonu-blok-5 img,
.benzerkonu-blok-2 .avatar img:not(.cropImage),
.benzerkonu-blok-3 .avatar img:not(.cropImage),
.benzerkonu-blok-4 .avatar img:not(.cropImage),
.benzerkonu-blok-5 .avatar img:not(.cropImage) {
    object-fit: cover;
    width: 100%;
}
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-5 .benzerkonu-resim {
    position: relative;
    overflow: hidden;
}
.benzerkonu-blok-2 {
    width: 48%;
}
.benzerkonu-blok-3 {
    width: 31%;
}
.benzerkonu-blok-4 {
    width: 23%;
}
.benzerkonu-blok-5 {
    width: 18%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-2 .avatar--l {
    height: 250px;
}
.benzerkonu-blok-3 img,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-3 .avatar--l  {
    height: 200px;
}
.benzerkonu-blok-4 img,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-4 .avatar--l  {
    height: 150px;
}
.benzerkonu-blok-5 img,
.benzerkonu-blok-5 .benzerkonu-resim,
.benzerkonu-blok-5 .avatar--l  {
    height: 120px;
}
#benzerkonular-ara {
    margin-top: 20px;
    display: none;
}
.benzerkonu-bulunamadi {
    border-left: 3px solid #dcda54;
    background: #fbf7e2;
    color: #84653d;
    padding: 5px 10px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #cbcbcb;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    border-left-color: #cbcbcb;
    border-radius: 4px;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
}
.benzer-konular-baslik {
    height: 45px;
}
.benzeraramobil {
    border: 1px solid #dddd !important;
    margin: 0;
    border-radius: 4px;
}
[data-template="forum_view"] .benzeraramobil {
    margin: 0 0 0 -50px;
}
.benzerkonular-mobil .block-header {
    font-size: 15px;
}
.benzer-konular-resimli .avatar--l {
    width: 100%;
    font-size: 60px;
}
.benzer-konular-resimli .avatar {
    border-radius: 0;
}
.benzer-konular-resimli h2 {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    margin: 10px 3px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 4px;
    margin: 0;
    font-size: 80%;
    font-weight: 400;
    color: #fff;
    background: rgba(24, 88, 134, 0.8);
    border-radius: 0 0 0 5px;
}
.position-absolute:hover {
    background: rgb(249,169,13);
}
.position-absolute a {
    color: #fff;
    text-decoration: none;
}
.position-absolute:hover a {
    color: #333;
    text-decoration: none;
}
.benzerkonu-resim:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.benzerkonu-resim img {
    transition: all 0.2s linear;
}

.benzerkonular-liste .dataList-cell.dataList-cell--link a {
    padding: 5px 10px;
}
.benzerkonular-liste .dataList-cell {
    padding: 3px 10px;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtIkincil))" !important;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-cell:first-child {
    text-align: center;
}
.benzerkonular-liste .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtBirincil))" !important;
}
.benzerkonular-liste .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
}
.benzerkonular-mobil .block-row {
    border-top-color: transparent;
    border-bottom: 1px solid #e7e7e7 !important;
}
.benzerkonular-mobil .block-row:last-child {
    border-bottom-color: transparent;
}
.benzerkonular-mobil{
    display: none;
}
@media (max-width: @xf-responsiveWide) {
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 31%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l,   
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}
@media (max-width: @xf-responsiveMedium) {
    .benzerkonular-liste,
    .resimli-mobil{
        display: none;
    }
    .benzerkonular-mobil{
        display: block;
    }
    .benzerkonular-post-thread{
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 48%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,   
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,   
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l,   
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 150px;
    }
}
@media (max-width: @xf-responsiveNarrow) {
    .benzerkonular-liste,
    .resimli-mobil {
        display: none;
    }
    [data-template="forum_view"] .benzerkonular-mobil {
        display: block;
    }
    [data-template="forum_view"] .benzeraramobil {
        margin: 0;
    }
    .benzerkonular-post-thread {
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 98%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,   
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l,   
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}

.dataList-row.dataList-row--header .dataList-cell {
    
        background: ~"rgb(var(--xgtBirincil))" !important;
        color:~"rgb(var(--xgtBaglanti))" !important;
        border-bottom:none;
}
.benzerkonular-liste .dataList-table td {
        background: ~"rgb(var(--xgtIkincil))";
}

.benzerkonular-liste .dataList-cell:hover {
    background:none !important;
}

bu kodlarla değiştirebilirmisiniz v9 teması seçili olduğuna emin olun :)
 
MusaPekel' Alıntı:
CSS: 
.benzer-konular-resimli,
.benzerkonular-liste,
.benzerkonular-mobil
{
    margin: 20px 0;
  
    .block-header
    {
        padding: @xf-paddingMedium @xf-paddingLarge ;
        margin: 0;
        font-weight: 400;
        text-decoration: none;
        font-size: @xf-fontSizeLarger;
        color: @xf-majorHeadingTextColor;
        background: ~"rgb(var(--xgtBirincil))";
        border-bottom: @xf-borderSize solid @xf-borderColorLight;
        background: linear-gradient(0deg, @xf-majorHeadingBg, mix(@xf-majorHeadingBg, @xf-contentBg, 50%));
    } 
  
    .block-container
    {
        background: ~"rgb(var(--xgtDalgaRenk1)) !important";
        color:~"rgb(var(--xgtBaglanti))";
        border-width: @xf-borderSize !important;
        border-style: solid !important;
        border-top-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";
        border-right-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";
        border-bottom-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";
        border-left-color: ~"rgba(var(--xgtBirincil-m),0.20) !important";     
        border-radius: @xf-blockBorderRadius !important;
    }
  
    .block-row
    {
        border: 0 !important;
    }     
}
.benzerkonu-blok-2,
.benzerkonu-blok-3,
.benzerkonu-blok-4,
.benzerkonu-blok-5 {
    float: left;
    margin:1%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-3 img,
.benzerkonu-blok-4 img,
.benzerkonu-blok-5 img,
.benzerkonu-blok-2 .avatar img:not(.cropImage),
.benzerkonu-blok-3 .avatar img:not(.cropImage),
.benzerkonu-blok-4 .avatar img:not(.cropImage),
.benzerkonu-blok-5 .avatar img:not(.cropImage) {
    object-fit: cover;
    width: 100%;
}
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-5 .benzerkonu-resim {
    position: relative;
    overflow: hidden;
}
.benzerkonu-blok-2 {
    width: 48%;
}
.benzerkonu-blok-3 {
    width: 31%;
}
.benzerkonu-blok-4 {
    width: 23%;
}
.benzerkonu-blok-5 {
    width: 18%;
}
.benzerkonu-blok-2 img,
.benzerkonu-blok-2 .benzerkonu-resim,
.benzerkonu-blok-2 .avatar--l {
    height: 250px;
}
.benzerkonu-blok-3 img,
.benzerkonu-blok-3 .benzerkonu-resim,
.benzerkonu-blok-3 .avatar--l  {
    height: 200px;
}
.benzerkonu-blok-4 img,
.benzerkonu-blok-4 .benzerkonu-resim,
.benzerkonu-blok-4 .avatar--l  {
    height: 150px;
}
.benzerkonu-blok-5 img,
.benzerkonu-blok-5 .benzerkonu-resim,
.benzerkonu-blok-5 .avatar--l  {
    height: 120px;
}
#benzerkonular-ara {
    margin-top: 20px;
    display: none;
}
.benzerkonu-bulunamadi {
    border-left: 3px solid #dcda54;
    background: #fbf7e2;
    color: #84653d;
    padding: 5px 10px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #cbcbcb;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    border-left-color: #cbcbcb;
    border-radius: 4px;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
}
.benzer-konular-baslik {
    height: 45px;
}
.benzeraramobil {
    border: 1px solid #dddd !important;
    margin: 0;
    border-radius: 4px;
}
[data-template="forum_view"] .benzeraramobil {
    margin: 0 0 0 -50px;
}
.benzerkonular-mobil .block-header {
    font-size: 15px;
}
.benzer-konular-resimli .avatar--l {
    width: 100%;
    font-size: 60px;
}
.benzer-konular-resimli .avatar {
    border-radius: 0;
}
.benzer-konular-resimli h2 {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    margin: 10px 3px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 4px;
    margin: 0;
    font-size: 80%;
    font-weight: 400;
    color: #fff;
    background: rgba(24, 88, 134, 0.8);
    border-radius: 0 0 0 5px;
}
.position-absolute:hover {
    background: rgb(249,169,13);
}
.position-absolute a {
    color: #fff;
    text-decoration: none;
}
.position-absolute:hover a {
    color: #333;
    text-decoration: none;
}
.benzerkonu-resim:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.benzerkonu-resim img {
    transition: all 0.2s linear;
}

.benzerkonular-liste .dataList-cell.dataList-cell--link a {
    padding: 5px 10px;
}
.benzerkonular-liste .dataList-cell {
    padding: 3px 10px;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtIkincil))" !important;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-cell:first-child {
    text-align: center;
}
.benzerkonular-liste .dataList-cell {
    border-right: 1px solid ~"rgb(var(--xgtBirincil))" !important;
}
.benzerkonular-liste .dataList-cell:last-child {
    border-right: 0;
}
.benzerkonular-liste .dataList-row.dataList-row--header .dataList-cell {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
}
.benzerkonular-mobil .block-row {
    border-top-color: transparent;
    border-bottom: 1px solid #e7e7e7 !important;
}
.benzerkonular-mobil .block-row:last-child {
    border-bottom-color: transparent;
}
.benzerkonular-mobil{
    display: none;
}
@media (max-width: @xf-responsiveWide) {
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 31%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l,
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l, 
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}
@media (max-width: @xf-responsiveMedium) {
    .benzerkonular-liste,
    .resimli-mobil{
        display: none;
    }
    .benzerkonular-mobil{
        display: block;
    }
    .benzerkonular-post-thread{
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 48%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l, 
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l, 
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l, 
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 150px;
    }
}
@media (max-width: @xf-responsiveNarrow) {
    .benzerkonular-liste,
    .resimli-mobil {
        display: none;
    }
    [data-template="forum_view"] .benzerkonular-mobil {
        display: block;
    }
    [data-template="forum_view"] .benzeraramobil {
        margin: 0;
    }
    .benzerkonular-post-thread {
        display: none;
    }
    .benzerkonu-blok-2,
    .benzerkonu-blok-3,
    .benzerkonu-blok-4,
    .benzerkonu-blok-5 {
        width: 98%;
    }
    .benzerkonu-blok-2 img,
    .benzerkonu-blok-2 .benzerkonu-resim,
    .benzerkonu-blok-2 .avatar--l, 
    .benzerkonu-blok-3 img,
    .benzerkonu-blok-3 .benzerkonu-resim,
    .benzerkonu-blok-3 .avatar--l,
    .benzerkonu-blok-4 img,
    .benzerkonu-blok-4 .benzerkonu-resim,
    .benzerkonu-blok-4 .avatar--l, 
    .benzerkonu-blok-5 img,
    .benzerkonu-blok-5 .benzerkonu-resim,
    .benzerkonu-blok-5 .avatar--l {
        height: 170px;
    }
}

.dataList-row.dataList-row--header .dataList-cell {
  
        background: ~"rgb(var(--xgtBirincil))" !important;
        color:~"rgb(var(--xgtBaglanti))" !important;
        border-bottom:none;
}
.benzerkonular-liste .dataList-table td {
        background: ~"rgb(var(--xgtIkincil))";
}

.benzerkonular-liste .dataList-cell:hover {
    background:none !important;
}

bu kodlarla değiştirebilirmisiniz v9 teması seçili olduğuna emin olun :)
Genişletmek için tıkla ...


?
 
Moderatör tarafında düzenlendi:
Merhaba Ugur Ugur bey.

  • ErrorException: Template error: [E_WARNING] Attempt to read property "group_id" on null
  • src/addons/TB/BenzerKonular/Listener/Listener.php:9
Kod: 
#0 src/addons/TB/BenzerKonular/Listener/Listener.php(9): XF\Template\Templater->handleTemplateError(2, '[E_WARNING] Att...', '/home/seasermed...', 9)
#1 src/XF/Extension.php(52): TB\BenzerKonular\Listener\Listener::optionTabbed(Object(SV\StandardLib\XF\Template\Templater), 'admin', 'option_macros', 'option_form_blo...', Array, Array)
#2 src/XF/App.php(2854): XF\Extension->fire('templater_macro...', Array, 'admin:option_ma...')
#3 src/XF/Template/Templater.php(761): XF\App->fire('templater_macro...', Array, 'admin:option_ma...')
#4 internal_data/code_cache/templates/l2/s0/admin/force_agreement_privacy_policy.php(46): XF\Template\Templater->callMacro('option_macros', 'option_form_blo...', Array, Array)
#5 src/XF/Template/Templater.php(1651): XF\Template\Templater->{closure}(Object(SV\StandardLib\XF\Template\Templater), Array, NULL)
#6 src/XF/Template/Template.php(24): XF\Template\Templater->renderTemplate('force_agreement...', Array)
#7 src/XF/Mvc/Renderer/Html.php(50): XF\Template\Template->render()
#8 src/XF/Mvc/Dispatcher.php(460): XF\Mvc\Renderer\Html->renderView('XF:ForceAgreeme...', 'admin:force_agr...', Array)
#9 src/XF/Mvc/Dispatcher.php(442): XF\Mvc\Dispatcher->renderView(Object(XF\Mvc\Renderer\Html), Object(XF\Mvc\Reply\View))
#10 src/XF/Mvc/Dispatcher.php(402): XF\Mvc\Dispatcher->renderReply(Object(XF\Mvc\Renderer\Html), Object(XF\Mvc\Reply\View))
#11 src/XF/Mvc/Dispatcher.php(60): XF\Mvc\Dispatcher->render(Object(XF\Mvc\Reply\View), 'html')
#12 src/XF/App.php(2352): XF\Mvc\Dispatcher->run()
#13 src/XF.php(524): XF\App->run()
#14 admin.php(13): XF::runApp('XF\\Admin\\App')
#15 {main}

şöyle bir hata alıyorum ama işleve bir etkisi yok. Neden olur bu hata?
 
Cevap yazmak için giriş yap yada kayıt ol.

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.

Giriş yap Şimdi kayıt ol