LISTING PROGRAM
1. Index.php
html headtitleCANTIK MODIStitle
link href=cssstyle.css rel=stylesheet type=textcss -- include CSS always before including js --
link type=textcss rel=stylesheet href=skinstn3tn3.csslink
-- include jQuery library -- script type=textjavascript
src=http:ajax.googleapis.comajaxlibsjquery1.5.1jquery.min.js script
-- include tn3 plugin -- script type=textjavascript
src=jsjquery.tn3lite.min.jsscript -- initialize the TN3 when the DOM is ready --
script type=textjavascript
document.readyfunction { Thumbnailer.config.shaderOpacity = 1;
var tn1 = .mygallery.tn3{ skinDir:skins,
imageClick:fullscreen, image:{
maxZoom:1.5, crop:true,
clickEvent:dblclick, transitions:[{
type:blinds },{
type:grid },{
type:grid, duration:460,
easing:easeInQuad, gridX:1,
gridY:8, flat, diagonal, circle, random
sort:random, sortReverse:false,
diagonalStart:bl, fade, scale
method:scale, partDuration:360,
partEasing:easeOutSine, partDirection:left
}] }
}; };
script head
body
div id=wrapper div id=header
Universitas Sumatera Utara
div id=logoimg src=imageslogo.pngdiv div id=icona
href=https:www.facebook.comButikCantikModisimg src=imagesfb.png a
a href=img src=imagestwitter.png a
div div
div id=menu1 ul class=top_menu
lia href=index.phpimg src=imageshome.png nbsp;HOMEali
lia href=?p=cara_order.phpimg src=imagesinfo.png nbsp;CARA ORDERali
lia href=?p=gallery.phpimg src=imagesorder.png nbsp;nbsp;GALLERYali
ul div
div id=content ?php
if_REQUEST[p] = {
include _REQUEST[p]; }
else {
include content.php; }
? div
?php includemenu.php; ? div id=footerCopyright © 2013 Cantik Modisdiv
div body
html
2. Content.php
h2SELAMAT DATANG DI WEBSITE KAMIh2 hr noshade
div id=slider div class=mygallery
div class=tn3 album h4Fixed Dimensionsh4
div class=tn3 descriptionImages with fixed dimensionsdiv
div class=tn3 thumbimages35x351.jpgdiv ol
li h4Produk-produk Cantik Modish4
div class=tn3 descriptiondiv a href=images960x377cantik modis.jpg
img src=images35x351.jpg ali li
h4Produk-produk Cantik Modish4 div class=tn3 descriptiondiv
a href=images960x377cantik modis1.jpg img src=images35x352.jpg ali
Universitas Sumatera Utara
li h4Produk-produk Cantik Modish4
div class=tn3 descriptiondiv a href=images960x377cantik modis2.jpg
img src=images35x353.jpg ali li
h4Produk-produk Cantik Modish4 div class=tn3 descriptiondiv
a href=images960x377cantik modis3.jpg img src=images35x354.jpg ali
ol div
div div class=cleardiv
div
3. Menu.php