L A M P I R A. Universitas Sumatera Utara

(1)

55

L

A

M

P

I

R

A

N

(2)

55

KEMENTRIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA)

JL. BIOTEKNOLOGI NO. 1 KAMPUS USU Telp. (061) 8214290s

MEDAN – 20155, EMAIL : dekanat@fmipa.usu.ac.id

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

: DONNY SANJAYA

Nomor Stambuk

: 082406187

Judul Tugas Akhir

: MEMBANGUN

APLIKASI

CMS

DATABASE MENGGUNAKAN XAMPP

Dosen Pembimbing

: Dr. Sutarman, M.Sc

Tanggal Mulai Bimbingan

: ………

Tanggal Selesai Bimbingan

: ………

No. Tanggal Asisten Bimbingan

Pembahasan Pada Asisten Mengenai Pada BAB

Paraf Dosen

Pembimbing Keterangan

1. 22 Desember 2010 Pengajuan Judul Tugas Akhir 2. 14 Mei 2011 Pengajuan Bab 1 – Bab 5 3. 18 Mei 2011 Uji Program 4.

5. 6. 7.

*Kartu ini dikembalikan ke Departemen Matematika bila Bimbingan Mahasiswa telah selesai

Diketahui

Disetujui

Departemen Matematika FMIPA USU

Pembimbing Utama/

Ketua,

Penanggung Jawab

Prof. Dr. Tulus, M.Si

Dr. Sutarman, M.Sc

(3)

55

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma III Teknik Informatika:

Nama

: DONNY SANJAYA

NIM

: 082406187

Program Studi

: D-III Teknik Informatika

Judul Tugas Akhir : MEMBANGUN

APLIKASI

CMS

DATABASE

MENGGUNAKAN XAMPP

Telah melaksanakan test program Tugas Akhir pada tanggal …./05/2011.

Dengan Hasil

: Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Medan.

Medan, 2011

Dosen Pembimbing,

Dr. Sutarman, M.Sc

(4)

LISTING PROGRAM

Form index.php

<?php

include "setting/koneksi.php";

$sql = mysql_query ("select * from dj_template where aktif = 'Y'"); $t = mysql_fetch_array($sql); include "template/$t[lokasi]/index.php"; ?> Form Koneksi.php <?php $server = 'localhost'; $username = 'root'; $password = ''; $database = 'db_cms'; mysql_connect($server,$username,$password) or die('Koneksi gagal');

mysql_select_db($database) or die('Database tidak bisa dibuka'); ?> Koneksi default.php <?php $server = 'localhost'; $username = 'root'; $password = ''; $database = 'db_cms'; mysql_connect($server,$username,$password) or die('Koneksi gagal');

mysql_select_db($database) or die('Database tidak bisa dibuka');

?>

Page halaman

<?php

// class paging untuk halaman administrator class Paging{

// Fungsi untuk mencek halaman dan posisi data function cariPosisi($batas){

if(empty($_GET['halaman'])){ $posisi=0;

(5)

$_GET['halaman']=1; }

else{

$posisi = ($_GET['halaman']-1) * $batas; }

return $posisi; }

// Fungsi untuk menghitung total halaman function jumlahHalaman($jmldata, $batas){ $jmlhalaman = ceil($jmldata/$batas); return $jmlhalaman;

}

// Fungsi untuk link halaman 1,2,3 (untuk admin) function navHalaman($halaman_aktif, $jmlhalaman){ $link_halaman = "";

// Link ke halaman pertama (first) dan sebelumnya (prev) if($halaman_aktif > 1){ $prev = $halaman_aktif-1; $link_halaman .= "<a href=$_SERVER[PHP_SELF]?h=$_GET[h]&halaman=1><< First</a> | <a href=$_SERVER[PHP_SELF]?h=$_GET[h]&halaman=$prev>< Prev</a> | "; } else{

$link_halaman .= "<< First | < Prev | "; }

// Link halaman 1,2,3, ...

$angka = ($halaman_aktif > 3 ? " ... " : " "); for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){ if ($i < 1) continue; $angka .= "<a href=$_SERVER[PHP_SELF]?h=$_GET[h]&halaman=$i>$i</a> | "; } $angka .= " <b>$halaman_aktif</b> | ";

for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){ if($i > $jmlhalaman)

break;

$angka .= "<a

href=$_SERVER[PHP_SELF]?h=$_GET[h]&halaman=$i>$i</a> | "; }

$angka .= ($halaman_aktif+2<$jmlhalaman ? " ... | <a href=$_SERVER[PHP_SELF]?h=$_GET[h]&halaman=$jmlhalaman>$jmlhala man</a> | " : " ");

$link_halaman .= "$angka";

// Link ke halaman berikutnya (Next) dan terakhir (Last) if($halaman_aktif < $jmlhalaman){

(6)

$next = $halaman_aktif+1; $link_halaman .= " <a href=$_SERVER[PHP_SELF]?h=$_GET[h]&halaman=$next>Next ></a> | <a href=$_SERVER[PHP_SELF]?h=$_GET[h]&halaman=$jmlhalaman>Last >></a> "; } else{

$link_halaman .= " Next > | Last >>"; }

return $link_halaman; }

}

class PagingGallery{

// Fungsi untuk mencek halaman dan posisi data function cariPosisi($batas){ if(empty($_GET['halaman'])){ $posisi=0; $_GET['halaman']=1; } else{

$posisi = ($_GET['halaman']-1) * $batas; }

return $posisi; }

}

// Fungsi untuk link halaman 1,2,3 (untuk admin) function navHalaman($halaman_aktif, $jmlhalaman){ $link_halaman = "";

// Link ke halaman pertama (first) dan sebelumnya (prev) if($halaman_aktif > 1){ $prev = $halaman_aktif-1; $link_halaman .= "<a href=$_SERVER[PHP_SELF]?p=$_GET[p]&halaman=1><< First</a> | <a href=$_SERVER[PHP_SELF]?p=$_GET[p]&halaman=$prev>< Prev</a> | "; } else{

$angka = ($halaman_aktif > 3 ? " ... " : " "); for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){ if ($i < 1)

(7)

continue; $angka .= "<a href=$_SERVER[PHP_SELF]?p=$_GET[p]&halaman=$i>$i</a> | "; } $angka .= " <b>$halaman_aktif</b> | ";

break;

$angka .= "<a

href=$_SERVER[PHP_SELF]?p=$_GET[p]&halaman=$i>$i</a> | "; }

$angka .= ($halaman_aktif+2<$jmlhalaman ? " ... | <a href=$_SERVER[PHP_SELF]?h=$_GET[p]&halaman=$jmlhalaman>$jmlhala man</a> | " : " ");

