Ai có code trượt tên topic giống trang ovui.vn

[phutu01]

http://www.ovui.vn/new

Mỗi topic trượt theo bên dưới rồi thay đổi thẻ khác

[Zero]

copyright của 9gag, ai là admin trang đó thì coi chừng trang bị đóng cửa và bị phạt vài trăm ngàn $

[Kid Knight]

trượt trên last topic đó hả ?

[phutu01]

http://lethanhton.forum0.net/f24-cau-lac-bo-nhi-nho hỳ hỳ đang làm , giờ muốn trượt mà ko có code

[soncuti]

http://lethanhton.forum0.net/f24-cau-lac-bo-nhi-nho hỳ hỳ đang làm , giờ muốn trượt mà ko có code

Đây là blog hay 4rum vậy bạn

---

Không lạc đề

[phutu01]

Blog bạn à , mình có 2 dạng thế này http://www.phutu.org/f115-forum . Sau này mình dùng mô tả dạng topic làm cũng được http://www.phutu.org/f55-forum . Mình ko làm loại này nữa nên chuyên qua loại mới chuyên nghiệp hơn

[soncuti]

Blog bạn à , mình có 2 dạng thế này http://www.phutu.org/f115-forum . Sau này mình dùng mô tả dạng topic làm cũng được http://www.phutu.org/f55-forum . Mình ko làm loại này nữa nên chuyên qua loại mới chuyên nghiệp hơn

Cậu share code cho mình được không , lên phutu cũng thích cái dạng blog như của cậu mà chả biết làm .

[phutu01]

Code:

<style>
li#new_nav{FORUM_ID}{
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
background:#fff;
padding-bottom:1px;
}
.blog_tintuc {width:594px;overflow:hidden;background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit197.png) no-repeat left 320px}
.blog_tintuc .bai_new2 {
border:1px solid #d4d4d4;
border-top:0;
padding-left:10px;
}

.data_blog {
font-family:Tahoma;
font-size:11px;
margin-left:2px;
margin-top:15px;
display:inline-table;
}

.blog_tintuc li:nth-of-type(1) .avatarcp img {
padding:0px;
width:320px;
height:212px;
border:1px solid #626263;
}

.blog_tintuc li .avatarcp img {
float:left;
margin-top:-5px;
width:110px;
height:55px;
padding:3px;
border:1px solid #cfcdce;
}

.blog_tintuc li:nth-of-type(1) .avatarcp {
width:322px;
height:214px;
overflow:hidden;
margin-left:5px;
margin-top:5px;
}

.blog_tintuc li:nth-of-type(1) .avatarcp img{
margin-top:0px;
}

.blog_tintuc li .an_phutu {
font-size:13px;
font-weight:600;
color:#161478;
}

.blog_tintuc li:nth-of-type(1) .an_phutu {
text-decoration:none!important;
font-family:Tahoma;
font-size:17px;
line-height:normal;
font-weight:700;
}
.blog_tintuc li:nth-of-type(3) .an_phutu ,.blog_tintuc li:nth-of-type(2) .an_phutu {font-size:12px;text-decoration:none!important;}
li.new_nav a:hover {
text-decoration:none!important;
}
.blog_tintuc li:nth-of-type(3),.blog_tintuc li:nth-of-type(2) {border:1px solid #ccc;float:left;width:217px;height:145px;padding-left:20px}
.blog_tintuc li:nth-of-type(3){border-top:0px}
img[src="http://i16.servimg.com/u/f16/16/18/15/10/untitl30.png"],.blog_tintuc li:nth-of-type(3) .data_blog,.blog_tintuc li:nth-of-type(2) .data_blog{display:none}
.blog_tintuc li:nth-of-type(3) .avatarcp img,.blog_tintuc li:nth-of-type(2) .avatarcp img {
width:206px;
height:90px;
float:left;
margin-bottom:4px;
margin-top:0px;
margin-left:10px;
border:1px solid #b0b0b0
}
.blog_tintuc li:nth-of-type(3) .bai_new4,.blog_tintuc li:nth-of-type(3) .avatarcp,.blog_tintuc li:nth-of-type(2) .avatarcp,.blog_tintuc li:nth-of-type(2) .bai_new4{width:100%;margin-left:-20px;}
.blog_tintuc li:nth-of-type(3) {background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/untit155.png) repeat-x bottom left;}
.blog_tintuc li:nth-of-type(1) {
margin-top:5px;
float:left;
width:338px;
height:297px;
border:1px solid #D4d4d4;
overflow:hidden;
border-right:0;
background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/untit155.png) repeat-x bottom left;
margin-bottom:30px;
padding:2px;
}
.blog_tintuc{padding:0px;margin:0px}
.blog_tintuc li {
float:left;
width:570px;
height:65px;
display:inline-block;
padding-top:10px;
border:1px solid #d4d4d4;
border-top:0;
padding-left:10px;
}

