Đăng nhập

Ghi nhớ
Latest topics
» Skin]Teen Pro9x [ PunBB ]
by chiecla1989 11/10/2017, 8:56 pm

» [Thắc mắc] Website tự thay đổi banner
by white1416 29/9/2017, 8:05 pm

» [Thắc mắc] chỉnh màu <hr>
by sayedn73 28/9/2017, 3:21 pm

» Một số cover cho Zing.me và Facebook
by sayedn73 28/9/2017, 3:18 pm

» Cần xin skin ngamvn.com
by sayedn73 4/9/2017, 2:40 pm

» Trỏ tên miền p.a vietnam
by tommy_phan 20/8/2017, 2:55 pm

» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

Top posting users this week


Hỏi đạp : Tạo topics_blog_box[✔]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 28/1/2015, 1:37 pm

Code:
http://www.thegreeksenergy.com/f19-forum

Mình đang phân vân demo đưa bên trên là ver punbb còn phpbb3 có làm được không?
Bạn nào biết tạo ra topics_blog_box như này share mình cách làm với, tính làm 1 box Truyện GAY ấy mà  cười lớn
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by anhdausai on 28/1/2015, 3:42 pm

Thím chọn chế độ blog rồi tùy biến css của các class và id là được mà.
avatar
anhdausai
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/08/2011
Số bài : 230
CPP : 284
Châm ngôn sống : Không có code vô dụng chỉ có người ngu không biết sử dụng code

Xem lý lịch thành viên http://www.vngame.pro/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 28/1/2015, 5:24 pm

Mình chưa động đến cái temp blog này, mà mình nghĩ phải dùng js mới random được ảnh bất kỳ hiện ra ngoài topics_blog_box nên mới mạn phép thỉnh giáo, Thím Hưng biết code nào về loại này cho mình đi
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by anhdausai on 28/1/2015, 6:04 pm

http://teenmongcai2.forumvi.com/f1-forum

tôi chỉ biết xài css để edit topics_blog_box thôi chứ còn khoản js load ảnh thì tôi gà js lắm. ông nhờ pro viết js cho.

Code:
.blog_message img {
background-color: #FFF;
border: 1px solid #E7E7E7;
box-shadow: 0 10px 6px -6px #999;
float:left;
height: 150px;
margin: 36px 20px 0px 25px;
padding: 1px;
width: 250px;
}
.blog_message {
margin-top: -40px;
font-size: 14px;
}
avatar
anhdausai
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/08/2011
Số bài : 230
CPP : 284
Châm ngôn sống : Không có code vô dụng chỉ có người ngu không biết sử dụng code

Xem lý lịch thành viên http://www.vngame.pro/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 28/1/2015, 10:31 pm

ừ, lại nhờ mấy cao thủ viết hộ thôi, mình cũng gà js khổ lắm
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by An Nguyễn on 29/1/2015, 11:28 am

Ai có cái này cho punbb mà chuẫn w3c không ?
avatar
An Nguyễn
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 28/06/2012
Số bài : 584
CPP : 191

Xem lý lịch thành viên http://xomnet.info

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by markai30 on 29/1/2015, 11:46 am

Juny Thoang đã viết:ừ, lại nhờ mấy cao thủ viết hộ thôi, mình cũng gà js khổ lắm
Tốt hết là ko nên xài js để load trực tiếp ảnh. Vì rất dễ bị request limit. Để làm cái này nên viết jd get feed là tốt hơn
avatar
markai30
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 18/02/2014
Số bài : 100
CPP : 150
Châm ngôn sống : Tự học tự làm

Xem lý lịch thành viên http://Viethoagame.forumvi.com

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Thànhkent on 29/1/2015, 4:39 pm

Khi nào rãnh mình sẽ viết cho bạn Cười nhe răng
avatar
Thànhkent
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 20/08/2011
Số bài : 176
CPP : 54
Châm ngôn sống : eeeeeee

Xem lý lịch thành viên http://teenvn.4forum.biz

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 30/1/2015, 12:42 pm

markai30 đã viết:
Juny Thoang đã viết:ừ, lại nhờ mấy cao thủ viết hộ thôi, mình cũng gà js khổ lắm
Tốt hết là ko nên xài js để load trực tiếp ảnh. Vì rất dễ bị request limit. Để làm cái này nên viết jd get feed là tốt hơn