// Link ke halaman berikutnya (Next) dan terakhir (Last) if($halaman_aktif < $jmlhalaman){ $next = $halaman_aktif+1; $link_halaman .= " <a href=$_SERVER[PHP_SELF]?p=$_GET[p]&halaman=$next>Next ></a> | <a href=$_SERVER[PHP_SELF]?p=$_GET[p]&halaman=$jmlhalaman>Last >></a> "; } else{

}

// class paging untuk halaman kategori (menampilkan berita per kategori) class Paging3{ function cariPosisi($batas){ if(empty($_GET['halkategori'])){ $posisi=0; $_GET['halkategori']=1; } else{

$posisi = ($_GET['halkategori']-1) * $batas; }

return $posisi; }

(8)

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){ $link_halaman = "";

// Link ke halaman pertama (first) dan sebelumnya (prev) if($halaman_aktif > 1){

$prev = $halaman_aktif-1;

$link_halaman .= "<a href=halkategori-$_GET[id]-1.html><< First</a> |

<a href=halkategori-$_GET[id]-$prev.html>< Prev</a> | ";

} else{

continue;

$angka .= "<a href=halkategori-$_GET[id]-$i.html>$i</a> | ";

}

$angka .= " <b>$halaman_aktif</b> | ";

break;

$angka .= "<a href=halkategori-$_GET[id]-$i.html>$i</a> | ";

}

$angka .= ($halaman_aktif+2<$jmlhalaman ? " ... | <a href=halkategori-$_GET[id]-$jmlhalaman.html>$jmlhalaman</a> | " : " ");

$next = $halaman_aktif+1;

$link_halaman .= " <a href=halkategori-$_GET[id]-$next.html>Next ></a> |

<a href=halkategori-$_GET[id]-$jmlhalaman.html>Last >></a> ";

} else{

}

(9)

class Paging4{

// Fungsi untuk mencek halaman dan posisi data function cariPosisi($batas){ if(empty($_GET['halagenda'])){ $posisi=0; $_GET['halagenda']=1; } else{

$posisi = ($_GET['halagenda']-1) * $batas; }

return $posisi; }

}

$link_halaman .= "<a href=halagenda-1.html><< First</a> | <a href=halagenda-$prev.html>< Prev</a> | ";

} else{

continue;

$angka .= "<a href=halagenda-$i.html>$i</a> | "; }

break;

$angka .= "<a href=halagenda-$i.html>$i</a> | "; }

$angka .= ($halaman_aktif+2<$jmlhalaman ? " ... | <a href=halagenda-$jmlhalaman.html>$jmlhalaman</a> | " : " ");

(10)

$link_halaman .= " <a href=halagenda-$next.html>Next ></a> |

<a href=halagenda-$jmlhalaman.html>Last >></a> ";

} else{

}

// class paging untuk halaman download (menampilkan semua download)

class Paging5{

// Fungsi untuk mencek halaman dan posisi data function cariPosisi($batas){ if(empty($_GET['haldownload'])){ $posisi=0; $_GET['haldownload']=1; } else{

$posisi = ($_GET['haldownload']-1) * $batas; }

return $posisi; }

}

$link_halaman .= "<a href=haldownload-1.html><< First</a> |

<a href=haldownload-$prev.html>< Prev</a> | ";

} else{

(11)

continue;

$angka .= "<a href=haldownload-$i.html>$i</a> | "; }

break;

$angka .= "<a href=haldownload-$i.html>$i</a> | "; }

$angka .= ($halaman_aktif+2<$jmlhalaman ? " ... | <a href=haldownload-$jmlhalaman.html>$jmlhalaman</a> | " : " ");

$link_halaman .= " <a href=haldownload-$next.html>Next ></a> |

<a href=haldownload-$jmlhalaman.html>Last >></a> ";

} else{

}

// class paging untuk halaman galeri foto class Paging6{ function cariPosisi($batas){ if(empty($_GET['halgaleri'])){ $posisi=0; $_GET['halgaleri']=1; } else{

$posisi = ($_GET['halgaleri']-1) * $batas; }

return $posisi; }

}

(12)

if($halaman_aktif > 1){

$link_halaman .= "<a href=halgaleri-$_GET[id]-1.html><< First</a> |

<a href=halgaleri-$_GET[id]-$prev.html>< Prev</a> | ";

} else{

continue;

$angka .= "<a href=halgaleri-$_GET[id]-$i.html>$i</a> | ";

}

break;

$angka .= "<a href=halgaleri-$_GET[id]-$i.html>$i</a> | ";

}

$angka .= ($halaman_aktif+2<$jmlhalaman ? " ... | <a href=halgaleri-$_GET[id]-$jmlhalaman.html>$jmlhalaman</a> | " : " ");

$link_halaman .= " <a href=halgaleri-$_GET[id]-$next.html>Next ></a> |

<a href=halgaleri-$_GET[id]-$jmlhalaman.html>Last >></a> ";

} else{

} ?>

Fungsi indo hari

<?php

function indohari ($d) {

(13)

if ($d == 'Mon'){ return "Senin"; }elseif ($d == 'Tue'){ return "Selasa"; }elseif ($d == 'Wed') { return "Rabu"; }elseif ($d == 'Thu') { return "Kamis"; } elseif ($d == 'Fri') { return "Jum'at"; }elseif ($d == 'Sat') { return "Sambtu"; }elseif ($d == 'Sun') { return "Minggu"; } } ?>

Fungsi indo tanggal

<?php

function tgl_indo($tgl){

$tanggal = substr($tgl,8,2);

$bulan = getBulan(substr($tgl,5,2)); $tahun = substr($tgl,0,4);

return $tanggal.' '.$bulan.' '.$tahun; } function getBulan($bln){ switch ($bln){ case 1: return "Januari"; break; case 2: return "Februari"; break; case 3: return "Maret"; break; case 4: return "April"; break; case 5: return "Mei"; break; case 6: return "Juni"; break;

(14)

case 7: return "Juli"; break; case 8: return "Agustus"; break; case 9: return "September"; break; case 10: return "Oktober"; break; case 11: return "November"; break; case 12: return "Desember"; break; } } ?> Fungsi gambar <?php function UploadGallery($fupload_name){ //direktori gambar $vdir_upload = "../../../gambar/";

$vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

//identitas file asli

$im_src = imagecreatefromjpeg($vfile_upload); $src_width = imageSX($im_src);

$src_height = imageSY($im_src);

//Simpan dalam versi small 100 pixel //Set ukuran gambar hasil perubahan $dst_width = 220;

$dst_height = ($dst_width/$src_width)*$src_height;

//proses perubahan ukuran

$im = imagecreatetruecolor($dst_width,$dst_height); imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

//Simpan gambar

imagejpeg($im,$vdir_upload . "kecil_" . $fupload_name); //Hapus gambar di memori komputer

(15)

imagedestroy($im); }