.blog_tintuc li:nth-of-type(1) .bai_new4 {
float:left;
width:340px;
padding-top:2px;
padding-left:10px;
height:74px;
overflow:hidden;
}

.blog_tintuc li .bai_new4 {
height:80px;
overflow:hidden;
padding-left:10px;
}

.phutu_html,.an_phutu1{
display:none;
}

ul#new_nav {
margin:0;
padding:0;
}

ul#new_nav li {
list-style-type:none;
}

ul#new_nav li a {
color:#454444;
}

li.new_nav {
font-size:12px;
width:auto;
float:left;
margin-bottom:10px;
color:#454444;
font-weight:700;
border-left:1px solid transparent;
border-right:1px solid transparent;
}

li.new_nav a {
display:inline-block;
padding:6px 10px;
}

li.new_nav:hover {
color:#bf226c;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
background:#FFF;
}

#cungchuyenmuc a{text-decoration:none!important;}
#baiviet1 .avatarcp {
margin-top:0;
float:left;
}

#baiviet1 .avatarcp img {
width:70px;
height:40px;
border:0px;
background-color:#FFF;
padding:2px;
margin-right:10px;
}

#baiviet1 li {
list-style-type:none;
height:44px;
padding-top:4px;
padding-bottom:4px;
overflow:hidden;
width:280px;
float:left;
border-bottom:1px solid #e3e3e3;
border-top:1px solid #FFF;
}

#baiviet1 li:nth-of-type(2),#baiviet1 li:nth-of-type(1){
height:120px;width:134px;
padding:3px;border:0px;border-bottom:1px solid #e3e3e3;
}

#baiviet1 li:nth-of-type(2) .avatarcp img,#baiviet1 li:nth-of-type(1) .avatarcp img {
border:1px solid #b0b0b0;padding:3px;
width:120px;margin:2px;height:70px;background-color:#FFF;
}
#baiviet1 li:nth-of-type(2) .bai_new4,#baiviet1 li:nth-of-type(1) .bai_new4{float:left}
.baiviet li .bai_new4{height:30px;overflow:hidden;}
.baiviet li {
width:100%;
border:0;
}
.baiviet a{
color:#161478;
font:bold 12px Tahoma;
}
.blog_tintuc li .an_phutu:hover,.baiviet a:hover{
color:#ba3814;text-decoration:none !important;
}
#baiviet1 .an_phutu,#bailienquan1 a:hover,.aa1 a:hover {
text-decoration:none !important;
}
#ba102 #row1{background:#dedade url(http://i48.servimg.com/u/f48/16/18/15/10/bottom10.gif)no-repeat bottom left;padding-bottom:20px;border:0px }
#row1{background:#f7f2f7 ;padding-bottom:20px;border:1px solid #d4d4d4;border-top:0px}
#ba102 #baiviet1 li{border:0px;background: url(http://i48.servimg.com/u/f48/16/18/15/10/whitel10.gif)no-repeat bottom left}
div#fixadent {  padding: 0px 0;width:300px}
.fixed { position: fixed; top: 5px;margin-right:-10px}
.baiviet1 li {
list-style-type:none;
list-style-type: circle;
}
.baiviet1 ul{
margin:0;
padding:0;
margin-left:15px;
margin-bottom:10px;
}
.baiviet1 li a{
color:#161478;
font:bold 12px Tahoma;
}
.baiviet1 li a:hover{
color:#ba3814;
text-decoration:none !important;
}
</style>


