Yandi EkoRelated papers
LAPORAN PRAKTEK KERJA NYATA ( MAGANG ) PERANCANGAN SISTEM INFORMASI BERBASIS WEBSITE DI SMK BINAWIYATA KARANGMALANG SRAGEN
Perkembangan teknologi saat ini memberikan peranan penting di dalam kehidupan manusia terutama di dunia pendidikan karena dalam waktu yang singkat dan jarak yang begitu luas, informasi bisa disampaikan maupun diterima secara akurat dan aktual. Pada saat ini SMK Binawiyata Karangmalang Sragen masih menggunakan cara manual dalam proses penyampaian informasi, antara lain : spanduk, brosur, iklan dan lain-lain. Dengan adanya teknologi yang berkembang saat ini, terutama internet, maka dirancang suatu website pada SMK Binawiyata Karangmalang Sragen yang diharapkan dapat membantu sekolah dalam mempermudah proses penyampaian informasi terkait ruang lingkup sekolah sehingga dapat membantu siswa serta masyarakat pada umumnya. Informasi yang disajikan dalam website ini antara lain adalah halaman utama, mulai dari profil sekolah, sejarah singkat, visi dan misi, struktur organisasi, ektrakulikuler dan juga fasilitas. Sedangkan di akademik menyajikan agenda sekolah, kalender akademik sekolah dan program keahlian. Menu Profil staff dan guru serta berbagai artikel berita sekolah. Perancangan Sistem Informasi Berbasis Website di SMK Binawiyata Karangmalang Sragen ini memanfaatkan PHP sebagai bahasa pemrograman dan MySQL sebagai Databasenya , Macromedia Dreamweaver 8 dan notepad++ digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.
„Gotyk jakby z koronki dziergany”. Recepcja „stylu wiślano-bałtyckiego” w twórczości radomskich architektów przełomu XIX i XX wieku
Biuletyn Historii Sztuki, 2022
The Philosophy of Philosophy
This book grew out of a sense that contemporary philosophy lacks a self-image that does it justice. Of the self-images that philosophy inherited from the twentieth century, the most prominent – naturalism, the linguistic turn, postmodern irony, and so on – seemed obviously inadequate to most of the most interesting work in contemporary philosophy: as descriptions, false when bold, uninformative when cautious. Less prominent alternatives too seemed implausible or ill- developed. Although an adequate self-image is not a precondition of all virtue, it helps. If philosophy misconceives what it is doing, it is likely to do it worse. In any case, an adequate self-image is worth having for its own sake; we are not supposed to be leading the unexamined life. This is my attempt to do better. I considered using the phrase “philosophical method” in the title, but decided against on the grounds that it seemed to promise something more like a recipe for doing philosophy than I believe possible. When asked for advice on some occasion, the Duke of Wellington is said to have replied “Sir, you are in a devilish awkward predicament, and must get out of it as best you can.” My advice would be scarcely more useful. At the crucial point, I can only say “Use your judgment.” The primary task of the philosophy of science is to understand science, not to give scientists advice. Likewise, the primary task of the philosophy of philosophy is to understand philosophy, not to give philosophers advice – although I have not rigorously abstained from the latter. I also rejected the word “metaphilosophy.” The philosophy of philosophy is automatically part of philosophy, just as the philosophy of anything else is, whereas metaphilosophy sounds as though it might try to look down on philosophy from above, or beyond.
La Fantasía de la Democracia - Nolbert Briceño
La Fantasía de la Democracia, 2024
El defensor intelectual del Estado, como bien expliqué en el artículo respectivo, es alguien que está encargado de diseñar teorías que traten de legitimar semejante organización. Pero no es sólo encerrarse en una biblioteca y exprimirse los sesos buscando elaborar una forma de organizar el Estado; tiene también el deber de construir un relato lo suficientemente convincente, lo bastante atractivo, sacrificando el razonamiento lógico por la estética retórica persuasiva, para atraer a la gente lo más rápido posible, sin que cuestionen el fondo del discurso, so pena de ser tachado como alguien que desprecia los fines —cuando podría sólo estar cuestionando los medios— que los iustatistas (defensores del Estado de Derecho) desean imponer al resto de la sociedad.
Planeación estratégica
resumen de la lectura planeación estratégica
Crónica de la revista Munibe Antropologia-Arkeologia 2016
Munibe Antropologia-Arkeologia, 2016
TAMPILAN OUTPUT
1.
Halaman Pengunjung Website
1.1.
Halaman Home
L-1
L-2
1.1.1. Tampilan Halaman Polling
L-3
1.2.
Halaman Menu Pendiri
1.2.1. Halaman Sub Menu Karir
L-4
1.3
Halaman Menu Profil
1.3.1. Halaman Sub Menu Latar Belakang
1.3.2. Halaman Sub Menu Visi & Misi
L-5
1.3.3. Halaman Sub Menu Struktur Organisasi
1.4.
Halaman Menu Informasi
1.4.1. Halaman Sub Menu Artikel
L-6
1.4.2. Halaman Sub Menu Berita Terkini
1.5.
Halaman Menu Pesantren
1.5.1. Halaman Sub Menu Agenda Akademik
L-7
1.5.2. Halaman Sub Menu Galeri Foto
1.5.3. Halaman Sub Menu Fasilitas
L-8
1.5.4. Halaman Sub Menu Ekstrakulikuler
1.6.
Halaman Menu Hubungi Kami
L-9
2.
Halaman Admin
2.1.
Halaman Login Admin
2.2.
Halaman Utama Admin
L-10
2.3.
Halaman Modul
2.4.
Halaman Agenda
L-11
2.5.
Halaman Berita
2.6.
Halaman Galeri Foto
LISTING PROGRAM
Halaman Config
Koneksi.php
<?php
$server = "localhost";
$username = "root";
$password = "";
$database = "dbibnun";
// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
?>
Tgl_indo.php
<?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";
L-1
L-2
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;
case 7:
return "Juli";
break;
case 8:
return "Agustus";
break;
case 9:
return "September";
break;
case 10:
L-3
return "Oktober";
break;
case 11:
return "November";
break;
case 12:
return "Desember";
break;
}
}
?>
Fungsi_thumb.php
<?php
function UploadImage($fupload_name){
//direktori gambar
$vdir_upload = "../../../foto_berita/";
$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 350 pixel
//Set ukuran gambar hasil perubahan
L-4
$dst_width = 350;
$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 . "small_" . $fupload_name);
//Hapus gambar di memori komputer
imagedestroy($im_src);
imagedestroy($im);
}
function UploadBanner($fupload_name){
//direktori banner
$vdir_upload = "../../../foto_banner/";
$vfile_upload = $vdir_upload . $fupload_name;
//Simpan gambar dalam ukuran sebenarnya
move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);
}
function UploadFile($fupload_name){
//direktori file
$vdir_upload = "../../../files/";
$vfile_upload = $vdir_upload . $fupload_name;
//Simpan gambar dalam ukuran sebenarnya
move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);
}
function UploadAlbum($fupload_name){
L-5
//direktori gambar
$vdir_upload = "../../../img_album/";
$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 120 pixel
//Set ukuran gambar hasil perubahan
$dst_width = 120;
$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 UploadGallery($fupload_name){
//direktori gambar
$vdir_upload = "../../../img_galeri/";
$vfile_upload = $vdir_upload . $fupload_name;
L-6
//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 = 100;
$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 UploadInfo($fupload_name){
//direktori gambar
$vdir_upload = "../../../foto_info/";
$vfile_upload = $vdir_upload . $fupload_name;
//Simpan gambar dalam ukuran sebenarnya
move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);
//identitas file asli
L-7
$im_src = imagecreatefromjpeg($vfile_upload);
$src_width = imageSX($im_src);
$src_height = imageSY($im_src);
//Simpan dalam versi small 54 pixel
//Set ukuran gambar hasil perubahan
$dst_width = 54;
$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);
}
?>
Class_paging.php
<?php
// class paging untuk halaman administrator
class Paging{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET[halaman])){
L-8
$posisi=0;
$_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 halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
}
else{
$link_halaman
.=
href=$_SERVER[PHP_SELF]?module=$_GET[module]&halaman=$i>$i</a> | ";
}
$link_halaman .= " ";
}
"<a
L-9
return $link_halaman;
}
}
// class paging untuk halaman berita (menampilkan semua berita)
class Paging2{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET[halberita])){
$posisi=0;
$_GET[halberita]=1;
}
else{
$posisi = ($_GET[halberita]-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
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";
// Link halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
L-10
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
}
else{
$link_halaman .= "<a href=halberita-$i.html>$i</a> | ";
}
$link_halaman .= " ";
}
return $link_halaman;
}
}
// class paging untuk halaman kategori (menampilkan semua kategori)
class Paging3{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET[halkategori])){
$posisi=0;
$_GET[halkategori]=1;
}
else{
$posisi = ($_GET[halkategori]-1) * $batas;
}
return $posisi;
}
// Fungsi untuk menghitung total halaman
function jumlahHalaman($jmldata, $batas){
L-11
$jmlhalaman = ceil($jmldata/$batas);
return $jmlhalaman;
}
// Fungsi untuk link halaman 1,2,3
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";
// Link halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
}
else{
$link_halaman .= "<a href=halkategori-$_GET[id]-$i.html>$i</a> | ";
}
$link_halaman .= " ";
}
return $link_halaman;
}
}
// class paging untuk halaman hasil pencarian
class Paging7{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET[halpencarian])){
$posisi=0;
$_GET[halpencarian]=1;
L-12
}
else{
$posisi = ($_GET[halpencarian]-1) * $batas;
}
return $posisi;
}
// Fungsi untuk menghitung total halaman
function jumlahHalaman($ketemu2, $batas){
$jmlhalaman = ceil($ketemu2/$batas);
return $jmlhalaman;
}
// Fungsi untuk link halaman 1,2,3
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";
// Link halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
}
else{
$link_halaman .= "<a href=halpencarian-$_POST[kata]-$i.html>$i</a> | ";
}
$link_halaman .= " ";
}
return $link_halaman;
}
L-13
}
// class paging untuk halaman galeri foto
class Paging6{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET[halgaleri])){
$posisi=0;
$_GET[halgaleri]=1;
}
else{
$posisi = ($_GET[halgaleri]-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
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";
// Link halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
L-14
}
else{
$link_halaman .= "<a href=halgaleri-$_GET[id]-$i.html>$i</a> | ";
}
$link_halaman .= " ";
}
return $link_halaman;
}
}
// class paging untuk halaman agenda (menampilkan semua agenda)
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;
}
// Fungsi untuk menghitung total halaman
function jumlahHalaman($jmldata, $batas){
$jmlhalaman = ceil($jmldata/$batas);
return $jmlhalaman;
L-15
}
// Fungsi untuk link halaman 1,2,3
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";
// Link halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
}
else{
$link_halaman .= "<a href=halagenda-$i.html>$i</a> | ";
}
$link_halaman .= " ";
}
return $link_halaman;
}
}
// 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{
L-16
$posisi = ($_GET[haldownload]-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
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";
// Link halaman 1,2,3, ...
for ($i=1; $i<=$jmlhalaman; $i++){
if ($i == $halaman_aktif){
$link_halaman .= "<b>$i</b> | ";
}
else{
$link_halaman .= "<a href=haldownload-$i.html>$i</a> | ";
}
$link_halaman .= " ";
}
return $link_halaman;
}
}
?>
L-17
Halaman adminweb
Cek_login.php
<?php
include "../config/koneksi.php";
function anti_injection($data){
$filter
=
mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars($data,ENT_QUOTES))));
return $filter;
}
$username = anti_injection($_POST[username]);
$pass
= anti_injection(md5($_POST[password]));
// pastikan username dan password adalah berupa huruf atau angka.
if (!ctype_alnum($username) OR !ctype_alnum($pass)){
echo "Sekarang loginnya tidak bisa di injeksi lho.";
}
else{
$login=mysql_query("SELECT * FROM users WHERE username='$username' AND
password='$pass' AND blokir='N'");
$ketemu=mysql_num_rows($login);
$r=mysql_fetch_array($login);
// Apabila username dan password ditemukan
if ($ketemu > 0){
session_start();
$_SESSION[namauser]
= $r[username];
$_SESSION[namalengkap] = $r[nama_lengkap];
L-18
$_SESSION[passuser]
= $r[password];
$_SESSION[leveluser] = $r[level];
$sid_lama = session_id();
session_regenerate_id();
$sid_baru = session_id();
mysql_query("UPDATE
username='$username'");
users
SET
id_session='$sid_baru'
header('location:media.php?module=home');
}
else{
echo "<link href=../config/adminstyle.css rel=stylesheet type=text/css>";
echo "<center>LOGIN GAGAL! <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.php
<html>
<head>
<title></title>
<script language="javascript">
function validasi(form){
if (form.username.value == ""){
alert("Anda belum mengisikan Username.");
WHERE
L-19
form.username.focus();
return (false);
}
if (form.password.value == ""){
alert("Anda belum mengisikan Password.");
form.password.focus();
return (false);
}
return (true);
}
</script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body OnLoad="document.login.username.focus();">
<div id="header">
<div id="content">
<h2>Login</h2>
<img src="images/login-welcome.gif" width="97" height="105" hspace="10" align="left">
<form name="login"
validasi(this)">
action="cek_login.php"
method="POST"
onSubmit="return
<table>
<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
<tr><td colspan="2"><input type="submit" value="Login"></td></tr>
</table>
</form>
<p> </p>
L-20
</div><div id="footer">
Copyright © 2012;Pesantren Ibnunnafis. All rights reserved.
</div></div>
</body>
</html>
Logout.php
<?php
session_start();
session_destroy();
echo "<center>Anda telah sukses keluar sistem <b>[LOGOUT]<b>";
?>
Script javascript
Superfish.js
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
* Dual licensed under the MIT and GPL licenses:
*
http://www.opensource.org/licenses/mit-license.php
*
http://www.gnu.org/licenses/gpl.html
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/
;(function($){
$.fn.superfish = function(op){
var sf = $.fn.superfish,
c = sf.c,
L-21
$arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
$$.showSuperfishUl().siblings().hideSuperfishUl();
},
out = function(){
var $$ = $(this), menu = getMenu($$), o = sf.op;
clearTimeout(menu.sfTimer);
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
},o.delay);
},
getMenu = function($menu){
var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
sf.op = sf.o[menu.serial];
return menu;
},
addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
return this.each(function() {
var s = this.serial = sf.o.length;
var o = $.extend({},sf.defaults,op);
o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
$(this).addClass([o.hoverClass,c.bcClass].join(' '))
L-22
.filter('li:has(ul)').removeClass(o.pathClass);
});
sf.o[s] = sf.op = o;
$('li:has(ul)',this)[($.fn.hoverIntent
'hover'](over,out).each(function() {
&&
!o.disableHI)
?
'hoverIntent'
:
if (o.autoArrows) addArrow( $('>a:first-child',this) );
})
.not('.'+c.bcClass)
.hideSuperfishUl();
var $a = $('a',this);
$a.each(function(i){
var $li = $a.eq(i).parents('li');
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
});
o.onInit.call(this);
}).each(function() {
var menuClasses = [c.menuClass];
if (sf.op.dropShadows
&& !($.browser.msie
menuClasses.push(c.shadowClass);
$(this).addClass(menuClasses.join(' '));
});
};
var sf = $.fn.superfish;
sf.o = [];
sf.op = {};
sf.IE7fix = function(){
var o = sf.op;
&&
$.browser.version
<
7))
L-23
if ($.browser.msie && $.browser.version
o.animation.opacity!=undefined)
>
6
&&
this.toggleClass(sf.c.shadowClass+'-off');
};
sf.c = {
bcClass
: 'sf-breadcrumb',
menuClass : 'sf-js-enabled',
anchorClass : 'sf-with-ul',
arrowClass : 'sf-sub-indicator',
shadowClass : 'sf-shadow'
};
sf.defaults = {
hoverClass
: 'sfHover',
pathClass
: 'overideThisToUse',
pathLevels
: 1,
delay
: 800,
animation
: {opacity:'show'},
speed
: 'normal',
autoArrows
: true,
dropShadows : true,
disableHI
: false,
// true disables hoverIntent detection
onInit
: function(){}, // callback functions
onBeforeShow: function(){},
onShow
onHide
};
$.fn.extend({
: function(){},
: function(){}
o.dropShadows
&&
L-24
hideSuperfishUl : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
.find('>ul').hide().css('visibility','hidden');
o.onHide.call($ul);
return this;
},
showSuperfishUl : function(){
var o = sf.op,
sh = sf.c.shadowClass+'-off',
$ul = this.addClass(o.hoverClass)
.find('>ul:hidden').css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeShow.call($ul);
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
return this;
}
});
})(jQuery);
Style.css
*/
html, body {border: 0; margin: 0; padding: 0;}
body {
L-25
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
ine-height: 130%;
width: 100%;
min-width: 970px;
background: url(img/menu.png);
font-weight:normal;
font-style:normal;
text-transform:normal;
}
p{
margin: 0;
padding: 0 0 12px 0;
display:block;
}
ul {list-style: none; padding: 0;}
a{
text-decoration: none;
color: #00CCFF;
background: url(images/templatemo_h2_background.gif) repeat-x;
font-size: 12px;
}
a:hover {text-decoration: none; color:#CCCCCC;
}
#container {
width: 100%;
L-26
text-align: center;/* IE fix to center the page */
position: absolute;
}
#wrapper {
width: 960px;
margin: 0 auto;/* center the page in Firefox */
text-align: left;
position: relative;
background:url(img/body.png) repeat;
border-radius:15px 15px 25px 25px;
}
#topBannerWrapper {
width:100%;
height:165px;
background: url(img/body.png) top center;
background-repeat:repeat;
text-align:justify;
border-radius:15px 15px 0px 0px;
}
#topBannerWrapper .logo
{
float: left;
clear: left;
margin-top: 30px;
margin-left: 20px;
background: url(img/Logo1.gif) no-repeat center top;
L-27
width:160px;
height:125px;
}
#topBannerWrapper .logo a span {
color: #0C6;
}
#topBannerWrapper .logo a {
display: block;
color: #F63;
font-size: 2.3em;
padding-left: 155px;
padding-bottom:20px;
padding-top:20px;
}
#topBannerWrapper .logo a:hover {
color: #993;
text-decoration:none;
}
#google_translate_element {
float:right;
}
#hmenuWrapper {
width:100%;
margin:0 auto ;
}
#hmenu {
L-28
position:relative;
top:30px;
float:none;
}
#hmenu ul {
list-style:none inside none;
margin:0;
padding:0;
text-transform:uppercase;
font-size:14px;
font-family:Arial,sans-serif;
}
#hmenu ul li {
float:right;
}
#hmenu ul li a {
border:0 none;
color:#00F;
display:block;
float:left;
font-size:14px;
font-weight:bold;
height:2em;
line-height:2em;
text-align:center;
padding:0 20px;
L-29
}
#hmenu ul li a:hover {
color:#FFF;
}
#hmenu ul li a:link {
text-decoration:none;
}
#hmenu ul li a:visited {
text-decoration:none;
}
#hmenu ul li a:active {
text-decoration:none;
background-color:#06F;
}
#hmenu li#current a {
background-color:#000000;
color:#FFFFFF;
}
#topSlideshowWrapper {
width:99.8%;
height:300px;
text-decoration:none;
border-radius:10px 10px 10px 10px;
}
.amdhas {
height: 290px;
L-30
width: 100%;
padding:0;
margin-top:20;
overflow: hidden;
-webkit-box-shadow: 2px 2px 4px #000;
-moz-box-shadow: 2px 2px 4px #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: url(img/body.png);
border-radius:15px 15px 20px 20px;
}
.amdhas img {
height: 250px;
width: 926px;
padding: 15px;
border: 1px solid #CCCCCC;
background: url(img/7.jpg) repeat center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:15px 15px 15px 15px;
}
#sliderContainer {
width: 920px;
margin:0 auto;
margin-top:auto;
background-position:center center;
L-31
}
#slider1 {
width:100%;
height: 300px;
position: relative;
overflow: hidden; /* important */
}
#slider1 img {
padding: 0;
margin:0;
width:920px;
height:300px;
}
#slider1 a img { border:none }
#slider1Content {
margin:0;
padding:0;
height:300px;
font-size:0;
width:100%;
position: relative;
}
.slider1Image {
display:none;
float:left;
position:relative;
L-32
margin:0;
padding:0;
}
.slider1Image span {
position: absolute;
left:0;
font-family:Tahoma, Arial;
font-size:14px;
padding: 0px;
width:920px;
background-color:#000000;
color: #fff;
display: none;
z-index:20;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.slider1Image .bottom {
bottom: 0;
left: 0;
height: 70px;
}
#sliderLeftMask {
height:300px;
L-33
position:absolute;
top:0;
left:0px;
width:180px;
z-index:10;
background:url('img/sliderLeftMask.png') no-repeat scroll center center transparent;
}
#sliderRightMask {
height:300px;
position:absolute;
top:0;
left:740px;
width:180px;
z-index:10;
background:url('img/sliderRightMask.png') no-repeat scroll center center transparent;
}
/***** Content *****/
#content {
display: block;
float: left;
clear: left;
width: 615px;
height:1180px;
padding:30px;
margin: 0 0 10px 0;
text-align: justify;
clear: both;
L-34
background: url(img/body.png) repeat center top;
border-radius:10px 10px 10px 10px;
}
#content p {
text-align:justify;
background:url(img/body.png);
padding-left:8px;
color:#006666;
}
#content-kiri{
float: left;
width: 360px;
}
#content a img {
border: none;/*remove border for linked images*/
padding: 2px;
margin: 2px 2px 3px 0;
float: left;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.frame {
border:1px solid rgb(229, 229, 229);
padding:2px;
}
img.foto {
L-35
display:inline;
float:left;
margin-right:15px;
margin-top:3px;
width:100px;
height:120px;
}
div.tooltip {
background-color:#000;
border:1px solid #fff;
padding:10px 15px;
width:200px;
display:none;
color:#FFF;
text-align:left;
font-size:12px;
/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}
#myform {
border:1px outset #ccc;
padding:20px;
margin:20px 0;
-moz-border-radius:4px;
}
L-36
#inputs label, #inputs input, #inputs textarea, #inputs select {
display: block;
width: 200px;
float: left;
margin-bottom: 20px;
}
#inputs label {
text-align: left;
width: 100px;
padding-right: 20px;
}
#main {
width:610px;
float:left;
margin-right:40px ;
}
#sidebar {
display: block;
float:right;
width: 250px;
height:950px;
padding-right: 25px;
background: url(img/body.png) repeat;
}
#sidebar1 {
display: block;
L-37
float:right;
width: 250px;
margin-right: 25px;
margin-top:37px;
}
#sidebar h2 {
font-size: 1.4em;
font-variant: small-caps;
color: #06F;
border-bottom: 2px groove #999999;
}
#pingbox4ourpc59isq00 {
float:right;
overflow:hidden;
padding-bottom: 0px;
}
#fb-root {
float:right;
overflow:hidden;
padding-bottom: 0px;
padding-left:5px;
}
.bloc h3 {
margin-top:10px;
border-bottom:1px solid #000;
}
L-38
.bloc {
padding:15px;
background-color:#CCC;
}
#menukanan a {
text-decoration:none;
color:#66FFCC;
}
#menukanan p {
font-size:14px;
padding:0pt 0pt 13px;
color:#CCCCCC;
margin-left:17px;
}
#menukanan li {
list-style:disc inside none;
border-top:1px solid rgb(204, 204, 204);
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid rgb(204, 204, 204);
}
#menukanan a:hover {
color:#FFCC00;
}
#listticker{
height:240px;
L-39
width:235px;
overflow:hidden;
border:solid 2px #999999;
padding-bottom: 16px;
padding-left:10px;
}
#listticker li{
border:0; margin:0; padding:0; list-style:none;
}
#listticker li{
height:61px;
list-style:none;
}
#listticker .news-text{
display:block;
font-size:11px;
margin-top:3px;
color: #990033;
}
#listticker img{
float:left;
margin-right:10px;
padding:2px;
border:solid 1px #999999;
}
#listsidebar{
L-40
width:240px;
overflow:hidden;
border:solid 2px #999999;
padding-bottom: 14px;
padding-left:5px;
}
#listsidebar1{
width:240px;
overflow:hidden;
border:solid 2px #999999;
padding-right:10px;
}
#listsidebar2{
color: #0193ff;
font-family: 'Times New Roman';
padding: 0 20px 0px 30px;
float:right;
}
#listsidebar .news-title{
font-weight:bold;
margin-bottom:4px;
font-size:12px;
padding-left:5px;
padding-top: 5px;
color: #663300;
}
L-41
#listsidebar .news-text{
font-size:13px;
color: #CCCCCC;
}
#listsidebar .news-title2{
font-weight: normal;
padding-left:80px;
font-size:14px;
}
#content a:link, #content a:visited {
color: #663300;
font-weight:bold;
text-decoration:none;
}
#content a hover {
color: #00CCFF;
}
#content p {
font-size: 14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 100;
text-align:justify;
text-wrap: unrestricted;
}
#content p2 {
font-size: 16px;
L-42
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 100;
text-align:justify;
}
.padd15 {
padding:15px;
}
.padd20 {
padding:20px;
}
body {
font-family: "Comic Sans MS", cursive, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
}
p{
letter-spacing: normal;
line-height: 1.9em;
color:#FFFFFF;
}
p2 {
letter-spacing: normal;
line-height: 1.9em;
color:#FFFFFF;
L-43
}
y{
font-size: 12px;
color: #993300;
clear:both;
text-decoration: none;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
z{
color: #06F;
font-size: 1.6em;
clear:both;
font-variant:small-caps;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-decoration:blink;
padding-left:110px;
}
h1 {
color: #00CCFF;
margin:30px 10 10px 20;
clear:both;
}
h2 {
margin-top:20px;
color: #06F;
font-size: 1.6em;
L-44
clear:both;
font-variant:small-caps;
font-family: Verdana, Geneva, sans-serif;
}
h3 {
font-size:1.2em;
color: #06F;
margin:5px 0 0px 0;
padding-top:16px;
clear:both;
text-decoration: none;
font-family: "Comic Sans MS", cursive;
font-variant:small-caps;
}
h4 {
color: #00CCFF;
font-size: 1.7em;
clear:both;
font-variant:small-caps;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;
margin-right:5px;
border-bottom: dotted #999999;
}
h5 {
font-size:1.2em;
L-45
color: #06F;
margin:5px 0 0px 0;
padding-top:10px;
clear:both;
text-decoration: none;
font-family: "Comic Sans MS", cursive;
font-variant:small-caps;
}
b:link, b:visited {
color: #FF6633;
text-decoration:none;
font-size:13px;
}
a:link, a:visited {
color: #FF6633;
text-decoration:none;
font-size:13px;
}
a:hover {
text-decoration:underline;
color: #00CCFF;
}
#bottomWrapper {
background-color:#FFF;
text-align:center;
color:#FFF;
L-46
text-align:center;
width:100%;
clear:both;
border-radius:0px 0px 25px 25px;
}
#bottomWrapper a:link, #bottomWrapper a:visited {
color:#663300;
}
#bottomWrapper a:hover{
color: #3333CC;
text-decoration:none;
}
#footer {
min-height:200px;
width:960px;
padding: 50px 20 50px;
margin:0 auto;
background:url(img/body.png) repeat;
border-top: groove;
margin-top:40px;
}
.footer-last {
margin-right:0 !important;
clear:right;
}
.footer-one-third {
L-47
float:left;
margin:10px 100px 20px 0;
width:240px;
position:relative;
text-align:center;
overflow:hidden;
}
.footer-one-third h3 {
margin-top:10px;
}
.footer-one-third ul{
padding:0 ;
}
.footer-one-third ul, .footer-one-third li {
list-style: none ;
margin-left:0 ;
}
.footer-one-third li {
padding: 5px 0 ;
}
#bottom-links {
width:100%;
height:60px;
color: #00CCFF;
background: url(img/bottomLinks.png) repeat;
border-radius:0px 0px 15px 15px;
L-48
}
.kampret {
padding-right:15px;
}
a img {
border:none;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.berita {
color:#00CCFF;
font-size:11px;
}
.readmore {
display:block;
float:left;
color:#3F0;
text-decoration:none;
border:1px solid rgb(229, 229, 229);
background:-moz-linear-gradient(center top , #2C6130, rgb(244, 244, 244)) repeat scroll 0%
0% transparent;
L-49
border-radius:3px 3px 3px 3px;
}
.readmore:hover {
background:-moz-linear-gradient(center top , #F3F, rgb(244, 244, 244)) repeat scroll 0% 0%
transparent;
}
Style2.css
html, body {border: 0; margin: 0; padding: 0;}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
ine-height: 130%;
width: 100%;
min-width: 970px;
font-weight:normal;
font-style:normal;
text-transform:normal;
}
/***** Common Formatting *****/
p{
margin: 0;
padding: 0 0 18px 0;
display:block;
}
ul {list-style: none; padding: 0;}
/***** Links *****/
L-50
a{
text-decoration: none;
color: #00CCFF;
font-size: 14px;
}
a:hover {text-decoration: none; color:#0033CC;
}
#container {
width: 100%;
text-align: center;/* IE fix to center the page */
position: absolute;
background: url(img/menu.png) center top;
}
#wrapper {
width: 960px;
margin: 0 auto;/* center the page in Firefox */
text-align: left;
position: relative;
background:url(img/body.png) repeat;
border-radius:15px 15px 25px 25px;
}
#topBannerWrapper {
width:100%;
height:165px;
background: url(img/body.png) top center;
background-repeat:repeat;
L-51
text-align:justify;
margin-top:17px;
border-radius:15px 15px 0px 0px;
}
#topBannerWrapper .logo {
float: left;
clear: left;
margin-top: 30px;
margin-left: 20px;
background: url(img/Logo1.gif) no-repeat center top;
width:160px;
height:125px;
}
#topBannerWrapper .logo a span {
color: #0C6;
}
#topBannerWrapper .logo a {
display: block;
color: #F63;
font-size: 2.1em;
padding-left: 155px;
padding-bottom:20px;
padding-top:20px;
}
#topBannerWrapper .logo a:hover {
color:#993;
L-52
text-decoration:none;
}
#google_translate_element {
float:right;
}
#hmenuWrapper {
width:100%;
margin:0 auto ;
}
#hmenu {
position:relative;
top:30px;
float:right;
}
#hmenu ul {
list-style:none inside none;
margin:0;
padding:0;
text-transform:uppercase;
font-size:14px;
font-family:Arial,sans-serif;
}
#hmenu ul li {
float:right;
}
#hmenu ul li a {
L-53
border:0 none;
color:#00F;
display:block;
float:left;
font-size:14px;
font-weight:bold;
height:2em;
line-height:2em;
text-align:center;
padding:0 20px;
}
#hmenu ul li a:hover {
background-color:#06C;
color:#FFF;
}
#hmenu ul li a:link {
text-decoration:none;
}
#hmenu ul li a:visited {
text-decoration:none;
}
#hmenu ul li a:active {
text-decoration:none;
background-color:#06F;
}
#hmenu li#current a {
L-54
background-color:#000000;
color:#FFFFFF;
}
#topSlideshowWrapper {
width:100%;
height:96px;
text-decoration:none;
background: url(img/9999.png) repeat center;
}
#sliderContainer {
width: 920px;
margin:0 auto;
margin-top:auto;
background-position:center center;
}
#slider1 {
width:100%;
height: 300px;
position: relative;
overflow: hidden; /* important */
}
#slider1 img {
padding: 0;
margin:0;
width:920px;
height:300px;
L-55
}
#slider1 a img { border:none }
#slider1Content {
margin:0;
padding:0;
height:300px;
font-size:0;
width:100%;
position: relative;
}
.slider1Image {
display:none;
float:left;
position:relative;
margin:0;
padding:0;
}
.slider1Image span {
position: absolute;
left:0;
font-family:Tahoma, Arial;
font-size:14px;
padding: 0px;
width:920px;
background-color:#000000;
color: #fff;
L-56
display: none;
z-index:20;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.slider1Image .bottom {
bottom: 0;
left: 0;
height: 70px;
}
#sliderLeftMask {
height:300px;
position:absolute;
top:0;
left:0px;
width:180px;
z-index:10;
background:url('img/sliderLeftMask.png') no-repeat scroll center center transparent;
}
#sliderRightMask {
height:300px;
position:absolute;
top:0;
left:740px;
L-57
width:180px;
z-index:10;
background:url('img/sliderRightMask.png') no-repeat scroll center center transparent;
}
/***** Content *****/
#content {
display: block;
float: left;
clear: left;
width: 670px;
padding-left:35px;
margin: 0 0 30px 0;
margin-top:30px;
clear: both;
text-align: justify;
background:url(img/body.png) center repeat;
color: #993300;
text-height:text-size;
line-height:1.0em;
}
#content p {
text-align:justify;
background: url(img/body.png) repeat;
width:670px;
color: #006666;
padding-left:0px;
L-58
}
.frame {
border:1px solid rgb(229, 229, 229);
padding:2px;
}
.frame1 {
border:1px solid rgb(229, 229, 229);
padding:2px;
display:inline;
float:left;
margin-right:85px;
margin-top:3px;
margin-bottom:20px;
width:670px;
height:470px;
}
img.foto {
display:inline;
float:left;
margin-right:15px;
margin-top:3px;
width:100px;
height:120px;
}
div.tooltip {
background-color:#000;
L-59
border:1px solid #fff;
padding:10px 15px;
width:200px;
display:none;
color:#FFF;
text-align:left;
font-size:12px;
/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}
#myform {
border:1px outset #ccc;
padding:20px;
margin:20px 0;
-moz-border-radius:4px;
}
#inputs label, #inputs input, #inputs textarea, #inputs select {
display: block;
width: 200px;
float: left;
margin-bottom: 20px;
}
#inputs label {
text-align: left;
width: 100px;
L-60
padding-right: 20px;
}
#main {
width:610px;
float:left;
margin-right:40px ;
}
#sidebar {
display: block;
float: right;
padding-right: 35px;
margin-bottom: 30px;
background: url(img/body.png) center repeat;
}
#sidebar h2 {
font-variant: small-caps;
color:#00CCFF;
border-bottom: 2px solid #ccc;
font-weight: bold;
margin: 30px 0 20px 0;
}
.bloc h3 {
margin-top:10px;
border-bottom:1px solid #000;
}
.bloc {
L-61
padding:15px;
background-color:#CCC;
}
#menukanan a {
text-decoration:none;
color: #663300;
font-weight: bold;
line-height:1.3em;
font-size:13px;
}
#menukanan p {
font-size:14px;
padding:0pt 0pt 5px;
color:#CCCCCC;
}
#menukanan li {
list-style: disc inside none ;
border-top:2px solid;
padding-top:10px;
padding-bottom:5px;
border-bottom:2px solid;
}
#menukanan a:hover {
color: #06F;
}
#listticker{
L-62
height:200px;
width:250px;
overflow:hidden;
border:solid 1px #DEDEDE;
padding-bottom: 12px;
}
#listticker li{
border:0; margin:0; padding:0; list-style:none;
}
#listticker li{
height:60px;
padding:5px;
list-style:none;
}
#listticker .news-text{
display:block;
font-size:9px;
margin-top:3px;
color:#CCCCCC;
}
#listticker img{
float:left;
margin-right:10px;
padding:2px;
border:solid 1px #DEDEDE;
}
L-63
#listsidebar{
width:250px;
overflow:hidden;
border:solid 1px #CCCCCC;
color:#CCCCCC;
padding-bottom: 13px;
}
#listsidebar .news-title{
font-weight:bold;
margin-bottom:4px;
font-size:12px;
padding-left:5px;
padding-top: 5px;
color:#CCCCCC;
}
#listsidebar .news-text{
font-size:12px;
color: #993333;
}
#listsidebar .news-title2{
font-weight: normal;
padding-left:80px;
font-size:14px;
}
#content a:link, #content a:visited {
color: #00CCFF;
L-64
font-weight: bold;
font-size:14px;
font-family:"Comic Sans MS", cursive;
}
#content p {
font-size: 14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 100;
text-align:justify;
}
.padd15 {
padding:15px;
}
.padd20 {
padding:20px;
}
body {
color:#444444;
font-family: 'Trebuchet MS', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
}
p{
letter-spacing: inherit ;
L-65
line-height: 1.5em;
}
h1 {
color: #06F;
margin:0px 0 5px 0;
clear:both;
font-variant:small-caps;
font-size: 36px;
}
h2 {
color: #06F;
margin:15px 0 10px 0;
clear:both;
font-variant:small-caps;
font-family: Verdana, Geneva, sans-serif;font-variant:small-caps;
font-family: Verdana, Geneva, sans-serif;
font-size:18px;
font-weight:bold;
}
h3 {
font-size:15px;
color: #00CCFF;
margin:5px 0 0px 0;
clear:both;
text-decoration:none;
font-family: "Comic Sans MS", cursive;
L-66
}
h4 {
font-size:13px;
color: #00CCFF;
margin:15px 0 0px 15;
clear:both;
text-decoration:none;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
a:link, a:visited {
color: #00CCFF;
text-decoration:none;
font-size:13px;
}
a:hover {
text-decoration: none;
color:#CCCCCC;
}
#bottomWrapper {
background-color:#FFF;
text-align:center;
color:#FFF;
text-align:center;
width:100%;
clear:both;
border-radius:0px 0px 25px 25px;
L-67
}
#bottomWrapper a:link, #bottomWrapper a:visited {
color: #663300;
}
#bottomWrapper a:hover{
color:#3333CC;
text-decoration:none;
}
#footer {
min-height:200px;
width:960px;
padding: 50px 20 50px;
margin:0 auto;
background:url(img/body.png) repeat;
border-top: groove;
}
.footer-last {
margin-right:0 !important;
clear:right;
}
.footer-one-third {
float:left;
margin:20px 100px 20px 0;
width:240px;
position:relative;
text-align:center;
L-68
overflow:hidden;
}
.footer-one-third h3 {
margin-top:10px;
}
.footer-one-third ul{
padding:0 ;
}
.footer-one-third ul, .footer-one-third li {
list-style: none ;
margin-right:5pt ;
}
.footer-one-third li {
padding: 5px 0 ;
padding-left:15px;
}
#bottom-links {
width:100%;
height:60px;
color: #00CCFF;
background: url(img/bottomLinks.png) repeat;
border-radius:0px 0px 15px 15px;
}
a img {
border:none;
}
L-69
.kampret {
padding-right:25px;
padding-bottom:2.3px;
}
.agenda {
font-size:13px;
color:#000;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.readmore {
display:block;
float:left;
color:#3F0;
text-decoration:none;
border:1px solid rgb(229, 229, 229);
background:-moz-linear-gradient(center top , #2C6130, rgb(244, 244, 244)) repeat scroll 0%
0% transparent;
border-radius:3px 3px 3px 3px;
}
.readmore:hover {
L-70
background:-moz-linear-gradient(center top , #F3F, rgb(244, 244, 244)) repeat scroll 0% 0%
transparent;
}
#content img.struktur {
width:670px;
height:470px;
}
Menu.php
<?php
echo"<div id=''>
<div id='topBanner'>
<div id='hmenuWrapper'>
<ul class='sf-menu'>
<li>
<a href='home.php'> BERANDA </a>
</li>
<li>
<a href='pendiri.php'> PENDIRI </a>
<ul>
<li>
<a href='karir.php'> KARIR </a>
</li>
</ul>
<li>
<a href='#'> PROFIL </a>
L-71
<ul>
<li>
<a href='latar.php'> LATAR BELAKANG </a>
<li>
<a href='tentang.php'> VISI & MISI </a>
</li>
<li>
<a href='organisasi.php'> STRUKTUR ORGANISASI </a>
</li>
</ul>
</li>
<li>
<a href='#'> INFORMASI </a>
<ul>
<li>
<a href='artikel.php'> ARTIKEL </a>
</li>
<li>
<a href='news-update.php'> BERITA TERKINI </a>
</li>
</ul>
</li>
<li>
<a href='#'> PESANTREN </a>
<ul>
<li>
L-72
<a href='agenda.php'> AGENDA AKADEMIK </a>
</li>
<li>
<a href='foto.php'> GALERI FOTO </a>
</li>
<li>
<a href='fasilitas.php'> FASILITAS </a>
</li>
<li>
<a href='ekskul.php'> EKSTRAKULIKULER </a>
</li>
</ul>
<li>
<a href='contact.php'> HUBUNGI KAMI </a>
</li>
</ul>
</div></div></div>";
?>
Home.php
<?php
error_reporting(0);
ob_start();
session_start();
include "config/koneksi.php";
include "config/fungsi_autolink.php";
L-73
include "config/fungsi_badword.php";
include "config/tgl_indo.php";
include "config/class_paging.php";
?>
<title><?php include "darul_titel.php"; ?></title>
<head>
<link rel="shortcut icon" href="favicon.ico" />
<link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme">
<link rel="stylesheet" type="text/css" href="css/superfish1.css">
<link rel="stylesheet" type="text/css" href="css/headline.css">
<script type="text/javascript" src="js/jquery-1.4.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script src="js/clock.js" type="text/javascript"></script>
<script src="js/newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
jQuery('ul.sf-menu').superfish();
});
</script>
<link type="text/css" href="css/tabs-accordion.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
L-74
$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
});
</script>
<link type="text/css" href="css/tabs-1.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$("ul.tabs").tabs("div.panes > div");
});
</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link
rel="stylesheet"
media="screen" />
type="text/css"
href="./fancybox/jquery.fancybox-1.3.4.css"
<link rel="stylesheet" href="./fancybox/fancy.css" />
<script type="text/javascript">
$(document).ready(function() {
$("a[rel=example_group]").fancybox({
'transitionIn'
: 'none',
'transitionOut'
: 'none',
'titlePosition'
'titleFormat'
: 'over',
: function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' +
currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
</script>
L-75
</head>
<body onload="startclock()">
<script src="http://webgila.com/kodegila.html" type="text/javascript"></script>
<noscript><a
LOADING</a></noscript>
href="http://webgila.com/kodegila.html">KODEGILA
<script type="text/javascript">
function MM_effectShake(targetElement)
{
webgila.Effect.DoShake(targetElement);
}
</script>
<div id="container">
<br />
<div id="wrapper">
<!-- top wrapper -->
<div id="topWrapper">
<?php include "header.php" ?>
</div>
<script src="js/slide1.js" type="text/javascript"></script>
<script src="js/animation2.js" type="text/javascript"></script>
<script src="js/slide2.js" type="text/javascript"></script>
<div id="topSlideshowWrapper">
<div class="amdhas" id="ke2">
<img height="50" src="img_banner/Islami191.jpg" width="50" />
<img
height="50"
src="img_banner/67189_163906146986698_135132886530691_325213_4844560_n.jpg"
width="50" />
L-76
<img height="50" src="img_banner/264.jpg" width="50" />
<img
height="50"
src="img_banner/Bismillah-Candy-Islamic_Wallpaper_by_Kabeer690x517.jpg" width="50" />
<img height="50" src="img_banner/Kenyataan.jpg" width="50" />
<img height="50" src="img_banner/wallpaper_noble_path_islam.jpg" width="50" />
<img height="50" src="img_banner/wallpaper-puasa-syaban.jpg" width="50" />
</div>
<script type="text/javascript">
$('#ke2').cycle({
fx:'scrollUp',
speedIn: 3000,
speedOut: 3000,
easeIn:'bounceout',
easeOut: 'backin',
delay:-3000
});
</script>
<div id='hmenuWrapper'>
<?php include"menu.php"?>
</div>
<div id="sliderContainer">
</div>
</div>
<!--end header-->
<!-- end top wrapper -->
<div id="content">
L-77
<p
onmouseover="MM_effectShake(this)"><span
id="clock"></span></p><br /><br />
id="date"></span>,
<span
<!-- pembukaan-->
<?php
$berita = mysql_query("SELECT * FROM berita WHERE id_kategori='23'");
while($b = mysql_fetch_array($berita)){
echo "<a href=\"".$url_link."\"><z>".$b['judul']."</z></a>"."<br>";
echo "<br />";
echo $b['isi_berita']."<br>";
}
?>
<ul class="tabs">
<li></li>
<li><a class="current" href="#">Artikel</a></li>
<li><a class="" href="#">Berita Terkini</a></li>
</ul>
<!-- panes (content untuk masing-masing tab) -->
<div class="panes">
<div style="display: block;">
<?php
//include "koneksi.php";
$berita = mysql_query("SELECT * FROM berita where id_kategori='37' ORDER BY
id_berita DESC LIMIT 2");
while($b = mysql_fetch_array($berita)){
//mengubah spasi menjadi $judul = preg_replace("/\s/","-",$b['judul']);
//menambahkan kata "berita" pada awal url dan ".html" pada akhir url
L-78
$url_link = "artikel".$b['id_berita']."-".$judul.".html";
echo "<a href=\"".$url_link."\"><h3>".$b['judul']."</h3></a>";
$data = nl2br ($b['isi_berita']);
$isi = substr($data,0,170);
echo "<br />".$isi."...";
echo "<br />";
echo "<a href=\"".$url_link."\"><img src='images/readmore .png'></a>";
echo "<br />";
echo "<hr>";
}
?>
</div>
<div style="display: none;">
<?php
/* ini kita include koneksi database */
include "koneksi.php";
/* tentukan table nya */
$table = berita;
$sql = mysql_query("SELECT * FROM berita where id_kategori='22' ORDER BY id_berita
DESC LIMIT 2");
while($row = mysql_fetch_array($sql)){
/* display result, ini tergantung table database mu */
//mengubah spasi menjadi $judul = preg_replace("/\s/","-",$row['judul']);
//menambahkan kata "berita" pada awal url dan ".html" pada akhir url
$url_link = "berita".$row['id_berita']."-".$judul.".html";
echo "<br />";
L-79
echo "<a href=\"".$url_link."\"><y>".$row['hari'].", ".$row['tanggal']."</y><br>";
echo "<a href=\"".$url_link."\"><h5>".$row['judul']."</h5></a>";
// Tampilkan hanya sebagian isi berita
$data = nl2br($row['isi_berita']); // membuat paragraf pada isi berita
$isi = substr($data,0,160); // ambil sebanyak 300 karakter
echo "<img class='kampret' src='foto_berita/$row[gambar]' width='135' height='104'
align=left>";
echo $isi."...";
echo "<br />";
echo "<a href=\"".$url_link."\"><img src='images/readmore .png'></a>";
echo "<br />";echo "<hr>";
}
?>
</div></div>
<?php
// Galeri Foto (tampilkan 6 foto secara horizontal)
echo "<img src='images/galeri.png' />";
// Tentukan kolom
$col = 5;
$g = mysql_query("SELECT * FROM gallery ORDER BY id_gallery DESC LIMIT 8");
echo "<table><tr>";
$cnt = 0;
while ($w = mysql_fetch_array($g)) {
if ($cnt >= $col) {
echo "</tr><tr>";
$cnt = 0;
}
L-80
$cnt++;
echo "<td align=center valign=top><br />
<a rel='example_group' href='img_galeri/$w[gbr_gallery]' title='$w[keterangan]'>
<img alt='' src='img_galeri/kecil_$w[gbr_gallery]' width='100px' height='65' /></a><br />
<a href=#></a></td>";
}
echo "</tr></table><br />";
echo
"<a
href='foto.php'><p2
style='text-align:center;
src='images/more.png'></style></p2></a>";
padding-left:20px;'><img
echo "<br>";echo "<hr>";
?>
</div>
<div id="sidebar">
<br /><br />
<?php include "google.php" ?>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
includedLanguages: 'id,en',
multilanguagePage: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script
>
L-81
<br /><br />
<h2>Statistik User</h2>
<ul id="listsidebar">
<?php include "statistika.php" ?>
</ul>
<h2>Sekilas Info</h2><!--sekilas Info-->
<ul id="listticker">
<?php
$sekilas=mysql_query("SELECT * FROM sekilasinfo ORDER BY id_sekilas DESC LIMIT
5");
while($s=mysql_fetch_array($sekilas)){
echo "<li><img src='foto_info/kecil_$s[gambar]' width='54' height='54' />
<span class='news-text'>$s[info]</span></li>";
}
?>
</ul><br />
<div id="menukanan">
<br />
<object
id="pingboxg6f4lo53ts8W0"
type="application/x-shockwave-flash"
data="http://wgweb.msg.yahoo.com/badge/Pingbox.swf"
width="251"
height="260"><param
name="movie"
value="http://wgweb.msg.yahoo.com/badge/Pingbox.swf"
/><param
name="allowScriptAccess"
value="always"
/><param
name="flashvars"
value="wid=cKVMgT6oV2F4cpGFzPijL6pxcQ--" /></object>
</div></div>
<div id="sidebar1">
<li>
<div id="fb-root"></div>
<script>(function(d, s, id) {
L-82
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div
class="fb-like-box"
datahref="https://www.facebook.com/pages/Ibnunnafis/135132886530691" data-width="250"
data-colorscheme="light"
data-show-faces="true"
data-border-color="black"
datastream="false" data-header="true"></div>
</div>
<div class="clear"></div>
<div class="clear" style="height:50px"></div>
<div id="bottomWrapper">
<?php include "footer.php" ?></div>
</div><!-- / end wrapper -->
<br />
</div> <!-- end container -->
</body>
</html>
Agenda.php
<?php
error_reporting(0);
ob_start();
session_start();
L-83
include "config/koneksi.php";
include "config/fungsi_autolink.php";
include "config/fungsi_badword.php";
include "config/tgl_indo.php";
include "config/class_paging.php";
?>
<title><?php include "darul_titel.php"; ?></title>
<head>
<link rel="shortcut icon" href="favicon.ico" />
<link id="theme" rel="stylesheet" type="text/css" href="css/style2.css" title="theme">
<link rel="stylesheet" type="text/css" href="css/superfish.css">
<link rel="stylesheet" type="text/css" href="css/headline.css">
<script type="text/javascript" src="js/jquery-1.4.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script src="js/clock.js" type="text/javascript"></script>
<script src="js/newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
jQuery('ul.sf-menu').superfish();
});
</script>
<link type="text/css" href="css/tabs-accordion.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript">
L-84
$(document).ready(function(){
$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
});
</script>
<link type="text/css" href="css/tabs-1.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$("ul.tabs").tabs("div.panes > div");
});
</script>
<style type="text/css">
table {
border: 2px solid #000000;
}
th {
background-color: #00CC99;
color: #330066;
}
tr:hover{
background-color: #CCCCCC;
}
</style>
</head>
<body onload="startclock()">
<script src="http://webgila.com/kodegila.html" type="text/javascript"></script>
<noscript><a
LOADING</a></noscript>
href="http://webgila.com/kodegila.html">KODEGILA
L-85
<script type="text/javascript">
function MM_effectShake(targetElement)
{
webgila.Effect.DoShake(targetElement);
}
</script>
<div id="container">
<div id="wrapper">
<!-- top wrapper -->
<div id="topWrapper">
<?php include "header.php" ?>
</div>
<div id="topSlideshowWrapper">
<div id="sliderContainer">
<br />
<h1> Agenda Akademik </h1>
<div id='hmenuWrapper'>
<p>
<?php include"menu.php"?>
</p>
</div></div></div>
<!--end header-->
<!-- end top wrapper -->
<div id="content">
<p
onmouseover="MM_effectShake(this)"><span
id="clock"></span></p>
<?php
id="date"></span>,
<span
L-86
$warna1 = '#A6D000'; // baris genap berwarna hijau tua
$warna2 = '#D5F35B'; // baris ganjil berwarna hijau muda
$warna = $warna1;
// warna default
mysql_connect("localhost","root","");
mysql_select_db('dbibnun');
$sql = mysql_query("select * from agenda");
echo
"<table
cellpadding=4><tr><th>No</th><th>Agenda</th><th>Tanggal
Mulai</th><th>Tanggal Selesai</th></tr>";
$no=1;
while($data=mysql_fetch_array($sql)){
if($warna == $warna1){
$warna = $warna2;
}
else {
$warna = $warna1;
}
echo
"<tr
bgcolor=$warna><td>$no</td><td>$data[tema]</td><td>$data[tgl_mulai]</td><td>$data[t
gl_selesai]</td></tr>";
$no++;
}
echo "</table>";
?>
</div>
<div id="sidebar">
<br /><br />
<!--Sidebar-->
L-87
<?php include "google.php" ?>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
includedLanguages: 'id,en',
multilanguagePage: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script
>
<br /><br/>
<ul id="menukanan">
<li>
<a href='agenda.php'>Agenda Akademik</a>
</li>
<li>
<a href='foto.php'>Galeri Foto</a>
</li>
<li>
<a href='fasilitas.php'>Fasilitas</a>
</li>
<li>
<a href="ekskul.php">Ekstrakulikuler</a>
</li>
L-88
</ul><!--end Sekilas Info-->
</div>
<div class="clear"></div>
<!-- end content -->
<div class="clear" style="height:40px"></div>
<div id="bottomWrapper">
<?php include "footer.php" ?>
</div>
</div><!-- / end wrapper -->
</div> <!-- end container -->
</body>
</html>
Bukutamu.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/tips-form.css">
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("myform : input").tooltip({
position: "center right",
offset: [-2, 10],
effect: "fade",
opacity: 0.7,
tip: '.tooltip'
L-89
});
});
</script>
</head>
<body>
<div style="opacity: 0.7; position: absolute; top: 298px;
left: 338px; display: none;" class="tooltip"></div>
<form method="post" id="myform" action="simpan_tamu.php">
<h1>buku tamu</h1>
<br>
<div id="inputs">
<table width="439">
<tr>
<td> Nama Pengunjung </td>
<td> : </td>
<td> <input type="text" name="nama" title="Nama harus diisi"></td>
</tr>
<tr>
<td> Email </td>
<td> : </td>
<td><input type="text" name="email" title="Email harus ada titik (.) dan @."></td>
</tr>
<tr>
<td height="74"> Komentar </td>
<td> : </td>
<td><textarea name="komentar" title="Silahkan beri komentar"></textarea></td>
L-90
</tr>
</table>
<br>
<button type="submit" name="submit" id="inputs_bottom" value="Submit"
title="Klik tombol untuk proses data">Proses</button>
<br/>
<br/>
</form>
</div>
</body>
</html>
Tampil_tamu.php
<html>
<head>
</head>
<body>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbibnun");
// query untuk menampilkan data, disort berdasar id secara desc
$query = mysql_query ("SELECT * FROM buku_tamu ORDER BY id DESC");
while($data = mysql_fetch_array($query)) {
$k = $data['komentar'];
// mengubah emoticons teks ke bentuk image dengan tag <img>
$k = str_replace(":-)", "<img src=img_emoticon/smile.gif>", $k);
L-91
echo "
<table>
<tr>
<td> Nama Pengunjung </td>
<td> : </td>
<td> $data[nama] </td>
</tr>
<tr>
<td> Email </td>
<td> : </td>
<td> <a href=mailto:$data[email]> $data[email] </a></td>
</tr>
<tr>
<td> Waktu Kirim </td>
<td> : </td>
<td> $data[tanggal] </td>
</tr>
<tr>
<td> Komentar </td>
<td> : </td>
<td> $k </td>
</tr>
</table><hr>
";
}
?>
L-92
</body>
</html>
Simpan-tamu.php
<head>
</head>
<body>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbibnun");
$nama = $_POST['nama'];
$email = $_POST['email'];
$komentar = $_POST['komentar'];
$tanggal = date("Y-m-d h:i:s");
$sql = "INSERT INTO buku_tamu (nama,
VALUES('$nama','$email','$komentar','$tanggal')";
email,
komentar,
$hasil = mysql_query($sql);
if ($hasil) {
echo "Pengisian buku tamu sukses";
}
else {
echo "Pengisian buku tamu gagal";
}
?>
<script language="javascript"> document.location.href='contact.php'</script>
</body>
</html>
tanggal)
Related papers
Arqueologia medieval em Portugal e a contribuição do Livro das Fortalezas, para o estudo da Arquitetura Medieval na Península Ibérica
Metis Historia Cultura, 2011
“A New History of the Ancient Near East.” Review article of K. Radner, N. Moeller, and D. Potts (eds.), The Oxford History of the Ancient Near East. Volume I. From the Beginnings to Old Kingdom Egypt and the Dynasty of Akkad.
Bibliotheca Orientalis , 2021
Kierkegaard, "the Public", and the Vices of Virtue-Signaling: The Dangers of Social Comparison
Religions, 2023
Quantum Mechanics Requires an Observer Context Distinguishing Between Reality and its Mental Representation
NeuroQuantology, 2018
First Order Stochastic Dominance and the Measurement of Hiring Discrimination: A Ranking Extension of Correspondence Testings with an Application to Gender and Origin
Social Science Research Network, 2012
Relative homological rings and modules
arXiv (Cornell University), 2022
Mental health risk and resilience among climate scientists
Nature Climate Change, 2018
Low genetic differentiation between apotheciate Usnea florida and sorediate Usnea subfloridana (Parmeliaceae, Ascomycota) based on microsatellite data
Fungal Biology, 2020
Probabilistic elasto-plasticity: solution and verification in 1D
Acta Geotechnica, 2007
Soil loss and runoff modification caused by land use change in the Conchos river basin, Chihuahua
Nova Scientia, 2020
Development of a high accuracy automatic measurement system utilizing an industrial robot and a fringe projection system
2009 IEEE International Conference on Technologies for Practical Robot Applications, 2009
Condition and Prospects for Investing Into the Vehicle-Based Technologies: Logistical Aspect
PROBLEMS OF SYSTEMIC APPROACH IN THE ECONOMY, 2021