<![CDATA[Văn Nam Blog's]]> http://vannamdl.net/blog/index.php vi http://vannamdl.net/blog/post/Code-to-tinh-new.php <![CDATA[Code tỏ tình new]]> Admincòi <admin@vietboblog.com> Wed, 12 May 2010 04:23:59 +0000 http://vannamdl.net/blog/post/Code-to-tinh-new.php Highslide JS


Bạn nào muốn tỏ tình vs bạn gái của mình với phong cách mới thì các bạn dùng code này nhé
Demo: http://vannamdl.net/aye

Dowload
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập
Tags - ]]> http://vannamdl.net/blog/post/Index-Tet-2010.php <![CDATA[Index Tết 2010]]> Admincòi <admin@vietboblog.com> Mon, 11 Jan 2010 10:15:46 +0000 http://vannamdl.net/blog/post/Index-Tet-2010.php

Highslide JS


Bấm vào đây tải về ]]> http://vannamdl.net/blog/post/Thiep-noel-Va-Nam-moi-2009.php <![CDATA[Thiệp noel Và Năm mới 2009]]> Admincòi <admin@vietboblog.com> Mon, 21 Dec 2009 16:13:15 +0000 http://vannamdl.net/blog/post/Thiep-noel-Va-Nam-moi-2009.php

Highslide JS


demo online : http://vannamdl.net/noel
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập
Tags - , ]]> http://vannamdl.net/blog/post/Flash-intro-hang-xin-moi-dep.php <![CDATA[Flash intro hàng xịn mới đẹp]]> Admincòi <admin@vietboblog.com> Tue, 15 Sep 2009 06:23:37 +0000 http://vannamdl.net/blog/post/Flash-intro-hang-xin-moi-dep.php Cái này được lấy từ templatemonster.com về
Các bạn giải nén file ra rùi edit các chử trong XML nhé
Demo:
http://images.templatemonster.com/screenshots/22100/22188.html
http://images.templatemonster.com/screenshots/22100/22189.html
http://images.templatemonster.com/screenshots/22100/22190.html
http://images.templatemonster.com/screenshots/22300/22384.html

Tải về
22188
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập
22189
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập
22190
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập
22384
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập

Tags - ]]> http://vannamdl.net/blog/post/Code-Photoshop-Online-Moi-.php <![CDATA[Code Photoshop Online Mới ]]> Admincòi <admin@vietboblog.com> Fri, 28 Aug 2009 09:35:50 +0000 http://vannamdl.net/blog/post/Code-Photoshop-Online-Moi-.php Download về, giải nén và upload lên host của bạn. Xong
Các bạn xem ảnh nhá
Highslide JS
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập
Tags - ]]> http://vannamdl.net/blog/post/Flash-MP3-Player-Open-Source.php <![CDATA[Flash MP3 Player - Open Source]]> Admincòi <admin@vietboblog.com> Fri, 14 Aug 2009 03:00:34 +0000 http://vannamdl.net/blog/post/Flash-MP3-Player-Open-Source.php Highslide JS

Thành phần :
     * Flashmp3player.html - giới thiệu việc sử dụng máy nghe nhạc với các ý kiến;
     * Default.xml - tùy chỉnh các cài đặt;
     * Flashmp3player.swf - biên soạn Flash ứng dụng;
     * Flashmp3player.php - tập lệnh mà quét cho các thư mục và tập tin mp3-ID3 đọc thẻ;
     * Swfobject.js - tập lệnh đó phát hiện Flash.

Cài đặt
Bước 1
Sao chép tất cả các tập tin vào web của bạn và hãy thử chạy flashmp3player.html. Bạn sẽ có thể nghe thử bài hát. Nếu nó hoạt động, sau đó chuyển sang bước tiếp theo.
Lưu ý: máy chủ của bạn nên hỗ trợ cho PHP chỉ lệnh này để làm việc.
Bước 2
Bạn cần phải nhúng nhạc vào trang web của bạn. Bạn có thể sao chép và dán mã từ flashmp3player.html hoặc từ đây.
Lưu ý: Bạn có thể thay đổi vị trí của tập tin trong các mã. Những con đường có thể được thân nhân hoặc tuyệt đối (trừ các thư mục mp3, mà phải luôn luôn được liên quan đến php script).
Thêm code dướinày vào phần đầu  của trang web hoặc blog của bạn
<!-- Location of javascript. --> <script language="javascript" type="text/javascript" src="swfobject.js" ></script>