Jd get feed có cho kết quả tương tự như việc sử dụng js không anh? Trang demo em đưa hình như dùng js

Thanhkent đã viết:Khi nào rãnh mình sẽ viết cho bạn 

Ồ kế, sắp đến tết rồi, thím có rảnh thì viết cho mình nhé
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Larva on 30/1/2015, 1:27 pm

Trang demo chú đưa k phải load js đâu mà sài bằng link ảnh mô tả đấy
avatar
Larva
CPMember
CPMember

Chrome Invision
Ngày đăng ký : 02/09/2012
Số bài : 488
CPP : 224
Châm ngôn sống : Cùng nhau rip tất cả skin chúng nó :))

Xem lý lịch thành viên http://zgamevn.5forum.net

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 30/1/2015, 3:40 pm

Larva đã viết:Trang demo chú đưa k phải load js đâu mà sài bằng link ảnh mô tả đấy
Ờ thế thì chỉ sửa chút css là được, có phải nó chọn cái ảnh đầu tiên trong Topic để làm ảnh ngoài Box không chú @lavar, hay nó chọn ngẫu nhiên
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Larva on 30/1/2015, 7:35 pm

cái đó là nó làm thủ công
nghĩa là copy link ảnh nào đó bỏ vào mô tả là ra link chứ k cần phải bắt buộc ảnh trong topic
avatar
Larva
CPMember
CPMember

Chrome Invision
Ngày đăng ký : 02/09/2012
Số bài : 488
CPP : 224
Châm ngôn sống : Cùng nhau rip tất cả skin chúng nó :))

Xem lý lịch thành viên http://zgamevn.5forum.net

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Kr. on 31/1/2015, 7:56 am

Hình như cái này giống của bên Cntt-K3
avatar
Kr.
CPMember
CPMember

No choice Invision
Ngày đăng ký : 26/01/2015
Số bài : 5
CPP : 1
Châm ngôn sống : Quyết chinh phục tất cả mã nguồn

Xem lý lịch thành viên http://nozi.forumvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 31/1/2015, 5:44 pm

Larva đã viết:cái đó là nó làm thủ công
nghĩa là copy link ảnh nào đó bỏ vào mô tả là ra link chứ k cần phải bắt buộc ảnh trong topic
@@  Chỉ chỉ chỉ anh cách làm đi chú @Larva
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Larva on 1/2/2015, 1:20 pm

Đầu tiên mở mô tả
ACP>QLTT>Messages and e-mails>Cấu hình diễn đàn Allow topics description : chọn

rồi típ theo cho code này vào chỗ cần hiện trong topic blog box
Code:
  <!-- BEGIN switch_description -->   
   <a class="larvaimg" href="{topics_blog_box.row.U_VIEW_TOPIC}" style="background-image: url({topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION})">
  <!-- END switch_description -->

ok z xong
avatar
Larva
CPMember
CPMember

Chrome Invision
Ngày đăng ký : 02/09/2012
Số bài : 488
CPP : 224
Châm ngôn sống : Cùng nhau rip tất cả skin chúng nó :))

Xem lý lịch thành viên http://zgamevn.5forum.net

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by anhdausai on 15/2/2015, 1:50 pm

Demo: http://teenmongcai2.forumvi.com/f1-forum
Load 1 ảnh đầu tiên trong bài viết (Nếu có nhiều ảnh trong bài viết), nếu bài viết không có ảnh thì sẽ hiện thị logo không có ảnh.
Mình sử dụng code load ảnh của skin4fm.com

