File "ngankhanh12-6-howto.html"
Full path: E:/sites/Single15/tinmung2007/webroot/Tin VUI_BUON/tinvui2019/nga khanh khan dong/ngankhanh12-6-howto.html
File size: 17.8 KiB (18223 bytes)
MIME-type:
Charset: utf-8
<!DOCTYPE html>
<html>
<head>
<title>WOWSlider</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="WOWSlider" />
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<style>
.instuction {
font-family: sans-serif, Arial;
display: block;
margin: 0 auto;
max-width: 820px;
width: 100%;
padding: 0 70px;
color: #222;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.instuction h1 img {
max-width: 170px;
vertical-align: middle;
margin-bottom: 10px;
}
.instuction h1 {
color: #2F98B3;
text-align: center;
}
.instuction h2 {
position: relative;
font-size: 1.1em;
color: #2F98B3;
margin-bottom: 20px;
margin-top: 40px;
}
.instuction h2 span.num {
position: absolute;
left: -70px;
top: -18px;
display: inline-block;
vertical-align: middle;
font-style: italic;
font-size: 1.1em;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #2F98B3;
color: #fff;
border-radius: 50%;
}
.instuction .mono {
color: #000;
font-family: monospace;
font-size: 1.3em;
font-weight: normal;
}
.instuction li.mono {
font-size: 1.5em;
}
.instuction ul {
font-size: 0.9em;
margin-top: 0;
padding-left: 0;
list-style: none;
}
.instuction .note {
color: #A3A3B2;
font-style: italic;
padding-top: 10px;
}
.instuction p.note {
text-align: center;
padding-top: 0;
margin-top: 4px;
}
.instuction textarea {
font-size: 0.9em;
min-height: 60px;
padding: 10px;
margin: 0;
overflow: auto;
max-width: 100%;
width: 100%;
}
.instuction a,
.instuction a:visited {
color: #2F98B3;
}
</style>
</head>
<body style="margin:auto">
<br>
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/dsc_4120.jpg" alt="ngan khanh khan dong" title="ngan khanh khan dong" id="wows1_0"/></li>
<li><img src="data1/images/dsc_4124.jpg" alt="DSC_4124" title="DSC_4124" id="wows1_1"/></li>
<li><img src="data1/images/dsc_4126.jpg" alt="DSC_4126" title="DSC_4126" id="wows1_2"/></li>
<li><img src="data1/images/dsc_4133.jpg" alt="DSC_4133" title="DSC_4133" id="wows1_3"/></li>
<li><img src="data1/images/dsc_4145.jpg" alt="DSC_4145" title="DSC_4145" id="wows1_4"/></li>
<li><img src="data1/images/dsc_4148.jpg" alt="DSC_4148" title="DSC_4148" id="wows1_5"/></li>
<li><img src="data1/images/dsc_4150.jpg" alt="DSC_4150" title="DSC_4150" id="wows1_6"/></li>
<li><img src="data1/images/dsc_4155.jpg" alt="DSC_4155" title="DSC_4155" id="wows1_7"/></li>
<li><img src="data1/images/dsc_4158.jpg" alt="DSC_4158" title="DSC_4158" id="wows1_8"/></li>
<li><img src="data1/images/dsc_4164.jpg" alt="DSC_4164" title="DSC_4164" id="wows1_9"/></li>
<li><img src="data1/images/dsc_4181.jpg" alt="DSC_4181" title="DSC_4181" id="wows1_10"/></li>
<li><img src="data1/images/dsc_4186.jpg" alt="DSC_4186" title="DSC_4186" id="wows1_11"/></li>
<li><img src="data1/images/dsc_4187.jpg" alt="DSC_4187" title="DSC_4187" id="wows1_12"/></li>
<li><img src="data1/images/dsc_4198.jpg" alt="DSC_4198" title="DSC_4198" id="wows1_13"/></li>
<li><img src="data1/images/dsc_4230.jpg" alt="DSC_4230" title="DSC_4230" id="wows1_14"/></li>
<li><img src="data1/images/dsc_4238.jpg" alt="DSC_4238" title="DSC_4238" id="wows1_15"/></li>
<li><img src="data1/images/dsc_4241.jpg" alt="DSC_4241" title="DSC_4241" id="wows1_16"/></li>
<li><img src="data1/images/dsc_4242.jpg" alt="DSC_4242" title="DSC_4242" id="wows1_17"/></li>
<li><img src="data1/images/dsc_4245.jpg" alt="DSC_4245" title="DSC_4245" id="wows1_18"/></li>
<li><img src="data1/images/dsc_4247.jpg" alt="DSC_4247" title="DSC_4247" id="wows1_19"/></li>
<li><img src="data1/images/dsc_4251.jpg" alt="DSC_4251" title="DSC_4251" id="wows1_20"/></li>
<li><img src="data1/images/dsc_4255.jpg" alt="DSC_4255" title="DSC_4255" id="wows1_21"/></li>
<li><img src="data1/images/dsc_4257.jpg" alt="DSC_4257" title="DSC_4257" id="wows1_22"/></li>
<li><img src="data1/images/dsc_4261.jpg" alt="DSC_4261" title="DSC_4261" id="wows1_23"/></li>
<li><img src="data1/images/dsc_4264.jpg" alt="DSC_4264" title="DSC_4264" id="wows1_24"/></li>
<li><a href="http://wowslider.net"><img src="data1/images/dsc_4266.jpg" alt="bootstrap carousel example" title="DSC_4266" id="wows1_25"/></a></li>
<li><img src="data1/images/dsc_4275.jpg" alt="DSC_4275" title="DSC_4275" id="wows1_26"/></li>
</ul></div>
<div class="ws_thumbs">
<div>
<a href="#" title="ngan khanh khan dong"><img src="data1/tooltips/dsc_4120.jpg" alt="" /></a>
<a href="#" title="DSC_4124"><img src="data1/tooltips/dsc_4124.jpg" alt="" /></a>
<a href="#" title="DSC_4126"><img src="data1/tooltips/dsc_4126.jpg" alt="" /></a>
<a href="#" title="DSC_4133"><img src="data1/tooltips/dsc_4133.jpg" alt="" /></a>
<a href="#" title="DSC_4145"><img src="data1/tooltips/dsc_4145.jpg" alt="" /></a>
<a href="#" title="DSC_4148"><img src="data1/tooltips/dsc_4148.jpg" alt="" /></a>
<a href="#" title="DSC_4150"><img src="data1/tooltips/dsc_4150.jpg" alt="" /></a>
<a href="#" title="DSC_4155"><img src="data1/tooltips/dsc_4155.jpg" alt="" /></a>
<a href="#" title="DSC_4158"><img src="data1/tooltips/dsc_4158.jpg" alt="" /></a>
<a href="#" title="DSC_4164"><img src="data1/tooltips/dsc_4164.jpg" alt="" /></a>
<a href="#" title="DSC_4181"><img src="data1/tooltips/dsc_4181.jpg" alt="" /></a>
<a href="#" title="DSC_4186"><img src="data1/tooltips/dsc_4186.jpg" alt="" /></a>
<a href="#" title="DSC_4187"><img src="data1/tooltips/dsc_4187.jpg" alt="" /></a>
<a href="#" title="DSC_4198"><img src="data1/tooltips/dsc_4198.jpg" alt="" /></a>
<a href="#" title="DSC_4230"><img src="data1/tooltips/dsc_4230.jpg" alt="" /></a>
<a href="#" title="DSC_4238"><img src="data1/tooltips/dsc_4238.jpg" alt="" /></a>
<a href="#" title="DSC_4241"><img src="data1/tooltips/dsc_4241.jpg" alt="" /></a>
<a href="#" title="DSC_4242"><img src="data1/tooltips/dsc_4242.jpg" alt="" /></a>
<a href="#" title="DSC_4245"><img src="data1/tooltips/dsc_4245.jpg" alt="" /></a>
<a href="#" title="DSC_4247"><img src="data1/tooltips/dsc_4247.jpg" alt="" /></a>
<a href="#" title="DSC_4251"><img src="data1/tooltips/dsc_4251.jpg" alt="" /></a>
<a href="#" title="DSC_4255"><img src="data1/tooltips/dsc_4255.jpg" alt="" /></a>
<a href="#" title="DSC_4257"><img src="data1/tooltips/dsc_4257.jpg" alt="" /></a>
<a href="#" title="DSC_4261"><img src="data1/tooltips/dsc_4261.jpg" alt="" /></a>
<a href="#" title="DSC_4264"><img src="data1/tooltips/dsc_4264.jpg" alt="" /></a>
<a href="#" title="DSC_4266"><img src="data1/tooltips/dsc_4266.jpg" alt="" /></a>
<a href="#" title="DSC_4275"><img src="data1/tooltips/dsc_4275.jpg" alt="" /></a>
</div>
</div>
<div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.net">bootstrap slideshow</a> by WOWSlider.com v8.8</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
<div class="instuction">
<p class="note">HTML code for the slider <a href="file:///D:/TINMUNG.NET/CT-2018/Tin VUI_BUON/tinvui2019/nga khanh khan dong/ngankhanh12-6.html">D:/TINMUNG.NET/CT-2018/Tin VUI_BUON/tinvui2019/nga khanh khan dong/ngankhanh12-6.html</a></p>
<h1>
How to add this slider to HTML page
</h1>
<h2><span class="num">1</span> Upload these folders to your server</h2>
<ul>
<li class="mono">data1/</li>
<li class="mono">engine1/</li>
<li class="note">Current location: <a href="file:///D:/TINMUNG.NET/CT-2018/Tin VUI_BUON/tinvui2019/nga khanh khan dong">D:/TINMUNG.NET/CT-2018/Tin VUI_BUON/tinvui2019/nga khanh khan dong</a>. <br>These folders should be located in the same folder as your html page</li>
</ul>
<h2><span class="num">2</span> Paste this code to your page between the tags <span class="mono"><head></head></span></h2>
<textarea onclick="this.select()"><!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section --></textarea>
<h2><span class="num" style="top: -8px;">3</span> Paste this code to your page between the tags <span class="mono"><body></body></span> in the place that you want the slider to appear</h2>
<textarea onclick="this.select()" rows="15"><!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/dsc_4120.jpg" alt="ngan khanh khan dong" title="ngan khanh khan dong" id="wows1_0"/></li>
<li><img src="data1/images/dsc_4124.jpg" alt="DSC_4124" title="DSC_4124" id="wows1_1"/></li>
<li><img src="data1/images/dsc_4126.jpg" alt="DSC_4126" title="DSC_4126" id="wows1_2"/></li>
<li><img src="data1/images/dsc_4133.jpg" alt="DSC_4133" title="DSC_4133" id="wows1_3"/></li>
<li><img src="data1/images/dsc_4145.jpg" alt="DSC_4145" title="DSC_4145" id="wows1_4"/></li>
<li><img src="data1/images/dsc_4148.jpg" alt="DSC_4148" title="DSC_4148" id="wows1_5"/></li>
<li><img src="data1/images/dsc_4150.jpg" alt="DSC_4150" title="DSC_4150" id="wows1_6"/></li>
<li><img src="data1/images/dsc_4155.jpg" alt="DSC_4155" title="DSC_4155" id="wows1_7"/></li>
<li><img src="data1/images/dsc_4158.jpg" alt="DSC_4158" title="DSC_4158" id="wows1_8"/></li>
<li><img src="data1/images/dsc_4164.jpg" alt="DSC_4164" title="DSC_4164" id="wows1_9"/></li>
<li><img src="data1/images/dsc_4181.jpg" alt="DSC_4181" title="DSC_4181" id="wows1_10"/></li>
<li><img src="data1/images/dsc_4186.jpg" alt="DSC_4186" title="DSC_4186" id="wows1_11"/></li>
<li><img src="data1/images/dsc_4187.jpg" alt="DSC_4187" title="DSC_4187" id="wows1_12"/></li>
<li><img src="data1/images/dsc_4198.jpg" alt="DSC_4198" title="DSC_4198" id="wows1_13"/></li>
<li><img src="data1/images/dsc_4230.jpg" alt="DSC_4230" title="DSC_4230" id="wows1_14"/></li>
<li><img src="data1/images/dsc_4238.jpg" alt="DSC_4238" title="DSC_4238" id="wows1_15"/></li>
<li><img src="data1/images/dsc_4241.jpg" alt="DSC_4241" title="DSC_4241" id="wows1_16"/></li>
<li><img src="data1/images/dsc_4242.jpg" alt="DSC_4242" title="DSC_4242" id="wows1_17"/></li>
<li><img src="data1/images/dsc_4245.jpg" alt="DSC_4245" title="DSC_4245" id="wows1_18"/></li>
<li><img src="data1/images/dsc_4247.jpg" alt="DSC_4247" title="DSC_4247" id="wows1_19"/></li>
<li><img src="data1/images/dsc_4251.jpg" alt="DSC_4251" title="DSC_4251" id="wows1_20"/></li>
<li><img src="data1/images/dsc_4255.jpg" alt="DSC_4255" title="DSC_4255" id="wows1_21"/></li>
<li><img src="data1/images/dsc_4257.jpg" alt="DSC_4257" title="DSC_4257" id="wows1_22"/></li>
<li><img src="data1/images/dsc_4261.jpg" alt="DSC_4261" title="DSC_4261" id="wows1_23"/></li>
<li><img src="data1/images/dsc_4264.jpg" alt="DSC_4264" title="DSC_4264" id="wows1_24"/></li>
<li><a href="http://wowslider.net"><img src="data1/images/dsc_4266.jpg" alt="bootstrap carousel example" title="DSC_4266" id="wows1_25"/></a></li>
<li><img src="data1/images/dsc_4275.jpg" alt="DSC_4275" title="DSC_4275" id="wows1_26"/></li>
</ul></div>
<div class="ws_thumbs">
<div>
<a href="#" title="ngan khanh khan dong"><img src="data1/tooltips/dsc_4120.jpg" alt="" /></a>
<a href="#" title="DSC_4124"><img src="data1/tooltips/dsc_4124.jpg" alt="" /></a>
<a href="#" title="DSC_4126"><img src="data1/tooltips/dsc_4126.jpg" alt="" /></a>
<a href="#" title="DSC_4133"><img src="data1/tooltips/dsc_4133.jpg" alt="" /></a>
<a href="#" title="DSC_4145"><img src="data1/tooltips/dsc_4145.jpg" alt="" /></a>
<a href="#" title="DSC_4148"><img src="data1/tooltips/dsc_4148.jpg" alt="" /></a>
<a href="#" title="DSC_4150"><img src="data1/tooltips/dsc_4150.jpg" alt="" /></a>
<a href="#" title="DSC_4155"><img src="data1/tooltips/dsc_4155.jpg" alt="" /></a>
<a href="#" title="DSC_4158"><img src="data1/tooltips/dsc_4158.jpg" alt="" /></a>
<a href="#" title="DSC_4164"><img src="data1/tooltips/dsc_4164.jpg" alt="" /></a>
<a href="#" title="DSC_4181"><img src="data1/tooltips/dsc_4181.jpg" alt="" /></a>
<a href="#" title="DSC_4186"><img src="data1/tooltips/dsc_4186.jpg" alt="" /></a>
<a href="#" title="DSC_4187"><img src="data1/tooltips/dsc_4187.jpg" alt="" /></a>
<a href="#" title="DSC_4198"><img src="data1/tooltips/dsc_4198.jpg" alt="" /></a>
<a href="#" title="DSC_4230"><img src="data1/tooltips/dsc_4230.jpg" alt="" /></a>
<a href="#" title="DSC_4238"><img src="data1/tooltips/dsc_4238.jpg" alt="" /></a>
<a href="#" title="DSC_4241"><img src="data1/tooltips/dsc_4241.jpg" alt="" /></a>
<a href="#" title="DSC_4242"><img src="data1/tooltips/dsc_4242.jpg" alt="" /></a>
<a href="#" title="DSC_4245"><img src="data1/tooltips/dsc_4245.jpg" alt="" /></a>
<a href="#" title="DSC_4247"><img src="data1/tooltips/dsc_4247.jpg" alt="" /></a>
<a href="#" title="DSC_4251"><img src="data1/tooltips/dsc_4251.jpg" alt="" /></a>
<a href="#" title="DSC_4255"><img src="data1/tooltips/dsc_4255.jpg" alt="" /></a>
<a href="#" title="DSC_4257"><img src="data1/tooltips/dsc_4257.jpg" alt="" /></a>
<a href="#" title="DSC_4261"><img src="data1/tooltips/dsc_4261.jpg" alt="" /></a>
<a href="#" title="DSC_4264"><img src="data1/tooltips/dsc_4264.jpg" alt="" /></a>
<a href="#" title="DSC_4266"><img src="data1/tooltips/dsc_4266.jpg" alt="" /></a>
<a href="#" title="DSC_4275"><img src="data1/tooltips/dsc_4275.jpg" alt="" /></a>
</div>
</div>
<div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.net">bootstrap slideshow</a> by WOWSlider.com v8.8</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section --></textarea>
<br><br>
<h2>Also you can try the <a href="http://wowslider.com/help/add-wowslider-to-page-2.html" target="_blank">Insert-To-Page wizard</a>, to add the slider visually, without touching the code!</h2>
<p>
<a href="http://wowslider.com/help/add-wowslider-to-page-2.html" target="_blank">Click here</a> for the detailed info.
</p>
</div>
<br><br>
</body>
</html>