function UploadImage($fupload_name){ //direktori gambar

$vdir_upload = "../../../gambarberita/"; $vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

//identitas file asli

$im_src = imagecreatefromjpeg($vfile_upload); $src_width = imageSX($im_src);

$src_height = imageSY($im_src);

//Simpan dalam versi small 100 pixel //Set ukuran gambar hasil perubahan $dst_width = 240;

$dst_height = ($dst_width/$src_width)*$src_height;

//proses perubahan ukuran

$im = imagecreatetruecolor($dst_width,$dst_height); imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

//Simpan gambar

imagejpeg($im,$vdir_upload . "kecil_" . $fupload_name); //Hapus gambar di memori komputer

imagedestroy($im_src); imagedestroy($im); } function UploadTemplate($fupload_name,$nama){ //direktori gambar $vdir_upload = "../../../template/";

$vfile_upload = $vdir_upload . $fupload_name; //Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload); } ?> Logout.php <?php session_start(); session_destroy(); header ('location:index.php'); ?> Cek_login.php

(16)

<?php

include "../setting/koneksidef.php";

$username = $_POST['username']; $pass = $_POST['password'];

// pastikan email dan password adalah berupa huruf atau angka. $login=mysql_query("SELECT * FROM dj_user WHERE

username='$username' AND password='$pass'"); $ketemu=mysql_num_rows($login);

$r=mysql_fetch_array($login);

// Apabila email dan password ditemukan if ($ketemu > 0){ session_start(); $_SESSION[id_user] = $r[id_user]; $_SESSION[name_user] = $r[name_user]; $_SESSION[username] = $r[username]; $_SESSION[password] = $r[password]; $_SESSION[level] = $r[level]; header('location:loemoet.php?h=home'); } else{

echo "<center>LOGIN GAGAL! $login<br>

Username atau Password Anda tidak benar.<br> Atau account Anda sedang diblokir.<br>";

echo "<a href=index.php><b>ULANGI LAGI</b></a></center>"; }

?>

Index_admin.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" xml:lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" lang="en-gb"><head>

<title>dj loemoet - Administration</title> <script language="javascript">

function validasi(form){

if (form.username.value == ""){

alert("Anda belum mengisikan Username."); form.username.focus();

(17)

}

if (form.password.value == ""){

alert("Anda belum mengisikan Password."); form.password.focus(); return (false); } return (true); } </script>

</head><body OnLoad="document.login.username.focus();"> <div id="border-top" class="h_green">

<div id="element-box" class="login"> <div class="t"> <div class="t"> <div class="t"></div> </div> </div> <div class="m"> <h1>dJ LoeMoeT CPanel</h1> <div id="section-box"> <div class="t"> <div class="t"> <div class="t"></div> </div> </div> <div class="m">

<label for="modlgn_username">Username</label> <input name="username" id="modlgn_username" class="inputbox" size="15" type="text">

</p>

<label for="modlgn_passwd">Password</label> <input name="password" id="modlgn_passwd" class="inputbox" size="15" type="password">

(18)

<div class="button_holder"> <div class="button1"> <div class="next"> <a onclick="login.submit();"> Login</a> </div> </div> </div> <div class="clr"></div>

</form> <div class="clr"></div> </div> <div class="b"> <div class="b"> <div class="b"></div> </div> </div> </div>

<p>Use a valid username and password to gain access to the Administrator Back-end.

</p> <div id="lock"></div> <div class="clr"></div> </div> <div class="b"> <div class="b"> <div class="b"></div> </div> </div> </div> <div class="clr"></div> </div> </div> <div id="border-bottom"><div><div></div></div> </div> <div id="footer"> <p class="copyright"> </p> </div> </body></html> Loemoet.php <?php session_start(); ?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" xml:lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" lang="en-gb"><head>

(19)

<div id="border-top" class="h_green"> <div> <div></div> </div> </div>  <div id="header-box"> <div id="module-status"> <span class="preview"><a href="http://localhost/CMS/" target="_blank">Preview</a></span><a href="#"> <span class="no-unread-messages">0</span></a><span class="loggedin-users">1</span> <span class="logout"><a href="logout.php">Logout</a></span> </div> <div id="module-menu"> <ul id="menu">

<a class="icon-16-cpanel" href="#">Control Panel</a></li> <li style="width: 144px;" class="separator"><span></span></li> <li style="width: 144px;"><a class="icon-16-user" href="#">User Manager</a></li>

<li style="width: 144px;"><a class="icon-16-media" href="#?option=com_media">Media Manager</a></li>

<li style="width: 144px;" class="separator"><span></span></li> <li style="width: 144px;"><a class="icon-16-config"

href="#?option=com_config">Global Configuration</a></li>

<li style="width: 144px;" class="separator"><span></span></li> <li style="width: 144px;"><a class="icon-16-logout"

(20)

</ul> </li>

<li style="width: 118px;"><a class="icon-16-menu" href="#?option=com_menus">Menu Manager</a></li> <li style="width: 118px;"><a class="icon-16-trash"

href="#?option=com_trash&task=viewMenu">Menu Trash</a></li> <li style="width: 118px;" class="separator"><span></span></li> <li style="width: 118px;"><a class="icon-16-menu"

href="#?option=com_menus&task=view&menutype=mainmenu">M ain Menu *</a></li>

</ul> </li>

<li class="node"><a href="?h=berita">BERITA</a> <ul style="width: 144px;">

<li style="width: 144px;"><a class="icon-16-article" href="#?option=com_content">Article Manager</a></li> <li style="width: 144px;"><a class="icon-16-trash" href="#?option=com_trash&task=viewContent">Article Trash</a></li>

<li style="width: 144px;" class="separator"><span></span></li> <li style="width: 144px;"><a class="icon-16-section"

href="#?option=com_sections&scope=content">Section Manager</a></li>

<li style="width: 144px;"><a class="icon-16-category"

href="#?option=com_categories&section=com_content">Category Manager</a></li>

<li style="width: 144px;" class="separator"><span></span></li> <li style="width: 144px;"><a class="icon-16-frontpage"

href="#?option=com_frontpage">Front Page Manager</a></li> </ul>

</li>

<li class="node"><a href="?h=kategori">KATEGORI</a> <ul style="width: 109px;">

<li style="width: 109px;" class="node"><a class="icon-16-component" href="#?option=com_banners">Banner</a><ul

style="width: 99px;" id="menu-banner" class="menu-component"> <li style="width: 99px;"><a class="icon-16-edit"

href="#?option=com_banners">Banners</a></li>

<li style="width: 99px;"><a class="icon-16-categories" href="#?option=com_banners&c=client">Clients</a></li> <li style="width: 99px;"><a class=""

href="#?option=com_categories&section=com_banner">Categorie s</a></li>

</ul> </li>

<li style="width: 109px;" class="node"><a class="icon-16-component" href="#?option=com_contact">Contacts</a><ul

style="width: 99px;" id="menu-contacts" class="menu-component"> <li style="width: 99px;"><a class="icon-16-edit"

