1 slide topic! Tue Feb 23, 2010 3:19 am
mr.winni
Thành Viên Tiêu Biểu
[You must be registered and logged in to see this link.]
các bạn vào đây xem !
Thấy hay thì thank nha!
các bạn vào đây xem !
Thấy hay thì thank nha!
[font=Courier New]//code Javascript
<script src="[url=http://winni.110mb.com/jquery-1.2.6.min.js][color=#ff0592]http://winni.110mb.com/jquery-1.2.6.min.js[/color][/url]
" type="text/javascript">
</script>
<script src="[url=http://winni.110mb.com/slider.js][color=#ff0592]http://winni.110mb.com/slider.js[/color][/url]
" type="text/javascript">
</script>
//code CSS
<style type="text/css">
#slider {
background:url(http://i36.photobucket.com/albums/e2/alvaris924/Zinmag%20Primus/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}
#mover {
width: auto;
position:absolute;
overflow:hidden;
}
.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}
.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}
.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}
.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}
span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}
.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}
#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}
</style>
//code HTML
<div id="slider">
<div id="mover">
<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>
<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>
<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>
<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>
</div>
</div>[/font]
Ăn nói như người không có học!, bác Ken xem lại về vấn đề này đi!yarapro đã viết:ông lày ghê wa' à
Điếm Thúi wa ông nôi ơi
ăn j mà không thê
Vải kã nìn [You must be registered and logged in to see this image.]
Skin Forumotion | Free share » Thủ thuật dành cho Forumotion » Code, Css, Javascript, HTML » slide topic!
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|