Thêm phần này vào thân của trang web của bạn, nơi mà bạn muốn trình chơi nhạc xuất hiện
<!-- Div that contains player. --> <div id="player"> <h1>No flash player!</h1> <p>It looks like you don't have flash player installed. <a href="http://www.macromedia.com/go/getflashplayer" >Click here</a> to go to Macromedia download page.</p> </div>

Hoặc code này
<!-- Script that embeds player. --> <script language="javascript" type="text/javascript"> var so = new SWFObject("flashmp3player.swf", "player", "290", "247", "9"); // Location of swf file. You can change player width and height here (using pixels or percents). so.addParam("quality","high"); so.addVariable("content_path","mp3"); // Location of a folder with mp3 files (relative to php script). so.addVariable("color_path","default.xml"); // Location of xml file with color settings. so.addVariable("script_path","flashmp3player.php"); // Location of php script. so.write("player"); </script>

  
Lưu ý: Bạn có thể thay đổi chiều rộng và chiều cao của máy nghe nhạc (bằng cách sử dụng pixel hay phần trăm).
Bước 3
Bạn có thể tùy chỉnh trong máy nghe nhạc trông default.xml bằng cách thay đổi các biến sau đây:
Trích dẫn
scroll_bar_color (Scrollbar màu sắc)
scroll_bar_bg_color Scrollbar màu nền
arrows_color (Scrollbar mũi tên màu sắc)
border_color (Borders màu sắc)
buttons_color1 1. (gradient màu nền cho các nút bấm)
buttons_color2 2.( gradient màu nền cho các nút bấm)
buttons_normal (màu sắc)
buttons_over (Rê chuột lên nút màu)
background_color (màu nền)
volume_active (hoạt động khối lượng màu sắc)
Không hoạt động volume_inactive khối lượng màu sắc
text_normal tiêu đề màu sắc
text_over Rê chuột lên các bài hát tiêu đề màu sắc
text_select tiêu đề bài hát được chọn màu sắc
playlist_item_normal Playlist mục màu sắc
playlist_item_over Rê chuột lên các danh sách mục màu sắc
playlist_item_select mục sách được chọn màu sắc
playlist_position phát hiện tại vị trí màu sắc
Bắt đầu chơi autoplay tải trên trang web (trên, off)
autoresume Saves chơi vị trí và khối lượng người sử dụng khi di chuyển từ trang đến trang (trên, off)
default_volume Mặc định khối lượng (từ 0 đến 100)
numeration ca khúc numeration (on, off)
Sông thời gian timer (elapsed, còn lại, tổng số, off)


Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập

Tags - ]]> http://vannamdl.net/blog/post/Tao-Menu-dang-tab-.php <![CDATA[Tạo Menu dạng tab ]]> Admincòi <admin@vietboblog.com> Sat, 25 Jul 2009 15:01:30 +0000 http://vannamdl.net/blog/post/Tao-Menu-dang-tab-.php Trong menu dạng này bao giờ cũng gồm 2 phần, phần 1 để chứa các tab và phần thứ hai là phần để chứa nội dung của các tab. để có hình dung rõ hơn chúng ta sẽ xem hình ảnh minh họa dưới đây.
Đầu tiên chúng ta sẽ định dạng cho phần khung của tab như sau:
Trích dẫn

div#wrapper {
  margin: 50px;
  padding: 0;
}


Chúng ta sẽ dùng định dạng của thẻ <ol> để tạo lên các tab ở phần 1. Về nguyên tắc thì chúng ta có thể dùng một trong ba thẻ <ul>, <ol>, <dl>. Nhưng tại sao tôi lại dùng thẻ <ol>, là bởi vì một lý do nào đó mà trình duyệt của người xem không tải được CSS từ Website của bạn thì họ vẫn hiểu được cấu trúc tab của bạn. Định dạng của phần một như sau

Trích dẫn

<ol class=”tab”>
<li class=”active”>Trang chủ</li>
<a href=”gioithieu.html” title=”Giới thiệu”>Giới thiệu</a>
<a href=”sanpham.html” title=”Sản phẩm”>Sản phẩm</a>
<a href=”tintuc.html” title=”Tin tức”>Tin tức</a>
<a href=”lienhe.html” title=”Liên hệ”>Liên hệ</a>
</ol>


