Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by vi01239984564 26/8/2024, 7:41 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
Kết hợp tab và rss[✔]
+4
Bo Lùn™
baivong
bluehnvn
Eagle8x
8 posters
Trang 1 trong tổng số 1 trang
Kết hợp tab và rss[✔]
Nguyên tắc hoạt động khá đơn giản, đó là sự kết hợp của code tab và code hiện rss từ trang feedburner.
Ứng dụng hữu hiệu cho phpbb3 khi mà ko thể can thiệp tùy chỉnh template.
Do là sự kết hợp nên sẽ có 2 phần để thực hiện:
PHẦN 1: Tạo feed cho forum
Link feed của forum sẽ có dạng http://linkforum/feed/?f=xx , với xx là số của forum tương ứng, ví dụ http://diendan.chinhphuc.info/feed/?f=6. Copy link đó.
Vào feedburner.com , có thể log in bằng account google, dán link feed đó, tạo mới. Mấy bước này rất đơn giản nên thiết nghĩ ko cần hình ảnh minh họa làm gì hé. Đặt tên cho feed mới nên ngắn gọn dễ hiểu.
Sau đó vào Publicize Buzzboost Tùy chỉnh rồi click active.
Theo như cp thì tùy chỉnh bỏ tiêu đề, thêm tên tác giả, số bài là 5 - 7, có hiện ngày và bỏ chọn phần hiện nội dung bài viết.
Xong rồi thì copy đoạn code có được. Đoạn code giống giống như sau:
Nếu chỉ đơn thuần chép đoạn code đó vào thì nó sẽ hiện dạng:
Tên tiêu đề
Tác giả
Ngày có bài viết sau cùng
Để được như cp thì cần thêm thắt về css 1 chút. Và thật may mắn chúng ta có 1 admin rất giỏi trong việc này - kalenv. Các bạn thêm đoạn code như sau:
Vậy là xong, mình đã có phần nội dung cần thiết.
PHẦN 2: Code tab
Cái này thì tùy à vì có rất nhiều công cụ để làm, ví dụ lên dynamicdrive, gõ tìm tab là ra 1 đống. Ở đây chinhphuc.info dùng jQuery vì thấy nó sẵn có và hiệu ứng cũng đẹp nữa.
Bước 1:
Tạo 1 file .txt hay .js có nội dung sau:
Bước 3: Dán nguyên đoạn code sau vào vị trí cần hiển thị, cụ thể là homepage message cho phpBB3
Thay nội dung bằng các đoạn script ở Phần 1.
Ứng dụng hữu hiệu cho phpbb3 khi mà ko thể can thiệp tùy chỉnh template.
Do là sự kết hợp nên sẽ có 2 phần để thực hiện:
PHẦN 1: Tạo feed cho forum
Link feed của forum sẽ có dạng http://linkforum/feed/?f=xx , với xx là số của forum tương ứng, ví dụ http://diendan.chinhphuc.info/feed/?f=6. Copy link đó.
Vào feedburner.com , có thể log in bằng account google, dán link feed đó, tạo mới. Mấy bước này rất đơn giản nên thiết nghĩ ko cần hình ảnh minh họa làm gì hé. Đặt tên cho feed mới nên ngắn gọn dễ hiểu.
Sau đó vào Publicize Buzzboost Tùy chỉnh rồi click active.
Theo như cp thì tùy chỉnh bỏ tiêu đề, thêm tên tác giả, số bài là 5 - 7, có hiện ngày và bỏ chọn phần hiện nội dung bài viết.
Xong rồi thì copy đoạn code có được. Đoạn code giống giống như sau:
- Code:
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
Nếu chỉ đơn thuần chép đoạn code đó vào thì nó sẽ hiện dạng:
Tên tiêu đề
Tác giả
Ngày có bài viết sau cùng
Để được như cp thì cần thêm thắt về css 1 chút. Và thật may mắn chúng ta có 1 admin rất giỏi trong việc này - kalenv. Các bạn thêm đoạn code như sau:
- Code:
<style>
.headline {font-size: 0.8em;}
.feedItemAuthor:before {content: url(http://i24.servimg.com/u/f24/12/24/45/65/user110.gif);}
.date:before {content: url(http://2img.net/i/fa/admin/icones/small_ico/html.png);}
#creditfooter {display:none;}
p.feedItemAuthor, p.date {display:inline!important; font-size:10px!important}
.headline {float:left; display:block; width:60%; text-alight:left}
p.feedItemAuthor{float:right}
.feedburnerFeedBlock li {display: block; width:100%; height:33px}
</style>
Vậy là xong, mình đã có phần nội dung cần thiết.
PHẦN 2: Code tab
Cái này thì tùy à vì có rất nhiều công cụ để làm, ví dụ lên dynamicdrive, gõ tìm tab là ra 1 đống. Ở đây chinhphuc.info dùng jQuery vì thấy nó sẵn có và hiệu ứng cũng đẹp nữa.
Bước 1:
Tạo 1 file .txt hay .js có nội dung sau:
- Code:
$(document).ready(function() {
//When page loads...
$(".tab_content").hide(); /<BÀI VIẾT NÀY KHÔNG BỊ ẨN> all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); /<BÀI VIẾT NÀY KHÔNG BỊ ẨN> all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
Bước 3: Dán nguyên đoạn code sau vào vị trí cần hiển thị, cụ thể là homepage message cho phpBB3
- Code:
<style>
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
border: 1px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
}
</style>
<script src="Link js hay txt mới upload"></script>
<ul class="tabs">
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
<li><a href="#tab4">tab4</a></li>
<li><a href="#tab5">tab5</a></li>
</ul><div class="tab_container">
<div id="tab1" class="tab_content">
Nội dung 1
</div>
<div id="tab2" class="tab_content">
Nội dung 2
</div>
<div id="tab3" class="tab_content">
Nội dung 3
</div>
<div id="tab4" class="tab_content">
Nội dung 4
</div>
<div id="tab5" class="tab_content">
Nội dung 5
</div>
</div>
Thay nội dung bằng các đoạn script ở Phần 1.
Viết bởi Eagle8x
Re: Kết hợp tab và rss[✔]
bluehnvn đã viết:Tem tem gấp,... thanks EX
EA chứ hum phải EX nha. Cote cho Anh ea nè
Re: Kết hợp tab và rss[✔]
EA ok..
Cái đoạn này dán vào đâu ở code cuối cùng EA ơi?
Cái đoạn này dán vào đâu ở code cuối cùng EA ơi?
- Code:
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
Re: Kết hợp tab và rss[✔]
không được, vẫn bị tách rời mà nó không gộp lại được, lỗi do đâu mấy bạn ơi??
thí dụ code như sau:
thí dụ code như sau:
- Code:
<style>
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
border: 1px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
}
</style>
<script src="http://bluehnvn.googlecode.com/files/jsTABrss.js"></script>
<ul class="tabs">
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
<li><a href="#tab4">tab4</a></li>
<li><a href="#tab5">tab5</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab2" class="tab_content">
<script src="http://feeds.feedburner.com/QuanGame?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab3" class="tab_content">
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab4" class="tab_content">
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab5" class="tab_content">
<script src="http://feeds.feedburner.com/QuanGame?format=sigpro" type="text/javascript" ></script>
</div>
</div>
Re: Kết hợp tab và rss[✔]
cái tab này dùng cho phpbb2 được không vậy Ae hay chỉ dành cho phpbb3??? sao mình làm cho phpbb2 taonf bị lỗi không gôm được mà nó hiện ra hết ý không gộp vào tab
Re: Kết hợp tab và rss[✔]
em chom cái file Js của Cp về xài luôn Bt mà anhbluehnvn đã viết:không được, vẫn bị tách rời mà nó không gộp lại được, lỗi do đâu mấy bạn ơi??
thí dụ code như sau:
- Code:
<style>
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
border: 1px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
}
</style>
<script src="http://bluehnvn.googlecode.com/files/jsTABrss.js"></script>
<ul class="tabs">
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
<li><a href="#tab4">tab4</a></li>
<li><a href="#tab5">tab5</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab2" class="tab_content">
<script src="http://feeds.feedburner.com/QuanGame?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab3" class="tab_content">
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab4" class="tab_content">
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
</div>
<div id="tab5" class="tab_content">
<script src="http://feeds.feedburner.com/QuanGame?format=sigpro" type="text/javascript" ></script>
</div>
</div>
bạn nói ro4xem lỗi j mõi ng moi biết chứ .của mình cũng là phpbb2 vẫn dung BT mavietnam_tnd đã viết: cái tab này dùng cho phpbb2 được không vậy Ae hay chỉ dành cho phpbb3??? sao mình làm cho phpbb2 taonf bị lỗi không gôm được mà nó hiện ra hết ý không gộp vào tab
Re: Kết hợp tab và rss[✔]
mấy huy cho em hỏi em làm nó ra thế này là thế nào mấy huynh sửa cho em với
anh minh họa đây:
anh minh họa đây:
Re: Kết hợp tab và rss[✔]
Được, nhưng phpbb2 thì chỉnh được latest topic ngang rồi thì cần dùng chi nữa em?vietnam_tnd đã viết: cái tab này dùng cho phpbb2 được không vậy Ae hay chỉ dành cho phpbb3??? sao mình làm cho phpbb2 taonf bị lỗi không gôm được mà nó hiện ra hết ý không gộp vào tab
Anh xem lại khúc nói về css do kalenv giúp ấy, chép nguyên khúc đó vô nữa.bluehnvn đã viết:người gửi nó cứ dạng bậc thang mà không theo 1 cột
Re: Kết hợp tab và rss[✔]
Eagle8x đã viết:Anh xem lại khúc nói về css do kalenv giúp ấy, chép nguyên khúc đó vô nữa.bluehnvn đã viết:người gửi nó cứ dạng bậc thang mà không theo 1 cột
- Code:
<style>
.headline {font-size: 0.8em;}
.feedItemAuthor:before {content: url(http://i24.servimg.com/u/f24/12/24/45/65/user110.gif);}
.date:before {content: url(http://2img.net/i/fa/admin/icones/small_ico/html.png);}
#creditfooter {display:none;}
p.feedItemAuthor, p.date {display:inline!important; font-size:10px!important}
.headline {float:left; display:block; width:60%; text-alight:left}
p.feedItemAuthor{float:right}
.feedburnerFeedBlock li {display: block; width:100%; height:33px}
</style>
- Chèn vào CSS cũng không được
- Chèn vào chỗ mình chèn cũng không được (vào indexbody chẳng hạn)
Re: Kết hợp tab và rss[✔]
Css này dùng cho mọi phiên bản mà ta, bởi vì nó làm việc độc lập về phần hiển thị đối với FM?
Re: Kết hợp tab và rss[✔]
Không làm được mà em, anh test trên cái forum demo thì phpbb3 ok, nhưng mà phpbb2 thì CSS để làm tác giả bài gửi theo cột ở bên phải nó không nhận. Em check lại mà xemEagle8x đã viết:Css này dùng cho mọi phiên bản mà ta, bởi vì nó làm việc độc lập về phần hiển thị đối với FM?
Re: Kết hợp tab và rss[✔]
Giờ anh thử thêm !important vào mỗi id và class xem sao. Nếu gây hỏng giao diện forum thì anh chịu khó tìm id và class từng cái trong template để...đổi tên bởi vì feedburners em ko biết cách thay các id và class trong css.
Re: Kết hợp tab và rss[✔]
thanks em, nguyên nhân chính là tại cái ảnh trước author https://i.servimg.com/u/f24/12/24/45/65/user110.gif thôi mấy hnua rảnh chèn vào top bài viết mới là good nhất.Eagle8x đã viết:Giờ anh thử thêm !important vào mỗi id và class xem sao. Nếu gây hỏng giao diện forum thì anh chịu khó tìm id và class từng cái trong template để...đổi tên bởi vì feedburners em ko biết cách thay các id và class trong css.
Có khi rảnh cũng phải gia cố thêm ít kiến thức css
Re: Kết hợp tab và rss[✔]
- Spoiler:
- Eagle8x đã viết:Nguyên tắc hoạt động khá đơn giản, đó là sự kết hợp của code tab và code hiện rss từ trang feedburner.
Ứng dụng hữu hiệu cho phpbb3 khi mà ko thể can thiệp tùy chỉnh template.
Do là sự kết hợp nên sẽ có 2 phần để thực hiện:
PHẦN 1: Tạo feed cho forum
Link feed của forum sẽ có dạng http://linkforum/feed/?f=xx , với xx là số của forum tương ứng, ví dụ http://diendan.chinhphuc.info/feed/?f=6. Copy link đó.
Vào feedburner.com , có thể log in bằng account google, dán link feed đó, tạo mới. Mấy bước này rất đơn giản nên thiết nghĩ ko cần hình ảnh minh họa làm gì hé. Đặt tên cho feed mới nên ngắn gọn dễ hiểu.
Sau đó vào Publicize Buzzboost Tùy chỉnh rồi click active.
Theo như cp thì tùy chỉnh bỏ tiêu đề, thêm tên tác giả, số bài là 5 - 7, có hiện ngày và bỏ chọn phần hiện nội dung bài viết.
Xong rồi thì copy đoạn code có được. Đoạn code giống giống như sau:- Code:
<script src="http://feeds.feedburner.com/memshare?format=sigpro" type="text/javascript" ></script>
Nếu chỉ đơn thuần chép đoạn code đó vào thì nó sẽ hiện dạng:
Tên tiêu đề
Tác giả
Ngày có bài viết sau cùng
Để được như cp thì cần thêm thắt về css 1 chút. Và thật may mắn chúng ta có 1 admin rất giỏi trong việc này - kalenv. Các bạn thêm đoạn code như sau:- Code:
<style>
.headline {font-size: 0.8em;}
.feedItemAuthor:before {content: url(http://i24.servimg.com/u/f24/12/24/45/65/user110.gif);}
.date:before {content: url(http://2img.net/i/fa/admin/icones/small_ico/html.png);}
#creditfooter {display:none;}
p.feedItemAuthor, p.date {display:inline!important; font-size:10px!important}
.headline {float:left; display:block; width:60%; text-alight:left}
p.feedItemAuthor{float:right}
.feedburnerFeedBlock li {display: block; width:100%; height:33px}
</style>
Vậy là xong, mình đã có phần nội dung cần thiết.
PHẦN 2: Code tab
Cái này thì tùy à vì có rất nhiều công cụ để làm, ví dụ lên dynamicdrive, gõ tìm tab là ra 1 đống. Ở đây chinhphuc.info dùng jQuery vì thấy nó sẵn có và hiệu ứng cũng đẹp nữa.
Bước 1:
Tạo 1 file .txt hay .js có nội dung sau:- Code:
$(document).ready(function() {
//When page loads...
$(".tab_content").chinhphuc.info(); http://chinhphuc.info all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").chinhphuc.info(); http://chinhphuc.info all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
Bước 2: Upload lên host cho lấy direct link, dùng googlecode hoặc fileave hoặc fileden (riêng fileden thì phải là dạng txt)
Bước 3: Dán nguyên đoạn code sau vào vị trí cần hiển thị, cụ thể là homepage message cho phpBB3- Code:
<style>
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
border: 1px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
}
</style>
<script src="Link js hay txt mới upload"></script>
<ul class="tabs">
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
<li><a href="#tab4">tab4</a></li>
<li><a href="#tab5">tab5</a></li>
</ul><div class="tab_container">
<div id="tab1" class="tab_content">
Nội dung 1
</div>
<div id="tab2" class="tab_content">
Nội dung 2
</div>
<div id="tab3" class="tab_content">
Nội dung 3
</div>
<div id="tab4" class="tab_content">
Nội dung 4
</div>
<div id="tab5" class="tab_content">
Nội dung 5
</div>
</div>
Thay nội dung bằng các đoạn script ở Phần 1.Viết bởi Eagle8x
Cuối cùng sau một đêm rảnh rỗi, mình đã hoàn thiện bản Rss/ Tuy không được như nhưng vs mình thế cũng good lắm rồi, cảm ơn chủ topic lần nữa nhé
Nhân tiện vào đây báo cáo cho ae nào muốn làm thì cứ làm như bài trên là ra hết. ae yên tâm chạy lúc đầu hơi lâu chút (chắc vì feed load nguồn từ forum gốc của chúng ta, sau khoảng vài tiếng thì nó lại trơn tru, và...) \\\\m/
Re: Kết hợp tab và rss[✔]
Hiện tại thì có rất nhiều code tab rất hữu dụng cho trường hợp này. cp đang dùng 1 loại tab khác chạy rất ổn định.
Re: Kết hợp tab và rss[✔]
Đúng là của pro hơn, xem nó load mà thích cả mắt, hnao rảnh chia sẻ cho ae luôn đi (giờ mà chia sẻ thì mấy bác tab kia tắt điện hết)
Re: Kết hợp tab và rss[✔]
làm sao để xóa cái logo rss ở góc trái bên dưới của khung vậy bạn. Mình làm xong chèn code nó cứ hiện lên 1 cái logo của rss
Re: Kết hợp tab và rss[✔]
Tùy thẫm mỹ từng người, bác khéo nói "n" wa đấy!bluehnvn đã viết:Đúng là của pro hơn, xem nó load mà thích cả mắt, hnao rảnh chia sẻ cho ae luôn đi (giờ mà chia sẻ thì mấy bác tab kia tắt điện hết)
Re: Kết hợp tab và rss[✔]
mango đã viết:làm sao để xóa cái logo rss ở góc trái bên dưới của khung vậy bạn. Mình làm xong chèn code nó cứ hiện lên 1 cái logo của rss
ko hiểu ý cậu, mình nói có 3 ý:battuvuong đã viết:Tùy thẫm mỹ từng người, bác khéo nói "n" wa đấy!bluehnvn đã viết:Đúng là của pro hơn, xem nó load mà thích cả mắt, hnao rảnh chia sẻ cho ae luôn đi (giờ mà chia sẻ thì mấy bác tab kia tắt điện hết)
1: đã là list dạng như lasttopic thì ko có nội dung, chỉ có tiêu đề, cái này ok
2: Có ngày và có cả tên tác giả, cập nhật theo ngày comment
3. cp hay vì nó load từ trái sang phải, cảm giác thix mắt. nhanh nữa
bạn đưa lý do bảo vệ cái rss khác của bạn xem?
Tap cập nhật list bài viết mới
Lẽ ra thì đây là bài trả lời chứ không phải chia sẻ. Mình thấy có bài hỏi về chuyện này, muốn đợi xem có ai có câu trả lời hay hơn thì mình học luôn. Nhưng xem ra ... chê thì có, nhưng hay hơn thì chưa thấy. Vậy thì trong khi chờ cái nào hay hơn, các bạn tham khảo cách mình làm nhé.
Các bạn!
Chuyện tạo các tap trên last topic để mỗi tap tự động cập nhật list bài viết mới nhất trong một box thì có thể làm được bằng
Mình đang dùng rsspump.com nhưng bây giờ mình nói về feedburner.google.com vì nó có nhiều ưu điểm trội hơn hẳn rsspump.com
Chúng ta bắt đầu, mình cũng chưa áp dụng. Hôm nay mình vừa làm vừa nói tại chỗ luôn, mình biết đến đâu thì nói đến đó.
Đầu tiên mình phải nói trước là việc tạo ra các tap mới trên last topic mình coi như các bạn đã biết rồi nhé.
Bây giờ chúng ta dùng feedburner.google.com
Các bạn chạy chương trình này. Trong hộp thoại đầu tiên , tại Burn a feed right this instant. gõ vào :
Thì bấm vào tap Publicize (Các tap khac là gì thì từ từ mò sau, mình không biết tiếng Anh nên ngại mò lắm). Sau đó bấm BuzzBoost . Trong hộp thoại BuzzBoost thì các bạn chắc sẽ biết cách chọn hơn mình. Xong bấm active. Đến đây bạn cứ mò thảo mái. Mò, rồi save, xem thử. Không được thì mò tiếp ... Nhưng có một mục các bạn phải bỏ là Display item content.
Thấy thõa mãn rồi thì mang cái code đó cho cuối code này:
Từ nãy giờ vừa làm vừa nói, minh đã thu được kết quả này:
Hình như là chưa ổn phải không các bạn, còn thiếu số thứ tự ở đầu dòng. Cái này để mình đi làm chút đã, hơi mất công chỉnh cái ảnh STT với viết thêm một code nữa ... Chỉ cái này mệt lắm, đi làm dùm các bạn dễ hơn...
Rồi. Bây giờ các bạn mang toàn bộ code kết quả bên trên cho vô đây:
Mình vưa làm ra kết quả nè:
Hình như cũng chưa được, đã có STT thì bỏ dấu chấm đầu dòng đi. Chuyện này dễ ợt , các bạn tự sửa lai nhé.
Các bạn!
Chuyện tạo các tap trên last topic để mỗi tap tự động cập nhật list bài viết mới nhất trong một box thì có thể làm được bằng
- Code:
http://feedburner.google.com hoặc http://www.rsspump.com
Mình đang dùng rsspump.com nhưng bây giờ mình nói về feedburner.google.com vì nó có nhiều ưu điểm trội hơn hẳn rsspump.com
Chúng ta bắt đầu, mình cũng chưa áp dụng. Hôm nay mình vừa làm vừa nói tại chỗ luôn, mình biết đến đâu thì nói đến đó.
Đầu tiên mình phải nói trước là việc tạo ra các tap mới trên last topic mình coi như các bạn đã biết rồi nhé.
Bây giờ chúng ta dùng feedburner.google.com
Các bạn chạy chương trình này. Trong hộp thoại đầu tiên , tại Burn a feed right this instant. gõ vào :
- Code:
http://link forum/?f=n ( trong đó n = số TT của box mà bạn định lập list bài viết mới)
Thì bấm vào tap Publicize (Các tap khac là gì thì từ từ mò sau, mình không biết tiếng Anh nên ngại mò lắm). Sau đó bấm BuzzBoost . Trong hộp thoại BuzzBoost thì các bạn chắc sẽ biết cách chọn hơn mình. Xong bấm active. Đến đây bạn cứ mò thảo mái. Mò, rồi save, xem thử. Không được thì mò tiếp ... Nhưng có một mục các bạn phải bỏ là Display item content.
Thấy thõa mãn rồi thì mang cái code đó cho cuối code này:
- Code:
<style>
.headline {font-size: 1.2em;}
.feedItemAuthor:before {content: url(http://i24.servimg.com/u/f24/12/24/45/65/user110.gif);}
.date:before {content: url(http://illiweb.com/fa/http://i24.servimg.com/u/f24/15/64/85/86/pito-i10.png/icones/small_ico/html.png);}
#creditfooter {display:none;}
p.feedItemAuthor, p.date {display:inline!important; font-size:12px!important}
</style>
Copy và paste code thu được vào đây
Từ nãy giờ vừa làm vừa nói, minh đã thu được kết quả này:
Hình như là chưa ổn phải không các bạn, còn thiếu số thứ tự ở đầu dòng. Cái này để mình đi làm chút đã, hơi mất công chỉnh cái ảnh STT với viết thêm một code nữa ... Chỉ cái này mệt lắm, đi làm dùm các bạn dễ hơn...
Rồi. Bây giờ các bạn mang toàn bộ code kết quả bên trên cho vô đây:
- Code:
<Table border ="0" Width = "100%">
<TR>
<TD Width = "2%" Align = "left" Valign = "top" background="http://i66.servimg.com/u/f66/14/26/60/46/stt0410.gif"></TD>
<TD Width = "98%" Align = "left" Valign = "top" bgcolor = "#FFFFFF">
CHO VÔ ĐÂY
</TD>
</TR>
</Table>
Mình vưa làm ra kết quả nè:
Hình như cũng chưa được, đã có STT thì bỏ dấu chấm đầu dòng đi. Chuyện này dễ ợt , các bạn tự sửa lai nhé.
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|