Nyoba liat dan ngubah desain net2ftp

Hari ini, kebetulan lagi pengen ja ngubah templatenya net2ftp. Walaupun  agak2 bingung.

Sebetulnya itu mainannya Pak Adian 1). Tapi berhubung daripada masih pake model yang asli, selain kepanjangan juga isinya monoton (- tampilan sebelah kanan net2ftp, yg isinya after login, you can … ), jadi ya aku buat sedikit perubahan.

Mas Lilik 2) juga buat SOP atau panduan atau manual atau step-step atau apalah gtu. Jadi pas dapat ide bwat ngerubah tampilan net2ftp di bagian kanan doank, dari pada full tulisan kayak gitu doank, aku buat jadi tempat untuk download manualnya.

Dan yang di-oprek dari hasil penelusuran file pake notepad++ adalah
“login_other.template.php”
atau bisa juga file lainnya. Karena ternyata tulisan di sebelah kanan itu tertulis di semua template, dan nama file-nya beda2 !!

SO, untuk template bawaan kayak blue dan india, file-nya yang di ubah itu. Biasanya dimulai dengan tag

<!-- ini skrip di login_other.template.php blue -->

<div id="mainright">
<div id="tabelfeaturestop"><!-- judul di kanan --></div>

################################### bagian ini dicopy-paste

<div id="tablefeature">           # ulang-ulang agar
<span><!-- judul list --></span>  # bisa menjadi bnyak
<p><!-- isi dari list --></p>     # sama seperti list

</div>                            #
###################################
</div>

——————————————————————————————-

<!-- ini skrip di login_other.template.php india -->

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td style="padding-<?php echo __("left"); ?>: 10px; background-color: #1d64ad; height: 24;"><!-- Judul di kanan --></td>
</tr>
<tr>
<td style="line-height: 1px;">&nbsp;</td>
</tr>
<tr>
<td style="vertical-align: top;">
<table style="border:1px solid #09f;padding:5px; width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
####### start code yang di-copas seperti list ############
<tr>
<td style="text-align: center; width: 6%;"><img src="<?php echo $net2ftp_globals["image_url"]; ?>/backgrounds/arrow_bullet1.gif" style="height: 12px; width: 14px;" alt="arrow_bullet1" /></td>
<td style="width: 94%;"><!-- Judul list --></td>
</tr>
<tr>
<td style="text-align: center;">&nbsp;</td>
<td style="vertical-align: top;"><!-- isi dari list --></td>
</tr>
############### end code yang di-copas ulang ############
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

Contohnya :
<!-- Ini diambil dari template blue -->
<div id="mainright">
<div id="tabelfeaturestop">Download Panduan Manual Penggunaan net2ftp UNDIP :</div>
<div id="tablefeature">
<span>Panduan Manual Penggunaan net2ftp UNDIP</span>
<p>Download Link  : <a href="http://pltik.undip.ac.id/component/content/article/46-download-viewer/149-panduan-menggunakan-layanan-file-sharing-local-only">[ download ]</a></p>
</div>
</div>

gampang kan… :)) Ha666x…

Nah, untuk bagian bawah, bisa oprek file “footer.template.php”. Untuk headernya, bongkar j file “header_login.template.php”. Bagi yang sudah veteran PHP pasti gampang banget….

Itu aja dl, thanks.
1) Bos Jaringan 2)Rekan Kerja

Advertisements