href="#?option=com_contact">Contacts</a></li>

<li style="width: 99px;"><a class="icon-16-categories"

href="#?option=com_categories&section=com_contact_details"> Categories</a></li>

(21)

</ul> </li>

<li style="width: 109px;" class="node"><a class="icon-16-component" href="#?option=com_newsfeeds">News Feeds</a><ul style="width: 99px;" id="menu-news-feeds" class="menu-component">

<li style="width: 99px;"><a class="icon-16-edit" href="#?option=com_newsfeeds">Feeds</a></li>

href="#?option=com_categories&section=com_newsfeeds">Catego ries</a></li>

</ul> </li>

<li style="width: 109px;"><a class="icon-16-component" href="#?option=com_poll">Polls</a></li>

<li style="width: 109px;"><a class="icon-16-component" href="#?option=com_search">Search</a></li>

<li style="width: 109px;" class="node"><a class="icon-16-component" href="#?option=com_weblinks">Web Links</a><ul style="width: 99px;" id="menu-web-links" class="menu-component">

<li style="width: 99px;"><a class="icon-16-edit" href="#?option=com_weblinks">Links</a></li>

href="#?option=com_categories&section=com_weblinks">Categor ies</a></li> </ul> </li> </ul> </li>

<li class="node"><a href="?h=komentar">KOMENTAR</a> <ul style="width: 140px;">

<li style="width: 140px;"><a class="icon-16-install" href="#?option=com_installer">Install/Uninstall</a></li>

<li style="width: 140px;" class="separator"><span></span></li> <li style="width: 140px;"><a class="icon-16-module"

href="#?option=com_modules">Module Manager</a></li> <li style="width: 140px;"><a class="icon-16-plugin" href="#?option=com_plugins">Plugin Manager</a></li> <li style="width: 140px;"><a class="icon-16-themes" href="#?option=com_templates">Template Manager</a></li> <li style="width: 140px;"><a class="icon-16-language" href="#?option=com_languages">Language Manager</a></li> </ul>

</li>

<li class="node"><a href="?h=setting">SETTING</a> <ul style="width: 148px;">

<li class="" style="width: 148px;"><a class="icon-16-messages" href="#?option=com_messages">Read Messages</a></li>

<li class="" style="width: 148px;"><a class="icon-16-messages" href="#?option=com_messages&task=add">Write

Message</a></li>

(22)

<li style="width: 148px;" class="separator"><span></span></li> <li class="" style="width: 148px;"><a class="icon-16-checkin" href="#?option=com_checkin">Global Check-in</a></li>

<li style="width: 148px;" class="separator"><span></span></li> <li class="" style="width: 148px;"><a class="icon-16-config" href="#?option=com_cache">Clean Cache</a></li>

<li class="" style="width: 148px;"><a class="icon-16-config" href="#?option=com_cache&task=purgeadmin">Purge Expired Cache</a></li>

</ul> </li>

<li class="node"><a href="?h=template">TEMPLATE</a> <ul style="width: 106px;">

<li style="width: 106px;"><a class="icon-16-help"

href="#?option=com_admin&task=help">Joomla! Help</a></li> <li style="width: 106px;"><a class="icon-16-info"

href="#?option=com_admin&task=sysinfo">System Info</a></li> </ul>

</li>

<li class="node"><a href="?h=agenda">AGENDA</a> <ul style="width: 106px;">

href="#?option=com_admin&task=sysinfo">System Info</a></li> </ul>

<li class="node"><a href="?h=petunjuk">PETUNJUK</a> <ul style="width: 106px;">

href="#?option=com_admin&task=sysinfo">System Info</a></li> </ul> </li> </ul> </div> <div class="clr"></div> </div>

<div id="content-box"> <div class="border"> <div class="pad"> <div id="toolbar-box"> <div class="t"> <div class="t"> <div class="t"></div> </div> </div> <div class="m">

(23)

<td class="button" id="toolbar-publish"> <a <?php

if ($_GET[h] == 'berita'){

echo "href='?h=berita&act=tambahberita'"; }elseif ($_GET[h] == 'template')

{

echo "href='?h=template&p=tambah'"; }

elseif ($_GET[h] == 'agenda') {

echo "href='?h=agenda&act=tambahagenda'"; }elseif ($_GET[h] == 'kategori')

{

echo "href='?h=kategori&act=tambahkategori'"; }

?> class="toolbar">

<span class="tambah" title="Tambah Data"> </span>TAMBAH</a>

</td>

</span> KEMBALI </a> </td>

</span> NEXT </a> </td> </tr></tbody> </table> </div>

<div class="header icon-48-user"> <?php

if ($_GET[h] == 'user') {

echo "USER";

}elseif ($_GET[h] == 'berita') {

echo "BERITA";

}elseif ($_GET[h] == 'setting') {

echo "SETTING";

}elseif ($_GET[h] == 'kategori') {

echo "KATEGORI";

}elseif ($_GET[h] == 'komentar') {

echo "KOMENTAR"; }else{

(24)

echo "WELCOME"; } ?></div> <div class="clr"></div> </div> <div class="b"> <div class="b"> <div class="b"></div> </div> </div> </div> <div class="clr"></div> <div id="element-box"> <div class="t"> <div class="t"> <div class="t"></div> </div> </div> <div class="m"> <p> <?php if($_GET[h] == 'user'){ include "menu/dj_user/user.php"; }elseif ($_GET[h] == 'berita'){ include "menu/m_berita/berita.php"; }elseif ($_GET[h] == 'kategori'){

include "menu/dj_kategori/kategori.php"; }else if($_GET[h] == 'home'){

include "home.php";

}elseif ($_GET[h] == 'gallery'){ include "menu/m_gallery/gallery.php"; }

elseif ($_GET[h] == 'komentar'){

include "menu/dj_komentar/komentar.php"; }

elseif ($_GET[h] == 'agenda'){

include "menu/dj_agenda/agenda.php"; }

elseif ($_GET[h] == 'template'){

include "menu/dj_template/template.php"; }

elseif ($_GET[h] == 'setting'){

include "menu/dj_setting/setting.php"; }

elseif ($_GET[h] == 'pendaftar'){

include "menu/dj_pendaftar/pendaftar.php"; }

elseif ($_GET[h] == 'petunjuk'){ include "petunjuk.php"; }?> </p> </div> <div class="b"> <div class="b">

(25)

</div>

</body></html>

Home.php

Hai <strong><?php echo "$_SESSION[name_user]";?></strong>, selamat datang di halaman Administrator CMS dJ LoeMoeT.<br /> Silahkan klik menu pilihan yang berada di atas untuk

mengelola website atau pilih ikon-ikon pada Control Panel.

General.css

body { margin: 10px; padding: 0pt 0pt 1px; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 11px; } body, td, th { font-family: Arial,Helvetica,sans-serif; } html, body { height: 95%; }

