----------------------------------------------Column Navigation-------------------------- -----------
column .subnav{display:block; width:250px; padding:25px; background- color:F9F9F9; margin-bottom:30px;}
column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font- weight:normal; font-family:Georgia, Times New Roman, Times, serif;
color:666666; background-color:F9F9F9; line-height:normal; border- bottom:1px dotted 666666;}
column .subnav ul{margin:0; padding:0; list-style:none;} column .subnav li{margin:0 0 3px 0; padding:0;}
column .subnav ul ul, column .subnav ul ul ul, column .subnav ul ul ul ul, column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
column .subnav a{display:block; margin:0; padding:5px 10px 5px 20px; color:777777; background:urlimagesblue_file.gif no-repeat 10px center
F9F9F9; text-decoration:none; border-bottom:1px dotted 666666;} column .subnav a:hover{color:02ACEE; background-color:F9F9F9;}
column .subnav ul ul a, column .subnav ul ul ul a, column .subnav ul ul ul ul a, column .subnav ul ul ul ul ul a{background:urlimagesblack_file.gif no-
repeat F9F9F9;} column .subnav ul ul a{padding-left:40px; background-position:30px center;}
column .subnav ul ul ul a{padding-left:50px; background-position:40px center;} column .subnav ul ul ul ul a{padding-left:60px; background-position:50px
center;} column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px
center;}
4. Kontak.php
DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN http:www.w3.orgTRxhtml1DTDxhtml1-
transitional.dtd html xmlns=http:www.w3.org1999xhtml
head titleSistem Informasi Akademik SMAN 1 Pematang siantartitle
meta http-equiv=Content-Type content=texthtml; charset=iso-8859- 1
link rel=stylesheet href=layoutstyleslayout.css type=textcss script type=textjavascript src=layoutscriptsjquery.min.jsscript
script type=textjavascript src=layoutscriptsjquery.slidepanel.setup.jsscript
-- Homepage Only Scripts -- script type=textjavascript
src=layoutscriptsjquery.cycle.min.jsscript script type=textjavascript
function { featured_slide.afterdiv id=fsnul
id=fs_pagination.cycle{ timeout: 5000,
Universitas Sumatera Utara
fx: fade, pager: fs_pagination,
pause: 1, pauseOnPagerHover: 0
}; };
script head
body div class=wrapper col0
div id=topbar div id=slidepanel
div class=topbox h2Login Administratorh2
p align=justifySilahkan masuk untuk melakukan pengubahan terhadap konten yang ada pada sistem informasi akademik SMA Negeri 1
Pematang Siantarp div
div class=topbox ?php include panel_login.php;?
div br class=clear
div div id=loginpanel
ul li class=leftMasuk Disini raquo;li
li class=right id=togglea id=slideit href=slidepanelPanel Loginaa id=closeit style=display: none;
href=slidepanelTutup Panelali ul
div br class=clear
div div
div class=wrapper col1 div id=header
div id=logo a href=index.phph2SMA N 1 PEMATANG
SIANTARh2abr pJalan Parsoburan No. 24 Telepon 29837 Pematang siantar Kode
Pos 21127p div
div id=topnav br ?php include menu.php; ?
div br class=clear
div div
Universitas Sumatera Utara
div class=wrapper col1 div
div div class=wrapper col3
div id=homecontent div class=fl_left
h2Kontakh2 form
action=proses_tambah_kontak.php method=post class=jNice enctype=
plabelNama:brlabelinput name=nama type=text class=text-medium id=nama size=40 p
plabelEmail:brlabelinput name=email type=text class=text-long id=email size=40 p
plabelKomentar:brlabeltextarea name=komentar cols=70 rows=4 class=text-long
id=komentartextareap
input type=submit value=Komentar form
brData Kiriman Pengunjung br hr color=999999 size=1.7 br
?php require_onceconnconn.php;
tampil=mysql_querySELECT FROM t_umpan_balik order by id_kiriman desc limit 0,20;
whilerow=mysql_fetch_objecttampil{ ?
tr td Nama : ?php
echo ucwordsrow-nama_pengirim; ?brtd tr
tr td Email : ?php
echo ucwordsrow-email_pengirim; ?brtd tr
tr td Komentar :
?php echo ucwordsrow-isi_kiriman; ?brtd tr
tr td hr
color=CCCCCC size=1.4 td
Universitas Sumatera Utara
tr ?php
} ?
div div class=fl_right
h2Timelineh2
ul ?php
require_onceconnconn.php; tampil=mysql_querySELECT FROM t_berita order by
id_berita DESC LIMIT 0,5; whilerow=mysql_fetch_objecttampil{
? li
div class=imgholdera href=img src=files?php echo ucwordsrow-photo; ? width=80px alt= adiv
pstronga href=baca_berita.php?id_berita=?php echo ucwordsrow-id_berita??php echo ucwordsrow-judul;
?astrongp p?php
kalimat=row-isi_berita; jumlahkarakter=300;
cetak = substrkalimat, 0, jumlahkarakter;
echo cetak;echo ....; ?p
li ?php
} ?
ul div
br class=clear div
div div class=wrapper col5
?php include footer.php;? div
body html
5. Slider.php