MyBB Depo Forum
Yorum arkaplanı rengi sorunu - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Soru ve Sorunlarınız (https://mybbdepo.com/mybb-1-8-soru-ve-sorunlariniz-forumu)
+--- Konu Başlığı: Yorum arkaplanı rengi sorunu (/yorum-arkaplani-rengi-sorunu-konusu.html)

Sayfalar: 1 2

Yorum arkaplanı rengi sorunu - ibryvz28 - 16-06-2016

Web site  Site Adresi : http://gameofthronesteorileri.com/
Versiyon MyBB Sürümü :
Eklenti-Plugin Kurulu Eklentiler :


Hata-Sorun Sorun açıklaması : Arkadaşlar bu kırmızı alan içinde olan kısınmların rengini nasıl transparan yaparız, genel forum temasına uysun istiyorum. ama yorum yazılınca, yazıların arkaplanı bu şekilde oluyor. Yardım edecek arkadaş büyük sevap kazanacak hayrına birisi yardımm lütfen Gülümseme
Resim-Grafik Hata Ekran Görüntüsü :resim

Cvp: Yorum arkaplanı rengi sorunu - DepMaster - 16-06-2016

Tema güzel olmuş fakat saydam olduklarından dolayı yazı renklerini falan değiştirmenizi öneririm.

Cvp: Yorum arkaplanı rengi sorunu - ibryvz28 - 16-06-2016

(16-06-2016, Saat:20:15)DepMaster Adlı Kullanıcıdan Alıntı: Tema güzel olmuş fakat saydam olduklarından dolayı yazı renklerini falan değiştirmenizi öneririm.

Teşekkür ederim. Bunu nasıl yapabiliriz, uğraştım biraz sadece bu Siyah açıklama alanlarında ve bu yorum kısmında sorun yaşıyorum bunu çözebilir miyiz?

Cvp: Yorum arkaplanı rengi sorunu - tedem - 16-06-2016

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post {
   overflow: hidden;
   background: #FAFAFA;
   border: 1px solid #DBDBDB;
   margin: 15px 0 0 0;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post {
   overflow: hidden;
   border: 1px solid #DBDBDB;
   margin: 15px 0 0 0;
}

Square.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.userbrowsing {
   background: #FAFAFA;
   border: 1px solid #CCC;
   padding: 8px;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.userbrowsing {
   border: 1px solid #CCC;
   padding: 8px;
   color: #fff;
}

Kolay gelsin Gülümseme

Cvp: Yorum arkaplanı rengi sorunu - ibryvz28 - 17-06-2016

(16-06-2016, Saat:21:26)erdalmedet Adlı Kullanıcıdan Alıntı: global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post {
   overflow: hidden;
   background: #FAFAFA;
   border: 1px solid #DBDBDB;
   margin: 15px 0 0 0;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post {
   overflow: hidden;
   border: 1px solid #DBDBDB;
   margin: 15px 0 0 0;
}

Square.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.userbrowsing {
   background: #FAFAFA;
   border: 1px solid #CCC;
   padding: 8px;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.userbrowsing {
   border: 1px solid #CCC;
   padding: 8px;
   color: #fff;
}

Kolay gelsin Gülümseme
Teşekkür ederim ama, sorun devam ediyor üzgün resim
Söyle ki:
Sarı yerlerin sadece Yazı rengini değiştirmem gerekli,
Siyah kutu içerisindeki bölümlere dokunmuyoruz.
Kırmızı alandaki bölümü şeffaf yapıyoruz.
Mavi bölümün rengini değiştiriyoruz.
Yeşil yerinde rengini değiştiriyoruz.

Bunları nasıl gerçekleştirebilirim yardım edin lütfen Gülümseme

Cvp: Yorum arkaplanı rengi sorunu - tedem - 17-06-2016

Aşağıdaki hazırladığım anlatımı uygulayın. En düzgün olacak şekilde ayarladım, gerisi size kalmış Gülümseme

global.css > Gelişmiş Düzenleme alanına aşağıdaki kodu ekleyin;

Kod:
td.thead {
   color: #f5f5f5;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post .post_author {
   border-bottom: 1px solid #DBDBDB;
   background: #F5F5F5;
   padding: 5px;
   overflow: hidden;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post .post_author {
   border-bottom: 1px solid #DBDBDB;
   padding: 5px;
   overflow: hidden;
   color: #f5f5f5;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post .post_head span.post_date {
   color: #666;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post .post_head span.post_date {
   color: #fff;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post_content {
   padding: 9px 10px 5px 10px;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post_content {
   padding: 9px 10px 5px 10px;
   color: #f5f5f5;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post_controls {
   clear: both;
   background: #FAFAFA;
   padding: 5px;
   overflow: hidden;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post_controls {
   clear: both;
   overflow: hidden;
   padding: 5px;
   border-top: 1px solid #ccc;
}

Square.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.userbrowsing {
   border: 1px solid #CCC;
   padding: 8px;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.userbrowsing {
   border: 1px solid #CCC;
   padding: 8px;
   color: #f5f5f5;
}

Kolay gele.

Cvp: Yorum arkaplanı rengi sorunu - ibryvz28 - 17-06-2016

(17-06-2016, Saat:02:11)erdalmedet Adlı Kullanıcıdan Alıntı: Aşağıdaki hazırladığım anlatımı uygulayın. En düzgün olacak şekilde ayarladım, gerisi size kalmış Gülümseme

global.css > Gelişmiş Düzenleme alanına aşağıdaki kodu ekleyin;

Kod:
td.thead {
   color: #f5f5f5;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post .post_author {
   border-bottom: 1px solid #DBDBDB;
   background: #F5F5F5;
   padding: 5px;
   overflow: hidden;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post .post_author {
   border-bottom: 1px solid #DBDBDB;
   padding: 5px;
   overflow: hidden;
   color: #f5f5f5;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post .post_head span.post_date {
   color: #666;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post .post_head span.post_date {
   color: #fff;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post_content {
   padding: 9px 10px 5px 10px;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post_content {
   padding: 9px 10px 5px 10px;
   color: #f5f5f5;
}

global.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.post_controls {
   clear: both;
   background: #FAFAFA;
   padding: 5px;
   overflow: hidden;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.post_controls {
   clear: both;
   overflow: hidden;
   padding: 5px;
   border-top: 1px solid #ccc;
}

Square.css > Gelişmiş Düzenleme alanında aşağıdaki kodu bulun;

Kod:
.userbrowsing {
   border: 1px solid #CCC;
   padding: 8px;
}

Yukarıdaki bulduğunuz kodu aşağıdaki ile değiştirin;

Kod:
.userbrowsing {
   border: 1px solid #CCC;
   padding: 8px;
   color: #f5f5f5;
}

Kolay gele.
Çok teşekkür ederim. Hangi kodun hangi işlev için olduğunuda ekleyebilir misiniz Gülümseme  Bu sayede hem benim için baş kaynak hemde bu gibi sorunlarla nasıl başa çıkacağını bilmeyen arkadaşlara yöngösterici olsun Gülümseme

Cvp: Yorum arkaplanı rengi sorunu - tedem - 17-06-2016

Genel CSS kodları, öğrenmek için direk CSS kodlama dilini öğrenebilirsiniz.