Bài viết
Demo phía trên.
code:
- Code:
[font=Courier New]<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Kỷ niệm Trường Niềm Vui - Phú Yên</title>
<meta name="viewport" content="width = 950" />
<link rel="stylesheet" type="text/css" href="http://static.bbc.co.uk/frameworks/barlesque/1.5.18//desktop/2.7/style/main.css" />
<link rel="stylesheet" type="text/css" href="http://static.bbc.co.uk/bbcdotcom/0.3.25/style/3pt_ads.css" />
<script type="text/javascript" src="http://node1.bbcimg.co.uk/glow/gloader.0.1.3.js"> gloader.use("glow", {map: "http://node1.bbcimg.co.uk/glow/glow/map.1.7.3.js"}); </script> <script type="text/javascript" src="http://static.bbc.co.uk/frameworks/barlesque/1.5.18//desktop/2.7/script/blq_core.js"></script>
<!--[if (IE 6)|(IE 7)|(IE 8)]> <style type="text/css"> html{font-size:125%} body{font-size:50%} .blq-tooltipped:hover {background-position:0 0} #blq-autosuggest ul li { zoom:normal; } #blq-mast-home { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); } .skylightTheme #blq-mast-home, .doveTheme #blq-mast-home, .tealTheme #blq-mast-home, .aquaTheme #blq-mast-home, .greenTheme #blq-mast-home, .violetTheme #blq-mast-home, .purpleTheme #blq-mast-home, .pinkTheme #blq-mast-home, .oliveTheme #blq-mast-home, .suedeTheme #blq-mast-home, .redTheme #blq-mast-home, .orangeTheme #blq-mast-home { filter: none; -ms-filter: ""; } #blq-nav-main { background-position: 96% 17px; } </style> <![endif]--> <!--[if IE 7]> <style type="text/css"> .blq-clearfix {display: inline-block} </style> <![endif]--> <!--[if IE 6]> <link rel="stylesheet" href="http://static.bbc.co.uk/frameworks/barlesque/1.5.18//desktop/2.7/style/ie6.css" type="text/css" /> <style type="text/css"> #blq-container {height: 15%} #blq-mast-home span.blq-home { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='http://static.bbc.co.uk/frameworks/barlesque/1.5.18//desktop/2.7/img/blocks.png');} </style> <script type="text/javascript"> try { document.execCommand("BackgroundImageCache",false,true); } catch(e) {} </script> <![endif]--> <script type="text/javascript"> blq.assetPath="http://static.bbc.co.uk/frameworks/barlesque/1.5.18//desktop/2.7/"; blqOnDomReady(function() { blq.addGoTrack('blq-main', {external:true}); blq.tagEnglishLinks("Trang này tiếng Anh","blq-main"); blq.suggest_short = false; blq.addAutoSuggest(); }); blq.setEnvironment('live'); if (blq.setLabel) blq.setLabel('searchSuggestion', 'Tìm'); </script> <!-- Identity head --> <!-- BBCDOTCOM ipIsAdvertiseCombined: true journalismVariant: false adsEnabled: true flagpole: not set -->
<script type="text/javascript">
if(typeof(bbcdotcom) == "undefined") bbcdotcom = {};
</script>
<script type="text/javascript">
/* Note all JS comments should use asterisks so as to work with Spectrum's simple minification */
if(typeof BBC == "undefined") {var BBC = {}}; BBC.adverts = {setZone: function(){}, configure: function(){}, write: function(){}, show: function(){}};
</script>
<script type="text/javascript">
//<![CDATA[
(function(){
var zone = "3pt_zone_file";
var zoneAuto = false;
var siteAuto = false;
var keywordsAuto = false;
var zoneOverride = false;
if(/[?|&]zone=((?!preview)\w*\/*\w+)(&|$)/.test(window.location.search)) {
zone = RegExp.$1;
zoneOverride = false;
};
if(/[?|&]zone=(http:\/\/.+(\.bbc\.co\.uk){1}.*(bbc\.com){1}.*\.js)(&|$)/.test(window.location.search)) {
if (RegExp.$1.indexOf("/../") === -1) {
zone = RegExp.$1;
zoneOverride = true;
};
};
/* Added by Barlesque, so new static root can be passed post-load scripts. */
BBC.adverts.setScriptRoot("http://static.bbc.co.uk/bbcdotcom/0.3.25/script/");
BBC.adverts.init({
domain: "www.live.bbc.co.uk",
location: window.location.pathname,
zoneVersion: zone,
zoneAuto: zoneAuto,
siteAuto: siteAuto,
keywordsAuto: keywordsAuto,
zoneOverride: zoneOverride,
zoneReferrer: document.referrer,
inclusionstyle: "direct_ads"
});
})();
//]]>
</script>
<style type="text/css">
@import "http://wscdn.bbc.co.uk/worldservice/styles/core/1/core.css?v15";
@import "http://wscdn.bbc.co.uk/worldservice/styles/core/1/ltr/layout.css?v15";
</style>
<!--[if lte IE 7]>
<style type="text/css">
.list li.ts-headline, .bx-livestats ol li, ul.associated, .box blockquote, .li-imagegallery .content, .li-listing li, .ig-926x521, .ig-466x350, .ig-226x170, .pg-926x521, .pg-466x350, .pg-226x170, a.audio, a.video, .box .title, .box .content {zoom:1;}
</style>
<![endif]-->
<style type="text/css">
@import "http://wscdn.bbc.co.uk/worldservice/styles/core/2/print/type/latin.css";
</style>
<!-- logic to check for rss xml -->
<!-- : str -->
<script type="text/javascript" src="http://wscdn.bbc.co.uk/worldservice/scripts/core/1/core.js?12"></script>
<!-- Loading media.js here is a fix for Persian using the old WSEMP, which doesn't wait for ws.onload(), and so fails -->
<script type="text/javascript" src="http://wscdn.bbc.co.uk/worldservice/scripts/core/1/modules/media.js?6"></script>
</head>
<body id="www-bbcvietnamese-com" class="story genre-pictures ltr" bgcolor="#000000">
<div class="g-group">
<div class="g-container fw-story-title" align="center">
<h1><font face = "Tahoma" color = "#FF0000">
<B> Kỷ niệm Trường Niềm Vui - Phú Yên</B></font></h1>
</div>
<div class="g-container fw-story-body">
<div class="bodytext">
<div class="module align-center">
<div class="list li-picturegallery embedded-captions">
<div class="content pg-800x370">
<ul>
<li class="first">
<div class="box bx-picture i-w900 i-h450" >
<div class="content">
<div class="module align-center ">
<a href="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3kr7vQj4I/AAAAAAAAA4I/HkhmO_rlFSE/Img07.jpg">
<img src="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3kr7vQj4I/AAAAAAAAA4I/HkhmO_rlFSE/s128/Img07.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Chụp ảnh lưu niệm với học sinh khuyết tật trường Niềm Vui</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w900 i-h450">
<div class="content">
<div class="module align-center ">
<a href="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3krtdkINI/AAAAAAAAA4E/-s5vLkIV4fs/Img08.jpg">
<img src="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3krtdkINI/AAAAAAAAA4E/-s5vLkIV4fs/s128/Img08.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Từ phải sang trái: thanhtuyen, hoangth, uyendiem123, chienth</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3kr8RwZ2I/AAAAAAAAA4M/Vz6iDS7XGq8/Img06.jpg">
<img src="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3kr8RwZ2I/AAAAAAAAA4M/Vz6iDS7XGq8/s128/Img06.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Từ phải sang trái: hunghsmn, thanhtuyen, bé Thúy Vân và uyendiem123</div
</div>
</div>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3kMXmdtuI/AAAAAAAAA3s/M8RUNTf_r54/Img00.jpg">
<img src="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3kMXmdtuI/AAAAAAAAA3s/M8RUNTf_r54/s128/Img00.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Thanh Tuyền và Uyên Diễm </div>
</div>
</div>
</li>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3hBhFrcEI/AAAAAAAAA3k/cvXgMdR21dQ/DSC03501.jpg">
<img src="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3hBhFrcEI/AAAAAAAAA3k/cvXgMdR21dQ/s128/DSC03501.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Cô - trò một lớp vẽ. Trông họ thật đáng yêu .</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3kMgmvlLI/AAAAAAAAA30/kKB3Tds9Sx4/Img04.jpg">
<img src="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3kMgmvlLI/AAAAAAAAA30/kKB3Tds9Sx4/s128/Img04.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Những tác phẩm trên nón lá.</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3hBRuensI/AAAAAAAAA3Y/ThPmi_03L64/DSC03483.jpg">
<img src="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3hBRuensI/AAAAAAAAA3Y/ThPmi_03L64/s128/DSC03483.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Em Định và tác phẩm</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh6.ggpht.com/_RffU5Jf7nK4/TP4T8Gbr9CI/AAAAAAAAA5Y/YuKlHTiHARU/Img12.jpg">
<img src="http://lh6.ggpht.com/_RffU5Jf7nK4/TP4T8Gbr9CI/AAAAAAAAA5Y/YuKlHTiHARU/s128/Img12.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Xem em Định đang vẽ</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3lQW-g4BI/AAAAAAAAA4g/4n6971eRzFo/DSC03524.jpg">
<img src="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3lQW-g4BI/AAAAAAAAA4g/4n6971eRzFo/s128/DSC03524.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Chân dung một học sinh khiếm thính</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3hBkKw7bI/AAAAAAAAA3g/ycbl75_DDDk/DSC03491.jpg">
<img src="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3hBkKw7bI/AAAAAAAAA3g/ycbl75_DDDk/s128/DSC03491.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Hai chú cháu chụp ảnh lưu niệm cùng với lớp vẽ tại phòng tranh</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3kMiY0YqI/AAAAAAAAA34/vQ8kbcPtbkg/Img05.jpg">
<img src="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3kMiY0YqI/AAAAAAAAA34/vQ8kbcPtbkg/s128/Img05.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Hai thành viên diễn đàn chụp ảnh lưu niệm cùng với lớp vẽ tại phòng tranh</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3lRNhSXLI/AAAAAAAAA4s/fWPpyLC1vqw/DSC03487.jpg">
<img src="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3lRNhSXLI/AAAAAAAAA4s/fWPpyLC1vqw/s128/DSC03487.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Thăm trường lần này chỉ có 2 chú cháu, nhưng nhiều niềm vui đã được ghi lại trong lòng mỗi chúng tôi.</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3lRTYadXI/AAAAAAAAA4w/0O6pSGuGOJ8/DSC03513.jpg">
<img src="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3lRTYadXI/AAAAAAAAA4w/0O6pSGuGOJ8/s128/DSC03513.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Cô giáo trẻ từ phương xa đã đến Đất nước ta với một tấm lòng nhân ái</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3lwYPG8nI/AAAAAAAAA5A/98XoEB2UB-w/DSC03515.jpg">
<img src="http://lh5.ggpht.com/_RffU5Jf7nK4/TP3lwYPG8nI/AAAAAAAAA5A/98XoEB2UB-w/s128/DSC03515.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Hai bạn trẻ từ hai phương trời xa đã gặp nhau bởi có chung một tấm lòng</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3lQwOCnHI/AAAAAAAAA4k/1-43a1g6xxo/DSC03532.jpg">
<img src="http://lh3.ggpht.com/_RffU5Jf7nK4/TP3lQwOCnHI/AAAAAAAAA4k/1-43a1g6xxo/s128/DSC03532.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Không hiểu vì sao mình có cảm tình đặt biệt với cô phóng viên trẻ của báo Dân Trí này. Có lẽ vì qua các bài viết mình đã nhận ra rằng Khánh Hằng cũng rất gắn bó với trẻ khuyết tật nói chung và các em khuyết tật của Trường Niền Vui nói riêng. </div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3krsUMIvI/AAAAAAAAA4A/eUEImxQsGKM/Img11.jpg">
<img src="http://lh4.ggpht.com/_RffU5Jf7nK4/TP3krsUMIvI/AAAAAAAAA4A/eUEImxQsGKM/s128/Img11.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Hai thành viên diễn đàn và học sinh của Trường Niềm Vui trong đồng phục do diễn đàn tặng </div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh6.ggpht.com/_RffU5Jf7nK4/TP4T8WeKfpI/AAAAAAAAA5c/xYWkbxnVYrc/Img13.jpg">
<img src="http://lh6.ggpht.com/_RffU5Jf7nK4/TP4T8WeKfpI/AAAAAAAAA5c/xYWkbxnVYrc/s128/Img13.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Trong lễ khai giảng năm học 2010 - 2011</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh4.ggpht.com/_RffU5Jf7nK4/TP4T8uNTIDI/AAAAAAAAA5g/zy_6__1pgu0/Img14.jpg">
<img src="http://lh4.ggpht.com/_RffU5Jf7nK4/TP4T8uNTIDI/AAAAAAAAA5g/zy_6__1pgu0/s128/Img14.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Diễn đàn Tình thương tặng áo cho học sinh trong ngày khai giảng năm học 2010 - 2011</div>
</div>
</div>
</li>
<li>
<div class="box bx-picture i-w926 i-h521">
<div class="content">
<div class="module align-center ">
<a href="http://lh5.ggpht.com/_RffU5Jf7nK4/TP4T8nL0AhI/AAAAAAAAA5k/L0CfD1zVZu8/Img15.jpg">
<img src="http://lh5.ggpht.com/_RffU5Jf7nK4/TP4T8nL0AhI/AAAAAAAAA5k/L0CfD1zVZu8/s128/Img15.jpg"
width="106"
height="60"
alt="" /></a></div>
<div class="body">Những nụ cười rất đẹp nét trẻ thơ</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<p class="ingress"></p>
</div>
</div>
</div>
<!-- : str -->
</body>
</html>[/font]
4/Chú ý:
- Chỉ việc thay link ảnh, viết lại câu chú thích cho ảnh là dùng
- Tất cả ảnh nên thống nhất một kích cỡ
- Sửa lại mấy con số ở đây:
- Code:
[font=Courier New]<div class="content pg-800x370">[/font]
- Code:
[font=Courier New]<div class="box bx-picture i-w900 i-h450" >[/font]