#minwidth { min-width: 960px; }

.clr { clear: both; overflow: hidden; height: 0pt; } a, img { padding: 0pt; margin: 0pt; }

img { border: 0pt none; }

form { margin: 0pt; padding: 0pt; }

h1 { margin: 0pt; padding-bottom: 8px; color: rgb(11, 85, 196); font-size: 20px; font-weight: bold; }

h3 { font-size: 13px; }

a:link { color: rgb(11, 85, 196); text-decoration: none; } a:visited { color: rgb(11, 85, 196); text-decoration: none; } a:hover { text-decoration: underline; }

fieldset { margin-bottom: 10px; border: 1px solid rgb(204, 204, 204); padding: 5px; text-align: left; }

fieldset p { margin: 10px 0px; }

legend { color: rgb(11, 85, 196); font-size: 12px; font-weight: bold; }

(26)

textarea { font-size: 11px; border: 1px solid silver; } button { font-size: 10px; }

input.disabled { background-color: rgb(240, 240, 240); } input.button { cursor: pointer; }

input:focus, select:focus, textarea:focus { background-color: rgb(255, 255, 221); }

#border-top.h_green { background:

url("../image/j_header_middle.png") repeat-x scroll 0% 0% transparent; }

#border-top.h_green div { background:

url("../image/j_header_right.png") no-repeat scroll 100% 0pt transparent; }

#border-top.h_green div div { background:

url("../image/j_header_left.png") no-repeat scroll 0% 0% transparent; height: 54px; }

#border-top.h_teal { background: url("../image/j_header_middle-1.png") repeat-x scroll 0% 0% transparent; }

#border-top.h_teal div { background:

url("../image/j_header_right-1.png") no-repeat scroll 100% 0pt transparent; }

#border-top.h_teal div div { background:

url("../image/j_header_left-1.png") no-repeat scroll 0% 0% transparent; height: 54px; }

#border-top.h_cherry { background:

url("../image/j_header_middle-2.png") repeat-x scroll 0% 0% transparent; }

#border-top.h_cherry div { background:

url("../image/j_header_right-2.png") no-repeat scroll 100% 0pt transparent; }

#border-top.h_cherry div div { background:

url("../image/j_header_left-2.png") no-repeat scroll 0% 0% transparent; height: 54px; }

#border-top .title { font-size: 22px; font-weight: bold; color: rgb(255, 255, 255); line-height: 44px; padding-left: 180px; } #border-top .version { display: block; float: right; color: rgb(255, 255, 255); padding: 25px 5px 0pt 0pt; }

#border-bottom { background: url("../image/j_bottom.png") repeat-x scroll 0% 0% transparent; }

#border-bottom div { background:

url("../image/j_corner_br.png") no-repeat scroll 100% 0pt transparent; }

#border-bottom div div { background:

url("../image/j_corner_bl.png") no-repeat scroll 0% 0% transparent; height: 11px; }

#footer .copyright { margin: 10px; text-align: center; } #content-box { border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); }

#content-box .padding { padding: 10px 10px 0pt; }

#toolbar-box { background: none repeat scroll 0% 0% rgb(251, 251, 251); margin-bottom: 10px; }

#submenu-box { background: none repeat scroll 0% 0% rgb(246, 246, 246); margin-bottom: 10px; }

#submenu-box .padding { padding: 0px; } #module-status { float: right; }

(27)

#module-status span { display: block; float: left; line-height: 16px; padding: 4px 10px 0pt 22px; margin-bottom: 5px; }

#module-status { background: url("../image/mini_icon.png") no-repeat scroll 3px 5px transparent; }

.legacy-mode { color: rgb(204, 0, 0); }

#module-status .preview { background: url("../image/icon-16-media.png") no-repeat scroll 3px 3px transparent; }

#module-status .unread-messages, #module-status .unread-messages { background: url("../image/icon-16-.unread-messages.png") no-repeat scroll 3px 3px transparent; }

#module-status .unread-messages a { font-weight: bold; } #module-status .loggedin-users { background:

url("../image/icon-16-user.png") no-repeat scroll 3px 3px transparent; }

#module-status .logout { background: url("../image/icon-16-logout.png") no-repeat scroll 3px 3px transparent; }

span.note { display: block; background: none repeat scroll 0% 0% rgb(255, 255, 221); padding: 5px; color: rgb(102, 102, 102); }

.ol-foreground { background-color: rgb(255, 255, 238); } .ol-background { background-color: rgb(109, 176, 60); } .ol-textfont { family: Arial,Helvetica,sans-serif; font-size: 10px; color: rgb(102, 102, 102); }

.ol-captionfont { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: rgb(255, 255, 255); font-weight: bold; }

.ol-captionfont a { color: rgb(11, 95, 198); text-decoration: none; }

.ol-closefont { }

div.header { font-size: 22px; font-weight: bold; color: rgb(11, 85, 196); line-height: 48px; padding-left: 55px; background-repeat: no-repeat; margin-left: 10px; }

div.header span { color: rgb(102, 102, 102); }

div.configuration { font-size: 14px; font-weight: bold; color: rgb(11, 85, 196); line-height: 16px; padding-left: 30px;

margin-left: 10px; background-image: url("../image/icon-16-config.png"); background-repeat: no-repeat; }

div.toolbar { float: right; text-align: right; padding: 0pt; } table.toolbar { border-collapse: collapse; padding: 0pt;

margin: 0pt; }

table.toolbar td { padding: 1px 1px 1px 4px; text-align: center; color: rgb(102, 102, 102); height: 48px; }

table.toolbar td.spacer { width: 10px; }

table.toolbar td.divider { border-right: 1px solid rgb(238, 238, 238); width: 5px; }

table.toolbar span { float: none; width: 32px; height: 32px; margin: 0pt auto; display: block; }

table.toolbar a { display: block; float: left; white-space: nowrap; border: 1px solid rgb(251, 251, 251); padding: 1px 5px; cursor: pointer; }

table.toolbar a:hover { border-left: 1px solid rgb(238, 238, 238); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238) rgb(204, 204, 204) rgb(204, 204, 204)

(28)

rgb(238, 238, 238); text-decoration: none; color: rgb(11, 85, 196); }

td#mm_pane { width: 90%; }

input#mm_subject { width: 200px; } textarea#mm_message { width: 100%; }

.pane-sliders .title { margin: 0pt; padding: 2px; color: rgb(102, 102, 102); cursor: pointer; }

.pane-sliders .panel { border: 1px solid rgb(204, 204, 204); margin-bottom: 3px; }

.pane-sliders .panel h3 { background: none repeat scroll 0% 0% rgb(246, 246, 246); color: rgb(102, 102, 102); }

.pane-sliders .content { background: none repeat scroll 0% 0% rgb(246, 246, 246); }