<script>$(function() {
    var fixadent = $("#fixadent"), pos = fixadent.offset();
    $(window).scroll(function() {
        if($(this).scrollTop() > (pos.top + 10) && $(this).scrollTop() < 15000 && fixadent.css('position') == 'static') { fixadent.addClass('fixed');  }
        else if($(this).scrollTop() <= pos.top && fixadent.hasClass('fixed')){ fixadent.removeClass('fixed'); }
        else if($(this).scrollTop() > 15000 && fixadent.hasClass('fixed')){ fixadent.removeClass('fixed'); }
    })
}); </script>
<!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow" id="gui_bai"><img src="http://i48.servimg.com/u/f48/16/18/15/10/newthr10.png" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_authpost -->
<!-- BEGIN topics_blog_box -->
<div class="page" style="width:100%;text-align:left;float:left"> <div class="tren"> <div class="tren_trai"> <div class="tren_phai"> </div></div></div> <div class="doc_trai"> <div class="doc_phai"  style="padding:1px 7px"><div style="background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/untit438.png) repeat-x top left;border-style: solid;
border : 1px solid #ccc;
padding: 5px;padding-top:0px;padding-left:10px">
<ul id="new_nav"><li style="float:left;width:auto"><a href="/"><span style="background: url(http://i48.servimg.com/u/f48/16/18/15/10/128.png) no-repeat center;width:29px;height:27px;display:inline-block;border-left: 1px solid #d4d4d4"></span></a></li><li class="new_nav" id="new_nav4"><a href="/f4-">Tin tức DF</a></li><li class="new_nav" id="new_nav3"><a href="/f3-">Bản tin vip</a></li><li class="new_nav" id="new_nav2"><a href="/f2-">Chuyện lạ quanh ta</a></li>
<li class="new_nav" id="new_nav102"><a href="/f102-">12 Cung Hoàng Đạo</a></li>
  <li class="new_nav" id="new_nav115"><a href="/f115-">Vui Hài 24h</a></li><li class="new_nav" id="new_nav126"><a href="/f126-">Truyện Cười</a></li></ul>
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="ba{FORUM_ID}">
<tr><td valign="top" style="background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit145.png) no-repeat 337px 307px;" class="blog_tintuc1">
<div class="pagination" align="left" style="margin-bottom:8px"> <span class="gensmall">{PAGINATION}</span></div>
<ul class="blog_tintuc"><!-- BEGIN row --><!-- BEGIN topic --><li id="blog_tintuc">
<div class="avatarcp"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><!-- BEGIN switch_description -->
        <img src="{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}">
            <!-- END switch_description --></a></div>
            <div class="bai_new4"><r><a href="{topics_blog_box.row.U_VIEW_TOPIC}" class="an_phutu">{topics_blog_box.row.TOPIC_TITLE}</a></r><br><div class="data_blog" style="color:#878787"><t>
{topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> - </t><span style="color:#878787" class="an_phutu3">{topics_blog_box.row.FIRST_POST_DMY_VALUE0}/
                    {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/
                    {topics_blog_box.row.FIRST_POST_DMY_VALUE2} </span><span class="an_phutu3"><t>{L_COMMENTS} : {topics_blog_box.row.REPLIES} - </t>
                {L_VIEWS}: {topics_blog_box.row.VIEWS} {topics_blog_box.row.NEWEST_POST_IMG}</span>
</div>
</div>  </li>
<!-- END topic --><!-- END row --></ul>
<div class="pagination" align="left" style="margin-top:8px;margin-bottom:5px"> <span class="gensmall">{PAGINATION}</span></div></td><td style="width:300px" valign="top" class="bailienquan">
<table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><th align="left" width="100%" nowrap="nowrap" style="border:1px solid #ccc;">Bài mới đươc đăng</th></tr><tr>
 <td width="100%" class="baiviet1" height="200" style="background-color:#FFF">
</td>
</tr>
</table>

<div id=fixadent>
<table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><th align="left" width="100%" nowrap="nowrap" style="border:1px solid #ccc"><span style="float:left"> <img src="http://i48.servimg.com/u/f48/14/28/30/23/3drigh10.png"> Chủ đề liên quan </span><span style="float:right"><a href="/f{FORUM_ID}-"><img src="http://i48.servimg.com/u/f48/16/18/15/10/untitl95.png"></a></span> </th></tr><tr>
 <td width="100%" class="row1" id="row1">
<div class="baiviet" style="overflow:hidden;width:100%;height:504px;padding:0px 5px" id="baiviet1"></div>
</td>
</tr>
</table>
</div>
</td></tr>
</table>
</div> </div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div></div>
<!-- END topics_blog_box -->
<!-- BEGIN switch_user_authpost --><div>
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow" id="gui_bai"><img src="http://i48.servimg.com/u/f48/16/18/15/10/newthr10.png" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a></div>
            <!-- END switch_user_authpost -->
<script>
$(function() {
$('<ul class="bv" />').load('/search?search_keywords=&search_author=*.*&search_where=f72 a.topictitle1:not("a.topictitle1:contains('Chú ý'),a.topictitle1:gt(9)")', {limit: 10}, function() {
jQuery(this).hide()
.appendTo('.baiviet1')
.fadeIn(1);
$('.baiviet1 a.topictitle1').wrap("<li></li>");
});
return false;
});
</script>

<script>
var a=Math.floor((Math.random()*4)+3);
$(function() {
$('<span class="bv" />').load('/f{FORUM_ID}p'+a+'5-forum .blog_tintuc li:not(".blog_tintuc li:contains('Chú ý'),.blog_tintuc li:gt(8)")', {limit: 10}, function() {
jQuery(this).hide()
.appendTo('.baiviet')
.fadeIn(1);
});
        return false;
    });
</script>


Bạn tự chỉnh sửa lại . Ava là mô tả topic . Chèn = link

[soncuti]

cậu hướng dẫn chi tiết được không ? mình nhét hết vào CSS mà khi tao 1 diễn đàn dạng blog nó chả ra như của phutu
4rum mình là phpbb3 .Cám ơn cậu nhiều

---

Chấm dứt tình trạng hỏi lạc đề tại đây

[Sponsored content]