Subsilver2 Kod Alanının Prosilver gibi yapılması

[Akansu kullanıcı]

Açıklama: Eğer sitenizde Webmasterlar için gibi bir bölüm varsa (CODE) BBCodelerini sık sık kullanıyorsunuzdur.İşte (code) BBCodesinin gösterimini prosilverdeki gibi kullanışlı yapacağız.Yani uzun kodlar için scroll-bar ve Tümünü Seç özelliği

Görünüm:


Yapılacaklar:

CSS Kodları: (stylesheet.css dosyasının en altına ekleyebilirsiniz)

Kod: Tümünü seç

/* Code block */
dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #d8d8d8;
   font-size: 1em;
}

dl.codebox dt {
   text-transform: uppercase;
   border-bottom: 1px solid #CCCCCC;
   margin-bottom: 3px;
   font-size: 0.8em;
   font-weight: bold;
   display: block;
}

blockquote dl.codebox {
   margin-left: 0;
}

dl.codebox code {
   /* Also see tweaks.css */
   overflow: auto;
   display: block;
   height: auto;
   max-height: 200px;
   white-space: normal;
   padding-top: 5px;
   font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
   line-height: 1.3em;
   color: #2E8B57;
   margin: 2px 0;
}

template/bbcode.html

Bul

Kod: Tümünü seç

<!-- BEGIN code_open -->
<div class="codetitle"><b>{L_CODE}:</b></div><div class="codecontent">
<!-- END code_open -->

<!-- BEGIN code_close -->
</div>
<!-- END code_close -->

Bununla Değiştir:

Kod: Tümünü seç

<!-- BEGIN code_open --><dl class="codebox"><dt>{L_CODE}: <a href="#" onclick="selectCode(this); return false;">{L_SELECT_ALL_CODE}</a></dt><dd><code><!-- END code_open -->
<!-- BEGIN code_close --></code></dd></dl><!-- END code_close -->

template/overall_header.html

Bul :

Kod: Tümünü seç

</head>

Öncesine Ekle

Kod: Tümünü seç

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

forum_fn.js dosyasını prosilver template klasörü içerisinden bulabilirsiniz.

Kendi temanızın template klasörüne göndermeyi unutmayın..