A-1
Universitas Kristen Maranatha 1. Style
img.beveled{position:relative;} img.beveled:after{
position:absolute; left:0;
top:0; display:block;
content:\00a0; box-sizing:border-box; width:100; height:100; border:5px solid;
border-color:rgba255,255,255,0.4 rgba0,0,0,0.4 rgba0,0,0,0.4 rgba255,255,255,0.4; }
body { font-family:Verdana;
font-size:12px; color:333333;
background:urlimagesbg2.jpg bottom left repeat; margin:0px;
background-color:white; }
a img { border:none;
} main {
width:820px; margin:auto;
} content {
background:white; padding:30px;
border:1px solid CCCCCC; text-align:justify;
background-color: FFFFFF; border: 1px solid 666666;
border-radius: 5px 5px 5px 5px; box-shadow: 5px 5px 5px CCCCCC;
} footer {
background:white; padding:20px;
margin-top:10px; border:1px solid CCCCCC;
text-align:center; background-color: FFFFFF;
border: 1px solid 666666; border-radius: 5px 5px 5px 5px;
box-shadow: 5px 5px 5px CCCCCC; padding: 29px;
}
2. Index
? session_start;
includeconfigconnection.php; ? html
head titleLine Cateringtitle
? includeheader.php; ? head
body ? includemenu.php; ?
br br br br div id=content
? includepilihan.php; ? div
div id=footer by a href=http:www.LineCatering.comLine Cateringa © 2012
div div --div id main--
body html
A-2
Universitas Kristen Maranatha 3. Header
link rel=Stylesheet href=jschromestyle.css type=textcss
script type=textjavascript src=jschrome.jsscript script src=jsjquery-1.6.2.jsscript
--slider-- link rel=stylesheet href=themesdefaultdefault.css type=textcss media=screen
link rel=stylesheet href=themespascalpascal.css type=textcss media=screen link rel=stylesheet href=themesormanorman.css type=textcss media=screen
link rel=stylesheet href=cssnivo-slider.css type=textcss media=screen link rel=stylesheet href=csspagination.css type=textcss media=screen
link rel=Stylesheet href=style.css type=textcss --dialog--
link rel=stylesheet href=jsthemesbasejquery.ui.all.css script src=jsexternaljquery.bgiframe-2.1.2.jsscript
script src=jsuijquery.ui.core.jsscript script src=jsuijquery.ui.widget.jsscript
script src=jsuijquery.ui.mouse.jsscript script src=jsuijquery.ui.button.jsscript
script src=jsuijquery.ui.draggable.jsscript script src=jsuijquery.ui.position.jsscript
script src=jsuijquery.ui.resizable.jsscript script src=jsuijquery.ui.dialog.jsscript
script src=jsuijquery.effects.core.jsscript --accordion--
script src=jsuijquery.ui.accordion.jsscript --favico--
link rel=icon href=imageslogofavicon1.jpg type=imagejpg style
label, input { display:block; } input.text { margin-bottom:12px; width:95; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; } h1 { font-size: 1.2em; margin: .6em 0; }
divusers-contain { width: 350px; margin: 20px 0; } divusers-contain table { margin: 1em 0; border-collapse: collapse; width: 100; }
divusers-contain table td, divusers-contain table th { border: 1px solid eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; } style
script function {
dialog .dialog{ autoOpen: false
}; opener .clickfunction {
dialog .dialog open ; return false;
}; };
jam document.readyfunction {
setIntervalfunction { divjam.loadjamjam.php?acak=+ Math.random;
}, 1000; };
script
4. Menu