Bây giờ chúng ta sẽ định dạng sao cho các tab nằm trên cùng một hàng và có hình dáng của tab.

Trích dẫn

ol.tab {
  background: url(../dot.gif) repeat-x left bottom; /* ảnh 1px */
  list-style: none;
  margin: 0;
  padding: 6px 0;
  position: relative;
}
ol.tab li {
  background: #F2F5FA;
  border: 1px solid #D3DDED;
  display: inline; /* các thẻ li ở trên một dòng */
  margin-right: 5px;
  padding: 0;
}


Trong cách định dạng này ta có sử dụng một kỹ thuật nhỏ, đó là chúng ta có sử dụng một ảnh .gif có kích thước 1px x 1px để thay thế border-bottom của <ol>

Khi đang ở trong trang nào đó thì tab của trang đó sẽ có màu khác với những tab khác, do vậy chúng ta sẽ đặt cho tab đó một class là active. Vì vậy chúng ta cần phải định dạng cho riêng cho các tab active như sau:

Trích dẫn

ol.tab li.active {
  background: #FFF;
  border-bottom: 1px solid #FFF;
  font-weight: bold;
  padding: 5px 10px;
}

Tiếp theo chúng ta sẽ định dạng cho các link nằm trong thẻ
Trích dẫn

ol.tab a {
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
}


Cuối cùng bây giờ chúng ta sẽ định dạng phần chứa nội dung của mỗi tab. Phần này chỉ đơn giản là chúng ta định dạng cho thẻ <div> chứa nội dung.
Trích dẫn

div#content {
  border: 1px solid #D3DDED;
  border-top: none;
  padding: 10px;
}


Và bây giờ các bạn mở file .html bằng một trình duyệt nào đó và ngắm nhìn kết quả của mình. Các bạn thấy đấy menu dạng tab đâu có quá phức tạp đúng không các bạn? các bạn có thể tải toàn bộ ví dụ tại đây.
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập

Tags - ]]> http://vannamdl.net/blog/post/Cach-chen-chuot-vao-trang-web-blog.php <![CDATA[Cách chèn chuột vào trang web blog]]> Admincòi <admin@vietboblog.com> Tue, 23 Jun 2009 10:25:07 +0000 http://vannamdl.net/blog/post/Cach-chen-chuot-vao-trang-web-blog.php
<style> <!-- BODY{ cursor: url("cursor1.ani"); } a:hover { cursor: url("chuot.cur"); } --> </style>

cursor1.ani < là hình chuột ở trạng thái thường
chuot.cur là hình chuột khi di vào link
Ngoài ra còn kiểu chèn này nữa
<style type="text/css"> body { cursor:url("đường  dẫn chuột.ani"); } </style>

Nhận đuôi cur và ani ]]> http://vannamdl.net/blog/post/Cach-chen-chuot-vao-trang-web.php <![CDATA[Cách chèn chuột vào trang web]]> Admincòi <admin@vietboblog.com> Tue, 23 Jun 2009 10:24:33 +0000 http://vannamdl.net/blog/post/Cach-chen-chuot-vao-trang-web.php
<style> <!-- BODY{ cursor: url("cursor1.ani"); } a:hover { cursor: url("chuot.cur"); } --> </style>

cursor1.ani < là hình chuột ở trạng thái thường
chuot.cur là hình chuột khi di vào link
Ngoài ra còn kiểu chèn này nữa
<style type="text/css"> body { cursor:url("đường  dẫn chuột.ani"); } </style>

Nhận đuôi cur và ani ]]> http://vannamdl.net/blog/post/Tao-hieu-ung-tim-bay-cho-blog-forum-website.php <![CDATA[Tạo hiệu ứng tim bay cho blog, forum, website]]> Admincòi <admin@vietboblog.com> Tue, 23 Jun 2009 10:15:17 +0000 http://vannamdl.net/blog/post/Tao-hieu-ung-tim-bay-cho-blog-forum-website.php Chèn cái này vào header
<STYLE> a:hover { text-decoration: none; background: url('http://img11.imageshack.us/img11/2872/591400hxt8p0qdcj.gif') 0% bottom;  } </STYLE>

Đối với forum VBB
Chèn vào khung dưới cùng mục Additional CSS Definitions
của main CSS của skin cần làm
Chú ý;
Trích dẫn
http://img11.imageshack.us/img11/2872/591400hxt8p0qdcj.gif

Thay link bức ảnh muốn hiện nhé


Tags - , ]]>