Một số code nhỏ thú vị

Thảo luận trong 'HTML và CSS' bắt đầu bởi Gardener, 22/2/13.

Loading...
  1. Gardener

    Gardener Admin

    sưu tầm
    1. Đoạn code dùng để đếm xem có bao nhiêu người đã xem trang của mình:
    <!-- Start of SimpleHitCounter Code -->
    <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.asp?uid=38358&f=16777215&b=0" border="0" height="18" width="83" alt="free hit counters"></a><br><a href="http://www.simplehitcounter.com" target="_blank"><font size="-3">free hit counters</font></a></div>
    <!-- End of SimpleHitCounter Code -->
    ---------------------------------------------------
    2. Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)

    <div align=center><img height=100 alt=Image src="image link" width=100 alt="Image" /></div>

    _ Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang.
    . Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của ảnh.
    . Image link, phải lấy link trực tiếp của bức hình.
    * Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
    ----------------------------------------------------

    3. Cách chèn ảnh với size thực tế ( chiều rộng > 500)

    _ Cắt dọc ảnh ra thành 2 hình bằng nhau, up lên cái host nào đấy, và paste cái code này vào:

    <table id="Table_01" width="1000" height="750" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="link ảnh 1" width="500" height="750" alt=""></td>
    <td>
    <img src="link ảnh 2" width="500" height="750" alt=""></td>
    </tr>
    </table>
    * Chiều rộng và chiều cao của ảnh nhớ ghi chính xác (còn số trong code trên chỉ là ví dụ thôi )
    ---------------------------------------------

    4. Chèn link:


    <a href="link">Tên muốn hiển thị</a>
    ----------------------------------------------

    5. Tạo bóng đổ cho text trong Blog:


    <div align="center">
    <span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">huamylinh</span>
    <span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">huamylinh</span>
    </div>

    _ Trong đó: font của chữ là comic sans ms, nếu không thích có thể đổi kiểu chữ khác.
    ------------------------------------------------
    6. Code dùng để đóng khung trong blog:

    <table background="link" border="1" cellpadding="30" cellspacing="2">
    <tbody>
    <tr>
    <td>
    <table style="height: 209px;" align="left" background="link" border="2" cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
    <td align="left">
    <span style="color: rgb(192, 0, 0);">
    <div style="margin-left: 40px;">
    đoạn text của khung bên trong <br />
    </div>
    </span>
    </td>
    </tr>
    </tbody>
    </table>
    <br />
    <span style="color: rgb(255, 64, 64);"> đoạn text của khung bên ngoài </span><br />
    </td>
    </tr>
    </tbody>
    </table>
    ------------------------------------------------------
    7. Tạo các icon có chứa link:
    (nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến 1 cái link mình muốn- giống như kiểu trong gvn vậy đó)

    <div style="text-align: center;">
    <a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" height="47" width="51" alt="Image" /></a></div> <br />
    * Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên.
    -----------------------------------------------------------
    8.Chèn nhạc vào Blash:
    Cách làm rất đơn giản. Hãy dán đoạn code sau vào trước đường link bài hát mà bạn add trong ô Add url của mục Edit Blast:

    <script type="text/javascript" src="http://del.icio.us/js/playtagger"></script>

    VD như cái Blast ở hình trên của mình có code là thế này:

    <script type="text/javascript" src="http://del.icio.us/js/playtagger"></script>
    http://www.filelodge.com/files/room3...Of%20Angel.mp3

    Tác dụng của cái code này là để nghe nhạc trực tiếp trong trang web, với mỗi đường link đến bài hát trong trang web, nó sẽ khởi tạo 1 cái nút tam giác để bạn có thể bấm vào đó mà nghe nhạc. Nhưng lưu ý là cái code này chỉ hỗ trợ chơi nhạc mp3 mà thôi.
    ---------------------------------------------------------------
    9.Cách làm nhạc nền:**Nếu đưa nhạc từ google video
    <embed style=”width:400px; height:362px;” id=”VideoPlayback” type=”application/x-shockwave-flash” scr=”http//video.google.com/googleplayer.swf?docId=8933134537406194283&hl=en† ? ? flashvars=””></embed>

    Đó là ví dụ, còn bạn đổi đoạn code tương tự như thế và như thế này :
    <div><embed style="width:1px; height:1px; " type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=181240737490567209&hl=en" flashvars="autoPlay=true" bgcolor="#000000" allowScriptAccess="none"> </div></embed>

    **Đưa nhạc từ Youtube

    Chẳng hạn đây là bài Rock Steady của All Saints (bọn lớp em thix nghe bài này mà em chẳng thấy hay chút nào hixhix )
    <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/gvnjRV1Z_sY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/gvnjRV1Z_sY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

    Thành:
    <embed src=”
    http://www.youtube.com/v/gvnjRV1Z_sY” type=”application/x-shockwave-flash” width=”0” height=”0” wmode=”transparent” flashvars="autoplay=1 & loop=1" allowScriptAccess="none" ></embed>

    (trong đó autoplay=true là tự động chơi nhạc còn loop= true là lặp lại bài hát nếu hết)
    Loading...

Chia sẻ trang này