topics_blog_box:
Code:
<!-- BEGIN topics_blog_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">

 function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}()
 {
 alert('MAIN');

 var all_checked = true;

 for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++)
 {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}')
 {
 all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
 }
 }

 document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
 }

 function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}()
 {
 alert('ALL');

 for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++)
 {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}')
 {
 document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
 }
 }
 }

 </script>
 <!-- END multi_selection -->

 <div class="forumbg announcement">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <dt>
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 {topics_blog_box.row.L_TITLE}
 </dt>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
 <strong>{topics_blog_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

 <!-- BEGIN table_sticky -->
 </ul>
 <span class="corners-bottom"><span></span></span></div>
 </div>
 <div class="forumbg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <dd class="dterm" style="padding-left:0">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 {topics_blog_box.row.topic.table_sticky.L_TITLE}
 </dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
 <!-- END table_sticky -->

 <li class="row {topics_blog_box.row.ROW_ALT_CLASS}" style="margin-top:<!-- BEGIN line_sticky -->5px<!-- END line_sticky --> ;">
 <dl class="blog icon" style="background-image:url('{topics_blog_box.row.TOPIC_FOLDER_IMG}')">
 <dd class="blog dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_blog_box.row.ICON}>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
 <!-- END single_selection -->
 <div class="blog_cal-border">
 <div class="blog_cal-content">
 <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS0}">{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</span>
 <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS1}">{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</span>
 <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS2}">{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span>
 </div>
 </div>
 <div class="blog_title">
 {topics_blog_box.row.NEWEST_POST_IMG}
 {topics_blog_box.row.PARTICIPATE_POST_IMG}&nbsp;
 {topics_blog_box.row.TOPIC_TYPE}
 <div class="topic-title-container">
 <h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
 </div>

 <!-- BEGIN switch_description -->
 <span class="genmed">
 <br />
 {topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 </span>
 <!-- END switch_description -->
 </div>
 <div class="clear"></div>
 <div class="blog_message">
<div class="blog_messageads">
 {topics_blog_box.row.FIRST_POST_TEXT}
</div>
<br/><br/>
<a href="{topics_blog_box.row.U_VIEW_TOPIC}#comments">Đọc toàn bộ bài viết →</a>
 </div>
 <br />
 <!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
 <div class="blog_comments">
 <span class="span-tab">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong>&nbsp;-&nbsp;
 <a href="{topics_blog_box.row.U_VIEW_TOPIC}#comments">{L_COMMENTS}</a>: {topics_blog_box.row.REPLIES}&nbsp;-&nbsp;
 {L_VIEWS}: {topics_blog_box.row.VIEWS}</span>
 </div>
 </dd>
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
 <!-- END multi_selection -->
 </dl>
 </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
 <dl>
 <dt><strong>{topics_blog_box.row.L_NO_TOPICS}</strong></dt>
 </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_blog_box -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script type="text/javascript">//<![CDATA[
 $('.blog_messageads').each(function(){if ($(this).find('img').length){ImgBlog = "";$(this).find('img').each(function(){if ($(this).attr('src').search('smiles') == -1){ImgBlog = $(this).attr('src');return false;}else if (ImgBlog == ""){ImgBlog = "http://i36.servimg.com/u/f36/17/76/06/16/no-pho10.jpg";}});}else{ImgBlog = "http://i36.servimg.com/u/f36/17/76/06/16/no-pho10.jpg";}$(this).text($(this).text());$('<img src="'+ImgBlog+'" class="ImgBlog" />').prependTo(this);});//]]></script>

Css:
Code:
.blog_message img {
background-color: #FFF;
border: 1px solid #E7E7E7;
box-shadow: 0 10px 6px -6px #999;
float: left;
height: 150px;
margin: 0px 20px 0 25px;
padding: 1px;
width: 250px;
}
.blog_message {
font-size: 14px;
}
avatar
anhdausai
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/08/2011
Số bài : 230
CPP : 284
Châm ngôn sống : Không có code vô dụng chỉ có người ngu không biết sử dụng code

Xem lý lịch thành viên http://www.vngame.pro/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 15/2/2015, 9:29 pm

Cảm ơn người ae, về lí thuyết thì cách làm như thím Hưng ok, như ý tưởng ban đầu của mình
Nhưng trên thực tế, mình lại phát hiện: khi load ảnh như vậy làm cho page có dung lượng rất lớn, load rất lâu
Vì sử dụng js load ảnh trực tiếp mà, nếu như ảnh ở Blog có dung lượng nhỏ thì ok luôn, vấn đề là mình sử dụng cho chuyên mục truyện tranh, có ảnh lên tới suýt 1mb lận, để khoảng chục bài viết ngoài box blog thì Xác mẹ nó định, đợi mòn mắt mới load xong
Thím tìm giúp mình chiêu đặt ảnh thủ công ngoài box blog bằng cách dán link ảnh cần hiển thị vào phần description như @larva nói được không
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by anhdausai on 15/2/2015, 10:41 pm

Thím có đặt ảnh thủ công thì vẫn phải load ảnh bình thường như xài js thôi, Nếu thím muốn đặt ảnh thủ công thì làm như thím @larva hướng dẫn ở trên kia là được
avatar
anhdausai
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/08/2011
Số bài : 230
CPP : 284
Châm ngôn sống : Không có code vô dụng chỉ có người ngu không biết sử dụng code

Xem lý lịch thành viên http://www.vngame.pro/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 19/2/2015, 1:30 am

Đặt ảnh thủ công thì ta còn có thể chọn lựa ảnh cho phù hợp, sử dụng công nghệ nén ảnh cho nó xuống <20kb thì load time không còn là vấn đề nữa, còn để thế kia load lâu gấp bội
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by An Nguyễn on 19/2/2015, 5:15 pm

anhdausai đã viết:Demo: http://teenmongcai2.forumvi.com/f1-forum
Load 1 ảnh đầu tiên trong bài viết (Nếu có nhiều ảnh trong bài viết), nếu bài viết không có ảnh thì sẽ hiện thị logo không có ảnh.
Mình sử dụng code load ảnh của skin4fm.com

topics_blog_box:
Code:
<!-- BEGIN topics_blog_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">

 function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}()
 {
 alert('MAIN');

 var all_checked = true;

 for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++)
 {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}')
 {
 all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
 }
 }

 document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
 }

 function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}()
 {
 alert('ALL');

 for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++)
 {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}')
 {
 document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
 }
 }
 }

 </script>
 <!-- END multi_selection -->

 <div class="forumbg announcement">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <dt>
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 {topics_blog_box.row.L_TITLE}
 </dt>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
 <strong>{topics_blog_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

 <!-- BEGIN table_sticky -->
 </ul>
 <span class="corners-bottom"><span></span></span></div>
 </div>
 <div class="forumbg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <dd class="dterm" style="padding-left:0">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 {topics_blog_box.row.topic.table_sticky.L_TITLE}
 </dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
 <!-- END table_sticky -->

 <li class="row {topics_blog_box.row.ROW_ALT_CLASS}" style="margin-top:<!-- BEGIN line_sticky -->5px<!-- END line_sticky --> ;">
 <dl class="blog icon" style="background-image:url('{topics_blog_box.row.TOPIC_FOLDER_IMG}')">
 <dd class="blog dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_blog_box.row.ICON}>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
 <!-- END single_selection -->
 <div class="blog_cal-border">
 <div class="blog_cal-content">
 <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS0}">{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</span>
 <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS1}">{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</span>
 <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS2}">{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span>
 </div>
 </div>
 <div class="blog_title">
 {topics_blog_box.row.NEWEST_POST_IMG}
 {topics_blog_box.row.PARTICIPATE_POST_IMG}&nbsp;
 {topics_blog_box.row.TOPIC_TYPE}
 <div class="topic-title-container">
 <h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
 </div>

 <!-- BEGIN switch_description -->
 <span class="genmed">
 <br />
 {topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 </span>
 <!-- END switch_description -->
 </div>
 <div class="clear"></div>
 <div class="blog_message">
<div class="blog_messageads">
 {topics_blog_box.row.FIRST_POST_TEXT}
</div>
<br/><br/>
<a href="{topics_blog_box.row.U_VIEW_TOPIC}#comments">Đọc toàn bộ bài viết →</a>
 </div>
 <br />
 <!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
 <div class="blog_comments">
 <span class="span-tab">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong>&nbsp;-&nbsp;
 <a href="{topics_blog_box.row.U_VIEW_TOPIC}#comments">{L_COMMENTS}</a>: {topics_blog_box.row.REPLIES}&nbsp;-&nbsp;
 {L_VIEWS}: {topics_blog_box.row.VIEWS}</span>
 </div>
 </dd>
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
 <!-- END multi_selection -->
 </dl>
 </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
 <dl>
 <dt><strong>{topics_blog_box.row.L_NO_TOPICS}</strong></dt>
 </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_blog_box -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script type="text/javascript">//<![CDATA[
 $('.blog_messageads').each(function(){if ($(this).find('img').length){ImgBlog = "";$(this).find('img').each(function(){if ($(this).attr('src').search('smiles') == -1){ImgBlog = $(this).attr('src');return false;}else if (ImgBlog == ""){ImgBlog = "http://i36.servimg.com/u/f36/17/76/06/16/no-pho10.jpg";}});}else{ImgBlog = "http://i36.servimg.com/u/f36/17/76/06/16/no-pho10.jpg";}$(this).text($(this).text());$('<img src="'+ImgBlog+'" class="ImgBlog" />').prependTo(this);});//]]></script>

Css:
Code:
.blog_message img {
background-color: #FFF;
border: 1px solid #E7E7E7;
box-shadow: 0 10px 6px -6px #999;
float: left;
height: 150px;
margin: 0px 20px 0 25px;
padding: 1px;
width: 250px;
}
.blog_message {
font-size: 14px;
}

Cách này code chuẫn w3c không vậy ?
avatar
An Nguyễn
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 28/06/2012
Số bài : 584
CPP : 191

Xem lý lịch thành viên http://xomnet.info

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by An Nguyễn on 28/2/2015, 9:52 am

avatar
An Nguyễn
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 28/06/2012
Số bài : 584
CPP : 191

Xem lý lịch thành viên http://xomnet.info

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by anhdausai on 28/2/2015, 11:15 am

An Nguyễn đã viết:lỗi tùm lum vậy ?

http://diendan.ngoinhagame.com/f41-girl-xinh-kute-sao
@@ demo là phpbb3 thím lắp sang punbb lỗi là đúng rồi
avatar
anhdausai
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/08/2011
Số bài : 230
CPP : 284
Châm ngôn sống : Không có code vô dụng chỉ có người ngu không biết sử dụng code

Xem lý lịch thành viên http://www.vngame.pro/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by An Nguyễn on 28/2/2015, 12:35 pm

Thế fix lại cho An sang punbb được không ? ^^ !
avatar
An Nguyễn
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 28/06/2012
Số bài : 584
CPP : 191

Xem lý lịch thành viên http://xomnet.info

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by anhdausai on 28/2/2015, 6:06 pm

An Nguyễn đã viết:Thế fix lại cho An sang punbb được không ? ^^ !
demo: http://teenmongcai3.forumvi.com/f12-forum
Load 1 ảnh đầu tiên trong bài viết (Nếu có nhiều ảnh trong bài viết), nếu bài viết không có ảnh thì sẽ hiện thị logo không có ảnh.
Mình sử dụng code load ảnh của skin4fm.com

topics_blog_box:
Code:
<!-- BEGIN topics_blog_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() {
         var all_checked = true;
         for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) {
         if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
         }
         }
         document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() {
         for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) {
         if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
            document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
         }
         }
      }
      </script>
   <!-- END multi_selection -->

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_blog_box.row.L_TITLE} [{topics_blog_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_blog_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
   <!-- BEGIN table_sticky -->
      </tbody>
   </table>
   </div>

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /   >
      <!-- END multi_selection -->
      <h2>{topics_blog_box.row.topic.table_sticky.L_TITLE} [{topics_blog_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <tbody class="statused">
   <!-- END table_sticky -->
      <tr>
         <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            <div class="blog_cal-border">
               <div class="blog_cal-content">
                  <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS0}">{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</span>
                  <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS1}">{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</span>
                  <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS2}">{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span>
               </div>
            </div>
            <div class="blog_title">
               <span class="status"><img title="{topics_blog_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_blog_box.row.TOPIC_FOLDER_IMG}" alt="{topics_blog_box.row.L_TOPIC_FOLDER_ALT}" /></span>
               {topics_blog_box.row.ICON}&nbsp;{topics_blog_box.row.NEWEST_POST_IMG}{topics_blog_box.row.PARTICIPATE_POST_IMG}&nbsp;
               {topics_blog_box.row.TOPIC_TYPE}&nbsp;<h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
               {topics_blog_box.row.GOTO_OPEN} {topics_blog_box.row.GOTO_PAGE_NEW} {topics_blog_box.row.GOTO_CLOSE}&nbsp;
            </div>

            <!-- BEGIN switch_description -->
            <span class="genmed">
               <br />
               {topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            </span>
            <!-- END switch_description -->

            <div class="clear"></div>
            <div class="blog_message">
                                  <div class="blog_messageads">
               {topics_blog_box.row.FIRST_POST_TEXT}
                                  </div>
                                  <br/><br/>
<a href="{topics_blog_box.row.U_VIEW_TOPIC}#comments">Đọc toàn bộ bài viết →</a>

            </div>
            <br />
            <div class="blog_comments">
               <span class="gensmall">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong>&nbsp;-&nbsp;
               <a href="{topics_blog_box.row.U_VIEW_TOPIC}#comments">{L_COMMENTS}</a>: {topics_blog_box.row.REPLIES}&nbsp;-&nbsp;
               {L_VIEWS}: {topics_blog_box.row.VIEWS}
            </div>
            <!-- BEGIN multi_selection -->
            <input onclick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
            <!-- END multi_selection -->
         </td>
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
   <td class="tcl" colspan="4"><strong>{topics_blog_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
   </table>
   </div>
   <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_blog_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_blog_box -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
       
          <script type="text/javascript">//<![CDATA[
 $('.blog_messageads').each(function(){if ($(this).find('img').length){ImgBlog = "";$(this).find('img').each(function(){if ($(this).attr('src').search('smiles') == -1){ImgBlog = $(this).attr('src');return false;}else if (ImgBlog == ""){ImgBlog = "http://i36.servimg.com/u/f36/17/76/06/16/no-pho10.jpg";}});}else{ImgBlog = "http://i36.servimg.com/u/f36/17/76/06/16/no-pho10.jpg";}$(this).text($(this).text());$('<img src="'+ImgBlog+'" class="ImgBlog" />').prependTo(this);});//]]></script>
css:
Code:
.blog_message img {
background-color: #FFF;
border: 1px solid #E7E7E7;
box-shadow: 0 10px 6px -6px #999;
float: left;
height: 150px;
margin: 0px 20px 0 25px;
padding: 1px;
width: 250px;
}
.blog_message {
font-size: 14px;
}
.blog_cal-content{width: 3.0em;}
avatar
anhdausai
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/08/2011
Số bài : 230
CPP : 284
Châm ngôn sống : Không có code vô dụng chỉ có người ngu không biết sử dụng code

Xem lý lịch thành viên http://www.vngame.pro/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Juny Thoang on 1/3/2015, 1:16 pm

the_dav đã viết:nặng thì cho mỗi trang ít bài thôi meo
giờ vẫn đông phết nhờ
Như đã nói ở trên ít thì khoảng chục bài
Chục bài thì cũng ăn chọn chục Mb  Lo lắng
Nói túm lại là mới đầu rất thích kiểu Blog này 
Nhưng nghĩ đi nghĩ lại, nghĩ tới nghĩ lui cuối cùng bỏ cái kiểu topics_blog_box đi thì hay hơn
Cứ dùng topics_list_box cho gọnn Nghi ngờ
Dù sao giao diện mặc định lúc nào cũng Ve rỳ Gút, có chỉnh cũng chỉ thêm tí css thôi, động chạm nhiều đến temp cũng không hay cho lắm  Good good
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by plamenda03 on 4/3/2015, 3:38 pm

http://dinhcao.5forum.net/f9-tin-game

Cái đó có được không Cười nhe răng
avatar
plamenda03
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 27/12/2011
Số bài : 41
CPP : 23
Châm ngôn sống : Vui là chính

Xem lý lịch thành viên http://tênlove9x.forumvi.com

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Thànhkent on 7/3/2015, 9:53 pm

plamenda03 đã viết:http://dinhcao.5forum.net/f9-tin-game

Cái đó có được không Cười nhe răng

Share thì quăng code lên đi Cười nghiêng ng ta like cho không share thì đừng có pr như thế chứ Cười nghiêng ng
avatar
Thànhkent
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 20/08/2011
Số bài : 176
CPP : 54
Châm ngôn sống : eeeeeee

Xem lý lịch thành viên http://teenvn.4forum.biz

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by plamenda03 on 8/3/2015, 11:23 am

ai cần thì pm facebook mình đi share riêng cho Cười nhe răng
https://www.facebook.com/NhoEp.Zai
avatar
plamenda03
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 27/12/2011
Số bài : 41
CPP : 23
Châm ngôn sống : Vui là chính

Xem lý lịch thành viên http://tênlove9x.forumvi.com

Về Đầu Trang Go down

Re: Hỏi đạp : Tạo topics_blog_box[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết