—÷ Diễn Đàn TN6 ÷—
BQT TN6 Chúc tất cả các mem một năm mới vui vẻ, gia đình mạnh khoẻ, vạn sự như ý !
Vui lòng tuân thủ đúng nội quy 4rum và khi viết bài nhớ có dấu nha
Sử dụng trình duyệt FF để đạt tối đa các ứng dụng và tiện ích trên 4rum !

You are not connected. Please login or register

Sưu tầm: code ảnh !

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

19xStudio Sưu tầm: code ảnh ! on Sun Jan 30, 2011 9:22 am

HoàngThái

avatar
1stPlace
1stPlace

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]
Và ở đây cho phù hợp với kích cỡ ảnh và màn hình
Code:
[font=Courier New]<div class="box bx-picture i-w900 i-h450" >[/font]

Xem lý lịch thành viên http://ilovetn6.forum-viet.com

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [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

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Create your own blog
© 2012 Zone-A7
FM PunBB - Design by Simon