[postlink]https://tvb-ffvn.blogspot.com/2012/05/blog-post.html[/postlink]
http://www.fandung.com/2011/12/ancmedia-v3.html
<style type="text/css">
#slidearea {
height: 242px;
overflow: hidden;
margin: 0px 20px 0 20px;
position: relative;
width: 960px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNNgpN_vt5_TkTztS8-cizzpvSlNptMG-Sfo1gURejOyd7k_OxuZarJMGUhiHIc9c57RAOCT0w8t9rsvrJOrIRcvgnCmabSaj064EBVZRObC7Hi5VVEGLL-AO-WJhxAQg7LVKIiM0hKB8l/s0/slider.png) no-repeat;
}
#gallerycover {
overflow: hidden;
margin: 15px 30px 0 30px;
width: 900px;
}
.mygallery {
overflow: hidden;
visibility: visible;
position: relative; z-index: 2;
left: 0px;
width: 900px;
}
.mygallery ul {
margin:0;
padding:0;
position: relative;
list-style-type: none;
z-index: 1;
width: 2700px;
left: -1620px;
}
.mygallery ul li {
overflow: hidden;
float: left;
width: 180px;
height: 210px;
}
.mytext {
position: relative;
margin: 0 5px 0 5px;
width: 170px;
height: 210px;
display: inline;
float: left;
color: #C4C4C4;
}
.mytext p {
padding: 0 0;
color: #555;
font-size: 12px;
line-height: 20px;
width: 170px;
text-shadow: 1px 1px 0 #F6F6F6;
}
.mytext h2 {
padding: 5px 0;
color: red;
width: 170px;
font-size: 14px;
font-weight: bold;
}
.mytext h2 a:link, .mytext h2 a:visited {
color: black;
text-decoration: none;
outline: none;
}
.mytext h2 a:hover {color:#888;}
img.sidim {
width: 170px;
height: 100px;
}
.prevb {
float: left;
width: 20px;
height: 35px;
z-index: 200;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBHa_coB5VbC1ZBTESu8dIJTlM-4QN5oVbSgdZhKwTzmn70Z8zDICoFVYu9vmYr3vS4sg18VARaTHIDqb84t1ZXrWw8jTe_jh4ypSQTZngFBGPPYciN8np1Mduv5uBgFpHiXvZkcxzH2A2/s0/prev.png)!important;
position: absolute;
left: 5px;
bottom: 110px;
}
.nextb {
float: right;
width: 20px;
height: 35px;
z-index: 200;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-vblJ3voUKDZMi7P744sjMr7EMu2_THhlh-Y6pU3ZYHUsd7TwcdyQ8-SZp4U9CIoihDn3ac5XaT6W5KeZjDwrqAPomtyXZMI7l20kRbt6Z4z46Dz1q6ikGp4SVWoRnUynxsjS0elRz1ue/s0/next.png)!important;
position: absolute;
right: 5px;
bottom: 110px;
display: block;
}
</style>
<script src="http://fandung.googlecode.com/svn/trunk/js/slide-mygallery.js" type="text/javascript"></script>
<script stype="text/javascript">
var $jx = jQuery.noConflict();
$jx(function() {
$jx(".mygallery").jCarouselLite({
btnNext: ".nextb",
btnPrev: ".prevb",
visible: 5,
auto: 2000,
speed: 1000,
easing: "backout"
});
});
</script>
<div id="slidearea">
<div id="gallerycover">
<div class="mygallery">
<ul>
<script type="text/javascript">
var mode = "all";
var g_numposts = 143;
var g_numcontents = 15;
var g_label="B-advance";
var homepage="http://phimatv.blogspot.com/";
</script>
<script src="http://fandung.googlecode.com/svn/trunk/js/feed-mygallery.js" type="text/javascript"></script>
</ul>
<div class="clear"></div>
</div>
</div>
<a class="prevb" href="#"></a>
<a class="nextb" href="#"></a>
</div>
http://www.fandung.com/2011/12/ancmedia-v3.html
<style type="text/css">
#slidearea {
height: 242px;
overflow: hidden;
margin: 0px 20px 0 20px;
position: relative;
width: 960px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNNgpN_vt5_TkTztS8-cizzpvSlNptMG-Sfo1gURejOyd7k_OxuZarJMGUhiHIc9c57RAOCT0w8t9rsvrJOrIRcvgnCmabSaj064EBVZRObC7Hi5VVEGLL-AO-WJhxAQg7LVKIiM0hKB8l/s0/slider.png) no-repeat;
}
#gallerycover {
overflow: hidden;
margin: 15px 30px 0 30px;
width: 900px;
}
.mygallery {
overflow: hidden;
visibility: visible;
position: relative; z-index: 2;
left: 0px;
width: 900px;
}
.mygallery ul {
margin:0;
padding:0;
position: relative;
list-style-type: none;
z-index: 1;
width: 2700px;
left: -1620px;
}
.mygallery ul li {
overflow: hidden;
float: left;
width: 180px;
height: 210px;
}
.mytext {
position: relative;
margin: 0 5px 0 5px;
width: 170px;
height: 210px;
display: inline;
float: left;
color: #C4C4C4;
}
.mytext p {
padding: 0 0;
color: #555;
font-size: 12px;
line-height: 20px;
width: 170px;
text-shadow: 1px 1px 0 #F6F6F6;
}
.mytext h2 {
padding: 5px 0;
color: red;
width: 170px;
font-size: 14px;
font-weight: bold;
}
.mytext h2 a:link, .mytext h2 a:visited {
color: black;
text-decoration: none;
outline: none;
}
.mytext h2 a:hover {color:#888;}
img.sidim {
width: 170px;
height: 100px;
}
.prevb {
float: left;
width: 20px;
height: 35px;
z-index: 200;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBHa_coB5VbC1ZBTESu8dIJTlM-4QN5oVbSgdZhKwTzmn70Z8zDICoFVYu9vmYr3vS4sg18VARaTHIDqb84t1ZXrWw8jTe_jh4ypSQTZngFBGPPYciN8np1Mduv5uBgFpHiXvZkcxzH2A2/s0/prev.png)!important;
position: absolute;
left: 5px;
bottom: 110px;
}
.nextb {
float: right;
width: 20px;
height: 35px;
z-index: 200;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-vblJ3voUKDZMi7P744sjMr7EMu2_THhlh-Y6pU3ZYHUsd7TwcdyQ8-SZp4U9CIoihDn3ac5XaT6W5KeZjDwrqAPomtyXZMI7l20kRbt6Z4z46Dz1q6ikGp4SVWoRnUynxsjS0elRz1ue/s0/next.png)!important;
position: absolute;
right: 5px;
bottom: 110px;
display: block;
}
</style>
<script src="http://fandung.googlecode.com/svn/trunk/js/slide-mygallery.js" type="text/javascript"></script>
<script stype="text/javascript">
var $jx = jQuery.noConflict();
$jx(function() {
$jx(".mygallery").jCarouselLite({
btnNext: ".nextb",
btnPrev: ".prevb",
visible: 5,
auto: 2000,
speed: 1000,
easing: "backout"
});
});
</script>
<div id="slidearea">
<div id="gallerycover">
<div class="mygallery">
<ul>
<script type="text/javascript">
var mode = "all";
var g_numposts = 143;
var g_numcontents = 15;
var g_label="B-advance";
var homepage="http://phimatv.blogspot.com/";
</script>
<script src="http://fandung.googlecode.com/svn/trunk/js/feed-mygallery.js" type="text/javascript"></script>
</ul>
<div class="clear"></div>
</div>
</div>
<a class="prevb" href="#"></a>
<a class="nextb" href="#"></a>
</div>



Không có nhận xét nào:
Đăng nhận xét