.pane-sliders .adminlist { border: 0pt none; } .pane-sliders .adminlist td { border: 0pt none; }

.jpane-toggler span { background: url("../image/j_arrow.png") no-repeat scroll 5px 50% transparent; padding-left: 20px; } .jpane-toggler-down span { background:

url("../image/j_arrow_down.png") no-repeat scroll 5px 50% transparent; padding-left: 20px; }

.jpane-toggler-down { border-bottom: 1px solid rgb(204, 204, 204); }

dl.tabs { float: left; margin: 10px 0pt -1px; z-index: 50; } dl.tabs dt { float: left; padding: 4px 10px; border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); margin-left: 3px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: rgb(102, 102, 102); }

dl.tabs dt.open { background: none repeat scroll 0% 0% rgb(249, 249, 249); border-bottom: 1px solid rgb(249, 249, 249);

z-index: 100; color: rgb(0, 0, 0); }

div.current { clear: both; border: 1px solid rgb(204, 204, 204); padding: 10px; }

div.current dd { padding: 0pt; margin: 0pt; }

#cpanel div.icon { text-align: center; margin-right: 5px; float: left; margin-bottom: 5px; }

#cpanel div.icon a { display: block; float: left; border: 1px solid rgb(240, 240, 240); height: 97px; width: 108px; color: rgb(102, 102, 102); vertical-align: middle; text-decoration: none; }

#cpanel div.icon a:hover { border-left: 1px solid rgb(238, 238, 238); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238) rgb(204, 204, 204) rgb(204, 204, 204) rgb(238, 238, 238); background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(11, 85, 196); }

#cpanel img { padding: 10px 0pt; margin: 0pt auto; } #cpanel span { display: block; text-align: center; } div.col { float: left; }

div.width-45 { width: 45%; } div.width-55 { width: 55%; } div.width-50 { width: 50%; } div.width-70 { width: 70%; } div.width-30 { width: 30%; } div.width-60 { width: 60%; } div.width-40 { width: 40%; }

(29)

table.admintable td { padding: 3px; }

table.admintable td.key, table.admintable td.paramlist_key { background-color: rgb(246, 246, 246); text-align: right; width: 140px; color: rgb(102, 102, 102); font-weight: bold; border-bottom: 1px solid rgb(233, 233, 233); border-right: 1px solid rgb(233, 233, 233); }

table.paramlist td.paramlist_description { background-color: rgb(246, 246, 246); text-align: left; width: 170px; color: rgb(51, 51, 51); font-weight: normal; border-bottom: 1px solid rgb(233, 233, 233); border-right: 1px solid rgb(233, 233, 233); }

table.admintable td.key.vtop { vertical-align: top; }

table.adminform { background-color: rgb(249, 249, 249); border: 1px solid rgb(213, 213, 213); border-collapse: collapse;

margin: 8px 0pt 15px; width: 100%; }

table.adminform.nospace { margin-bottom: 0pt; }

table.adminform tr.row0 { background-color: rgb(249, 249, 249); }

table.adminform tr.row1 { background-color: rgb(238, 238, 238); }

table.adminform th { font-size: 11px; padding: 6px 2px 4px 4px; text-align: left; height: 25px; color: rgb(0, 0, 0);

background-repeat: repeat; }

table.adminform td { padding: 3px; text-align: left; } table.adminform td.filter { text-align: left; }

table.adminform td.helpMenu { text-align: right; }

fieldset.adminform { border: 1px solid rgb(204, 204, 204); margin: 0pt 10px 10px; }

table.adminlist { width: 100%; border-spacing: 1px; background-color: rgb(231, 231, 231); background-color: rgb(102, 102, 102); }

table.adminlist td, table.adminlist th { padding: 4px; }

table.adminlist thead th { text-align: center; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: rgb(102, 102, 102); border-bottom: 1px solid rgb(153, 153, 153); border-left: 1px solid rgb(255, 255, 255); }

table.adminlist thead a:hover { text-decoration: none; } table.adminlist thead th img { vertical-align: middle; } table.adminlist tbody th { font-weight: bold; }

table.adminlist tbody tr { background-color: rgb(255, 255, 255); text-align: left; }

table.adminlist tbody tr.row1 { background: none repeat scroll 0% 0% rgb(249, 249, 249); border-top: 1px solid rgb(255, 255, 255); }

table.adminlist tbody tr.row0:hover td, table.adminlist tbody tr.row1:hover td { background-color: rgb(255, 255, 221); } table.adminlist tbody tr td { height: 25px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }

table.adminlist tbody tr.row1 td { background: none repeat scroll 0% 0% rgb(249, 249, 249); border-top: 1px solid rgb(255, 255, 255); }

table.adminlist tfoot tr { text-align: center; color: rgb(51, 51, 51); }

(30)

table.adminlist tfoot td, table.adminlist tfoot th {

background-color: rgb(243, 243, 243); border-top: 1px solid rgb(153, 153, 153); text-align: center; }

table.adminlist td.order { text-align: center; white-space: nowrap; }

table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }

table.adminlist .pagination { display: table; padding: 0pt; margin: 0pt auto; }

.pagination div.limit { float: left; height: 22px; line-height: 22px; margin: 0pt 10px; }

.container { clear: both; text-decoration: none; } * html .container { display: inline-block; }

table.noshow { width: 100%; border-collapse: collapse; padding: 0pt; margin: 0pt; }

table.noshow tr { vertical-align: top; } table.noshow td { }

table.noshow fieldset { margin: 15px 7px 7px; } #editor-xtd-buttons { padding: 5px; }

.button1, .button1 div { height: 1%; float: right; }

left, right, left div, .button2-right div { float: left; }

.button1 { background: url("../image/j_button1_left.png") no-repeat scroll 0% 0% transparent; white-space: nowrap; padding-left: 10px; margin-padding-left: 5px; }

.button1 .next { background: url("../image/j_button1_next.png") no-repeat scroll 100% 0pt transparent; }

.button1 a { display: block; height: 26px; float: left; line-height: 26px; font-size: 12px; font-weight: bold; color:

rgb(51, 51, 51); cursor: pointer; padding: 0pt 30px 0pt 6px; } .button1 a:hover { text-decoration: none; color: rgb(11, 85, 196); }

.button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: rgb(51, 51, 51); cursor: pointer; }

.button2-left span, .button2-right span { cursor: default; color: rgb(153, 153, 153); }

.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span, .button2-left .blank a, right .blank a, left .blank span, .button2-right .blank span { padding: 0pt 6px; }

.page span, .blank span { color: rgb(0, 0, 0); font-weight: bold; }

.button2-left a:hover, .button2-right a:hover { text-decoration: none; color: rgb(11, 85, 196); }

.button2-left a, .button2-left span { padding: 0pt 24px 0pt 6px; }

.button2-right a, .button2-right span { padding: 0pt 6px 0pt 24px; }

