Mengembangkan Navigasi Prosilver

Artikel ini menjelaskan tentang bagaimana mengembangkan papan navigasi 'Prosilver' dan 'Prosilver SE' sehingga pengguna bisa menambahkan sebuah tautan (link) tanpa harus mengubah kode utama phpBB.

Berkas yang perlu disunting
overall_header.html
common.css
Penyuntingan Templat (overall_header.html)
Cari kode berikut :

<ul class="linklist rightside">
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
</ul>

Tambahkan setelah:

<ul class="linklist navlinks2">

<li><a href="tautananda">Test1</a> &bull; </li>

<li><a href="tautananda">Test2</a> &bull; </li>

<li><a href="tautananda">Test3</a></li>

</ul>

Untuk menambahkan tautan anda, gantilah variabel berikut:

• tautananda ke alamat tautan anda
• Coba menjadi nama tautan anda

Penyuntingan Thema (common.css)
Cari kode berikut :

ul.navlinks {

padding-bottom: 1px;

margin-bottom: 1px;

border-bottom: 1px solid #FFFFFF;

font-weight: bold;

}

Tambahkan setelah:

ul.navlinks2 {

/* font-weight: bold; */

margin-top: 30px;

padding-top: 2px;

padding-bottom: 1px;

margin-bottom: 1px;

border-top: 1px solid #FFFFFF;

text-align: center;

}

ul.navlinks2 li {

display: inline;

float: none;

margin-left: -4px;

}

Jika anda menginnginkan tautan menggunakan huruf tebal, hapus saja baris /* */ di pengubahan terakhir.

Penyelesaian
Setelah semua pengubahan selesai dilakukan, segarkan (refresh) berkas templat dan thema dari papan administrasi sebagai berikut:
ACP:: Styles Tab >> Templates >> Prosilver > Refresh
ACP:: Styles Tab >> Themes >> Prosilver > Refresh

Selamat Mencoba dan semoga bermanfaat

Tweet

Share on :