MyBB Depo Forum
Açılır/Kapanır Konu Görüntüleme Paneli - 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 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Konu Gösterimi (https://mybbdepo.com/konu-gosterimi-109-forumu)
+---- Konu Başlığı: Açılır/Kapanır Konu Görüntüleme Paneli (/acilir-kapanir-konu-goruntuleme-paneli-konusu.html)

Açılır/Kapanır Konu Görüntüleme Paneli - Ripbyrustavi02 - 08-08-2017

Biraz kodlama yapayım dedim buyrun demolar ve yapılışı

Normal hali :

resim

Üstüne gelince : 

resim

Yapılışı : 

Temalar şablonlar > Temanız > Css oluştur > Stil adı acilirkapanirdurum.css > Genel stil seçili olsun > Kendi içeriğimi yazmak istiyorum

Kod:
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700|Pacifico');

.istegidiyorumbirseydemeden {
background: #457fca; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #457fca, #5691c8); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #457fca, #5691c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
text-align:center;
font-family: 'Pacifico', cursive;
color:white;
border-radius: 4px 4px 4px 0px;
-moz-border-radius: 4px 4px 4px 0px;
-webkit-border-radius: 4px 4px 4px 0px;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
font-size:20px;
}

.acilkapan{
background: #457fca; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #457fca, #5691c8); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #457fca, #5691c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
width:200px;
color:white;
font-size:16px;
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
text-align:center;
font-family: 'Open Sans', sans-serif;
}
.acilkapan:hover span{display:block;}
 
.acilkapan span{
  display:none;
  

Oluştur diyelim ve sonra


Temalar şablonlar > şablonlar > temanız > konu gösterimi şablonlar > showthread > {$header} bul altına ekle

Kod:
<div class="istegidiyorumbirseydemeden">   Konu Başlığı : {$thread['subject']}

</div>
<div class="acilkapan"><b>Diğer Bilgiler
  <span> <div style="background: #F09819;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EDDE5D, #F09819);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EDDE5D, #F09819); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
width:200px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
height:100px;
color:black;
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);"> 
Konu sahibi : {$thread['username']}<br>
Görüntüleme : {$thread['views']}<br>
Yorum Sayısı : {$thread['replies']}<br>
  </div> </span>
</div>

<br>

Hayırlı olsun.

Cvp: Açılır/Kapanır Konu Görüntüleme Paneli - Relay - 08-08-2017

Eline sağlık showthread için güzel bir modifikasyon. Thead kısmıda güzel ama diğer bilgilerde açılan penceredeki yeri pek beğenmedim. Özellikle menü açılınca sağda bir boşluk oluyor tümüne yayılsa güzel olur. Diğer bilgiler kısmındaki tasarım üstüne çalışırsanız gayet güzel. Teşekkürler

Cvp: Açılır/Kapanır Konu Görüntüleme Paneli - Ripbyrustavi02 - 09-08-2017

(08-08-2017, Saat:19:59)Relay Adlı Kullanıcıdan Alıntı: Eline sağlık showthread için güzel bir modifikasyon. Thead kısmıda güzel ama diğer bilgilerde açılan penceredeki yeri pek beğenmedim. Özellikle menü açılınca sağda bir boşluk oluyor tümüne yayılsa güzel olur. Diğer bilgiler kısmındaki tasarım üstüne çalışırsanız gayet güzel. Teşekkürler

Biraz farklı şeyler deneyeyim derken fazla absürt durduğunun farkındayım. Elimden geldiğinde özgün şeyler yapmaya çalışıyorum. Görüşleriniz için teşekkür ederim hepsini not ettim ileride yaptığım şeylerde bana tecrübe kazandıracağından eminim.