.button2-left { background: url("../image/j_button2_left.png") no-repeat scroll 0% 0% transparent; float: left; margin-left: 5px; }

(31)

.button2-right { background:

url("../image/j_button2_right.png") no-repeat scroll 100% 0pt transparent; float: left; margin-left: 5px; }

.button2-right .prev { background:

url("../image/j_button2_prev.png") no-repeat scroll 0% 0% transparent; }

.button2-right.off .prev { background:

url("../image/j_button2_prev_off.png") no-repeat scroll 0% 0% transparent; }

.button2-right .start { background:

url("../image/j_button2_first.png") no-repeat scroll 0% 0% transparent; }

.button2-right.off .start { background:

url("../image/j_button2_first_off.png") no-repeat scroll 0% 0% transparent; }

.button2-left .page, .button2-left .blank { background:

url("../image/j_button2_right_cap.png") no-repeat scroll 100% 0pt transparent; }

.button2-left .next { background:

url("../image/j_button2_next.png") no-repeat scroll 100% 0pt transparent; }

.button2-left.off .next { background:

url("../image/j_button2_next_off.png") no-repeat scroll 100% 0pt transparent; }

.button2-left .end { background:

url("../image/j_button2_last.png") no-repeat scroll 100% 0pt transparent; }

.button2-left.off .end { background:

url("../image/j_button2_last_off.png") no-repeat scroll 100% 0pt transparent; }

.button2-left .image { background:

url("../image/j_button2_image.png") no-repeat scroll 100% 0pt transparent; }

.button2-left .readmore { background:

url("../image/j_button2_readmore.png") no-repeat scroll 100% 0pt transparent; }

.button2-left .pagebreak { background:

url("../image/j_button2_pagebreak.png") no-repeat scroll 100% 0pt transparent; }

.button2-left .blank { background:

url("../image/j_button2_blank.png") no-repeat scroll 100% 0pt transparent; }

.tool-tip { float: left; background: none repeat scroll 0% 0% rgb(255, 255, 204); border: 1px solid rgb(212, 213, 170); padding: 5px; max-width: 200px; z-index: 50; }

.tool-title { padding: 15px 0pt 5px; margin: -15px 0pt 0pt; font-size: 100%; font-weight: bold; background:

url("../image/selector-arrow.png") no-repeat scroll 0% 0% transparent; }

.tool-text { font-size: 100%; margin: 0pt; }

a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url("../image/calendar.png") no-repeat scroll 0% 0% transparent; cursor: pointer; vertical-align: middle; }

(32)

#system-message dd.message ul { background:

url("../image/notice-info.png") no-repeat scroll 4px center rgb(195, 210, 229); }

#system-message dd.error ul { color: rgb(204, 0, 0);

background: url("../image/notice-alert.png") no-repeat scroll 4px top rgb(230, 192, 192); border-top: 3px solid rgb(222, 122, 123); border-bottom: 3px solid rgb(222, 122, 123); }

#system-message dd.notice ul { color: rgb(204, 0, 0);

background: url("../image/notice-note.png") no-repeat scroll 4px top rgb(239, 231, 184); border-top: 3px solid rgb(240, 220, 126); border-bottom: 3px solid rgb(240, 220, 126); } .pad{ padding-top:10px; padding-right:10px; padding-left:10px; } #header-box { border: 1px solid rgb(204, 204, 204); background-attachment: scroll; background-color: #E7F7A8; background-image: none; background-repeat: repeat; background-position: 0% 0%; } .title{ color:#960; background-color:#C9EA8A; } Loemoet.css @charset "utf-8"; #isi { padding-right: 10px; padding-left: 10px; } Login.php

/* Effective stylesheet produced by snapshot save */ @import url("general.css");

form { margin: 0px; padding: 0px; }

form .inputbox { width: 120px; margin-left: 10px; } form br { display: none; }

.login { margin: 0pt auto 100px; width: 500px; } h1 { margin: 15px 0pt; } p { margin: 0pt 0pt 10px; padding: 0pt; } #lock { width: 150px; height: 137px; background-attachment: scroll; background-color: transparent;

(33)

background-image: url(../image/j_login_lock.jpg); background-repeat: no-repeat;

background-position: 50% 0pt; }

#content-box .m { padding: 10px; }

#content-box .padding { padding: 30px 0pt; }

#section-box { float: right; width: 320px; margin-left: 10px; } #section-box .m { padding: 5px; }

#section-box .padding { background: none repeat scroll 0% 0% transparent; padding: 0pt; }

.button { text-align: right; }

.login-form { text-align: left; width: 60%; } .login-form h1 { display: none; }

.login-form p { padding: 0pt 1em; }

.login-text { text-align: left; width: 40%; float: left; } #form-login label { display: block; float: left; width: 120px; text-align: right; padding: 4px; color: rgb(102, 102, 102); font-weight: bold; }

#form-login .button_holder { float: left; padding-left: 180px; }

#form-login div.button1 { float: left; }

#form-login div.button1 div.next { float: left; }

Menu.css

#menu, #menu ul, #menu li { margin: 0pt; padding: 0pt; border: 0pt none; }

#menu { position: relative; z-index: 100; } #menu ul {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; border: 0; height: 40px; } #menu ul li { list-style-type: none; position: relative; float: left; } #menu ul li a{ display: block; float: left; height: 22px; width: auto; padding-top: 10px; padding-right: 10px; padding-left: 10px; font-weight: bold; color: #ffffff; text-decoration: none; padding-bottom: 0px; border-right: 1px solid #1F1010;

(34)

border-left: 1px solid #793E3E; }

#menu li { float: left; position: relative; list-style: none outside none; display: inline; }

#menu li a { display: block; white-space: nowrap; } #menu li li { clear: both; }

#menu li ul { visibility: hidden; position: absolute; } #menu li li ul { top: 0pt; left: 0pt; }

#menu li.hover ul { visibility: visible; } #menu li.hover ul li ul { visibility: hidden; }

#menu li.hover li.hover ul { visibility: visible; left: 100%; } #menu li { left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(216, 216, 216); }

#menu li li { border: 0pt none; }

#menu ul { border: 0.1em solid rgb(204, 204, 204); background: url("image/bg-menu.gif") repeat-y scroll left center rgb(246, 246, 246); }

#menu ul li.node { background: url("image/j_arrow.png") no-repeat scroll right 50% transparent; }

#menu ul li.separator { background: url("image/bg-menu.gif") repeat scroll 0% 0% rgb(221, 225, 230); height: 1px; }

#menu a, #menu div { padding: 0.35em 1em; margin: 0pt 1px; color: rgb(51, 51, 51); line-height: 1.6em; vertical-align: middle; font-size: 11px; font-weight: bold; text-decoration: none; cursor: default; background-repeat: no-repeat;

background-position: left 50%; } #menu li.disabled a { color: gray; }

#menu ul a { font-size: 11px; font-weight: normal; padding-left: 25px; padding-right: 20px; line-height: 1.2em; } #menu li.hover a { background-color: rgb(231, 237, 223); border-left: 1px solid rgb(109, 157, 46); border-right: 1px solid rgb(109, 157, 46); margin: 0pt; }

#menu li.hover li a { background-color: transparent; border: 0pt none; margin: 2px; }

#menu li.hover li.hover a { background-color: rgb(231, 237, 223); border: 1px solid rgb(109, 157, 46); margin: 1px; } #menu li.hover li.hover li a { background-color: transparent; border: 0pt none; margin: 2px; }

#menu li.hover li.hover li a:hover { background-color: rgb(231, 237, 223); border: 1px solid rgb(109, 157, 46); margin: 1px; } #submenu { list-style: none outside none; padding: 0pt; margin: 0pt; }

#submenu li { float: left; padding: 0pt; margin: 0pt; }

#submenu li a, #submenu span.nolink { cursor: pointer; padding: 0px 15px; border-right: 1px solid rgb(204, 204, 204); font-weight: bold; color: rgb(11, 85, 196); line-height: 12px; height: 12px; }

#submenu span.nolink { color: rgb(153, 153, 153); }

#submenu a.active, #submenu span.nolink.active { color: rgb(0, 0, 0); text-decoration: underline; }

Rounded.css

(35)

div#toolbar-box { background: none repeat scroll 0% 0% rgb(247, 247, 247); }

div#element-box { background: none repeat scroll 0% 0% rgb(255, 255, 255); }

div#element-box div.section-box div.m { background: none repeat scroll 0% 0% rgb(251, 251, 251); }

div.t, div.b { height: 6px; padding: 0pt; margin: 0pt; overflow: hidden; }

div.m { left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0pt 8px; } div#toolbar-box div.m { padding: 0pt; }

div#element-box div.m { padding: 5px 10px; } div#submenu-box div.t { background:

url("../image/j_border.png") repeat-x scroll 0pt 0pt transparent; }

div#submenu-box div.t div.t { background:

url("../image/j_crn_tr_dark.png") no-repeat scroll 100% 0pt transparent; }

div#submenu-box div.t div.t div.t { background:

url("../image/j_crn_tl_dark.png") no-repeat scroll 0pt 0pt transparent; }

div#submenu-box div.b { background:

url("../image/j_border.png") repeat-x scroll 0pt 100% transparent; }

div#submenu-box div.b div.b { background:

url("../image/j_crn_br_dark.png") no-repeat scroll 100% 0pt transparent; }

div#submenu-box div.b div.b div.b { background:

url("../image/j_crn_bl_dark.png") no-repeat scroll 0pt 0pt transparent; }

div#toolbar-box, div#element-box div.section-box { background: none repeat scroll 0% 0% rgb(251, 251, 251); }

div#toolbar-box div.t, div#element-box div.section-box div.t { background: url("../image/j_border.png") repeat-x scroll 0pt 0pt transparent; }

div#toolbar-box div.t div.t, div#element-box div.section-box div.t div.t { background: url("../image/j_crn_tr_med.png") no-repeat scroll 100% 0pt transparent; }

div#toolbar-box div.t div.t div.t, div#element-box div.section-box div.t div.t div.t { background:

url("../image/j_crn_tl_med.png") no-repeat scroll 0pt 0pt transparent; }

div#toolbar-box div.b, div#element-box div.section-box div.b { background: url("../image/j_border.png") repeat-x scroll 0pt 100% transparent; }

div#toolbar-box div.b div.b, div#element-box div.section-box div.b div.b { background: url("../image/j_crn_br_med.png") no-repeat scroll 100% 0pt transparent; }

div#toolbar-box div.b div.b div.b, div#element-box div.section-box div.b div.b div.b { background:

url("../image/j_crn_bl_med.png") no-repeat scroll 0pt 0pt transparent; }

div#element-box div.t { background:

url("../image/j_border.png") repeat-x scroll 0pt 0pt transparent; }

(36)

div#element-box div.t div.t { background:

url("../image/j_crn_tr_light.png") no-repeat scroll 100% 0pt transparent; }

div#element-box div.t div.t div.t { background:

url("../image/j_crn_tl_light.png") no-repeat scroll 0pt 0pt transparent; }

div#element-box div.b { background:

url("../image/j_border.png") repeat-x scroll 0pt 100% transparent; }

div#element-box div.b div.b { background:

url("../image/j_crn_br_light.png") no-repeat scroll 100% 0pt transparent; }

div#element-box div.b div.b div.b { background:

url("../image/j_crn_bl_light.png") no-repeat scroll 0pt 0pt transparent; } .tambah { background-image: url(../image/tambah.png); } .batal{ background-image: url(../image/batal.png); } .nex{ background-image: url(../image/nex.png); } .ok a{ background-image: url(../image/Ok-icon.png); } .ok a:hover{ background-image: url(../image/Ok-icon2.png); } th{ color:#960; background-color:#C9EA8A; font-size: 7pt; text-transform: uppercase; text-align: center; padding: 0.5em; border-width: 1px } td{ padding: 0.5em; vertical-align: top; } Berita.php <?php session_start(); if (empty($_SESSION['email']) AND empty($_SESSION['password'])){

echo "<link href='style.css' rel='stylesheet' type='text/css'>

<center>Untuk mengakses modul, Anda harus login <br>"; echo "<a href=index.php><b>LOGIN</b></a></center>";

(37)

} else{ $aksi="menu/m_berita/aksi_berita.php"; include "../setting/class_paging.php"; include "../setting/koneksi.php"; include "../setting/fungsi_indotgl.php"; switch($_GET[act]){ // Tampil Berita default:

echo "<table class='adminlist' cellspacing='1'> <tr> <th class='title' width='10'>®</th> <th class='title'>Judul Berita</th> <th class='title' width='20%' align='center'>Tanggal Posting</th> <th class='title' width='10%' align='center'>Diposting Oleh</th> <th class='title' width='10%' align='center'>Action</th> </tr>"; $p = new Paging; $batas = 15; $posisi = $p->cariPosisi($batas);

$sql = mysql_query ("select * from dj_berita order by id_berita desc"); $no=1; while ($b=mysql_fetch_array($sql)){ echo "<tr class='row0' > <td>$no</td> <td>

<span class='bold'>$b[judul]</span>

</td>

<td align='center'>$b[tanggal]</td> <td align='center'>$b[username]</td>

<td align='center'><img src='image/edit.png' alt='edit' title='klik untuk mengubah'/> |

<a href='$aksi?h=berita&act=hapus&id=$b[id_berita]'><img src='image/delete.png' alt='hapus' title='klik untuk

menghapus'/></a> </td> </tr>"; $no++; } echo "</table>";

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);

echo "<div id=paging>$linkHalaman</div><br>";

break;