Những kiệt tác về đồ họa

Đỉnh cao đồ họa
(tác giả :Christopher Haines)

[FD's BlOg] - Một vài tác phẩm đồ họa đẹp mắt.
(Tổng hợp từ Bahance)

More about →

CCS trong định dạng văn bản

CCS và các vấn đề về văn bản

[FD's BlOg] - Thuộc tính CSS text cho phép bạn hoàn toàn có thể quản lí được các thuộc tính của văn bản, bạn có thể quản lí được sự ẩn hiện của nó, thay đổi màu sắc, tăng hoặc giảm khoảng cách giữa các ký tự trong một đoạn, căn chỉnh việc dóng hàng (align).(nguồn YeahCCS)

Các thuộc tính của text mà CSS hỗ trợ.

1. Đặt màu cho một đoạn văn bản

Để đặt màu cho một đoạn văn bản chúng ta có thể dùng thuộc tính: color: #mã màu;

p {
color: #333333;
}

2. Đặt màu nền cho đoạn văn bản.

Bạn có thể đặt màu nền (background) cho đoạn văn bản bằng thuộc tính background-color: #mã màu;

p {
background-color: #FFFF00;
}

3. Căn chỉnh khoảng cách giữa các ký tự.

Khoảng cách giữa các ký tự trong một đoạn văn bản có thể được tăng hoặc giảm bởi thuộc tính letter-spacing: khoảng cách;

h3 {
letter-spacing: 2em;
}

h1 {
letter-spacing: -3em;
}

4. Căn chỉnh khoảng cách giữa các dòng.

Thuộc tính line-height: khoảng cách; sẽ giúp bạn căn chỉnh khoảng cách giữa các dòng trong một đoạn văn bản.

p {
line-height: 150%; // line-height: 15px;
}

5. Dóng hàng

Để gióng hàng cho một đoạn văn bản chúng ta sẽ dùng thuộc tính text-align: vị trí;

p {
text-align: left; /* left | center | right */
}

6. Trang trí thêm cho đoạn văn bản.

Một đường gạch chân hoặc đường gạch ngang dòng văn bản sẽ làm cho đoạn văn bản của bạn thêm sinh động. Để tô điểm thêm cho đoạn văn bản chúng ta sẽ dùng thuộc tính text-decoration: thuộc tính;

h3 {
text-decoration: underline; /* Gạch chân */
}

h2 {
text-decoration: line-through; /* Gạch ngang */
}

h1 {
text-decoration: overline; /* kẻ trên */
}

7. Chỉnh vị trí của đoạn văn bản (indent).

Thuộc tính text-indent: vị trí; sẽ căn chỉnh vị trí của dòng văn bản theo chiều ngang.

h1 {
text-indent: -2000px; /* text-indent: 30px; */
}

8. Điều kiển các ký tự trong một đoạn văn bản.

Bạn có thể điều khiển toàn bộ đoạn văn bản là chữ hoa hay chữ thường bởi thuộc tính text-transform: kiểu chữ;

p.uppercase {
text-tranform: uppercase;
}

p.lowercase {
text-tranform: lowercase;
}

p.capitalize {
text-tranform: capitalize;
}

9. Đặt hướng cho đoạn văn bản.

Hướng của đoạn văn bản có thể từ trái qua phải hay từ phải qua trái chúng ta có thể điều khiển bởi thuộc tính direction: hướng;

div.rtl {
direction: rtl; /* Right to left */
}

div.ltr {
direction: ltr; /* Left to right */
}

10. Tăng khoảng cách giữa các từ.

Khoảng cách giữa các từ có thể được tăng bởi thuộc tính word-spacing: khoảng cách;

  word-spacing: 30px;

11. Làm mất tác dụng của đường bao của một thẻ HTML.

Để làm mất tác dụng đường bao của một thẻ HTML chúng ta dùng thuộc tính white-space: giá trị;

p {
white-space: nowrap;
}

Thuộc tính white-space sẽ làm cho toàn bộ đoạn văn bản ở trên một dòng.

More about →

Thủ thuật BlOg : Làm cho blogspot trông pro hơn.

Biến BlOgsopt thành WEB
(dành cho người mới bắt đầu với blogspot)

[FD's BlOg] - Bài viết hôm nay mình sẽ giới thiệu tổng quát để làm cho blogspot trông pro hơn, đẹp mắt hơn. (ở đây mình chỉ giới thiệu những cái cơ bản, tức là sửa chữa lại từ các nền tảng có sẵn của các Theme. Còn phần sửa lại hòan tòan bố cục của BlOg (HTML lẫn CCS ), thì mình không đề cập ở đây).

BlOg gồm có 3 phần chính :
+ Header : gồm thanh Navbar và Banner.
+ Body : gồm phần đăng bài + các Widget
+ Footer : phần này bạn có thể tạo thêm các widget để trông pro hơn.

►Bắt đầu
1. Header:
- Để trông blog của bạn giống 1 Web hơn, điều đầu tiên là phải dấu thanh Navbar đi.

"Blogger NavBar là một thanh điều hướng và thanh công cụ có biểu mẫu cho phép mọi người tìm kiếm chỉ trong weblog của bạn sử dụng tính năng SiteSearch của Google và cho bạn khả năng xem những gì đang xảy ra với những blog khác mới được công bố gần đây chỉ bằng một nhấp. Thanh này thay thế các quảng cáo từng được hiển thị phía trên cùng của một số blog."

Để làm việc này, rất đơn giản, bạn vào phần chỉnh sửa Code HTML (bên phần layout- Bố cục), tìm đến dòng :
]]></b:skin>

thêm vào đoạn mã sau:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

Thế là xong, thanh Navbar đã biến mất. Thật đơn giản . Và bạn cũng hoàn toàn yên tâm, việc làm này không vi phạm những quy định cũng như chính sách sử dụng dịch vụ của Google Blogger.

- Tiếp đến là việc chèn 1 Banner vào Header. Việc này tùy vào mỗi người, có thể tự tạo ra banner hay 1 logo... mang phong cách riêng cho blog của bạn. Phần này mình cũng chưa hài lòng lắm với blog của mình.

2. Body:
a. Về các Widget :
- Khuyến cáo các bạn nên tự tạo các widget riêng cho mình, không nên xài những cái có sẵn mà blogspot hỗ trợ, sở dĩ mình nói như vậy là để tạo ra 1 cái riêng cho blog mình, và làm như thế mới thu hút người xem.
- Dễ nhất là tạo các widget HTML/Javascript mà blogspot hỗ trợ, rồi viết code vào đó để tạo ra 1 widget (nhớ để trống tiêu đề của widget HTML/Javascript khi bạn chèn vào). Như vậy widget hiện lên sẽ không có tiêu đề (chỉ có phần nội dung), không s ao, bạn có thể tự viết 1 tiêu đề cho từng widget này (viết vào phần đầu mỗi code khi bạn chèn code vào widget HTML/Javascript).
- Thông thường các widget (sidebar) này nằm ở bên trái hoặc phải phần bài đăng. Nếu các bạn muốn nó hiện ở phần bài đăng (trên hoặc dươi bài đăng), thì các bạn có thể tạo nó ở bên sidebar, rồi di chuyển chúng tới nơi muốn đặt, việc di chuyển chỉ đơn giản là nhấp và kéo chuột.(phần này bạn thực hiện trong bố cục --> phần tử trang).

b.Phần bài đăng
- Để trông pro hơn, các bạn nên sử dụng Nút "xem thêm..." ở mỗi bài v iết. Điều này rất có lợi cho việc load trang chính (đối với các bài có nhiều hình hay bài dài, việc này ảnh hưởng nhiều tới việc load trang chính), ngòai ra còn về việc thẩm mỹ. Điều này sẽ làm cho bố cục của trang chính trông gọn gàng hơn.
- Để làm điều này bạn có thể xem chi tiết tại đây.

c. Tạo các menu truy cập:
- Để làm việc này bạn tạo 1 cái widget HTML/Javascript. Các widget này cái bạn có thể đặt ở đâu tùy, thông thường đặt ngay trên đầu, ngay sau banner, hoặc đặt ở các sidebar bên trái.
- Ở đây mình giới thiệu 2 lọai menu : menu đơn thuần, và menu dạng cha con.

menu đơn thần
Menu kiểu cha con

- Hướng dẫn tạo menu đơn thuần : Các bạn có thể tham khảo đọan code bên dưới

<style type="text/css">
.nav2sub{ // CCS của menu
background:#F57900; //màu nền
margin-top:1px;
padding:1px;
color: #fff;; //màu chữ
margin: 1 1px;
padding: 5px 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border-top:1px #fff solid; //màu và độ rộng của đường viền
cursor:pointer;
}
</style>
<script type="text/javascript">

function otab()
{
document.write('<table border="0" bordercolor="#999" style="background-color: #FFF" cellspacing="0" cellpadding="0">');
}

function submn(submn_label,submn_text)
{
document.write('<tr><td onmouseover="this.style.background='#39'" onmouseout="this.style.background='F57900'" class="nav23sub" onclick="window.location.href=\'http://fandung.blogspot.com/search/label/'+submn_label+'\'">'+submn_text+'</td></tr>'); // tác động đổi màu khi rê chuột vào, các bạn có thể thay đổi màu tùy thích
}

function ctab(){
document.write('<\/table>');
}
function otab(child_id)
{
document.write('<table id="' + child_id +'" border="0" bordercolor="#999" style="background-">');
}

// end of define functions!

</script>
<table border="0" bordercolor="#999" style="background-">
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com'">HOME</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/nghe-nhac.html'">MUSIC</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/test.html'">PICTURE</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/push-button-publishing-phan-tien-dung.html'">ABOUT ME</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/contact-me.html'">CONTACT ME</td></tr>
</table>

- Hướng dẫn tạo menu cha & con : mình đã có viết 1 bài hướng dẫn, các bạn có thể xem tại đây.

3. Footer:
- Phần này tùy vào bạn. Có thể tham khảo footer của mình.

Chúc các bạn thành công.

More about →

JS : 1 ví dụ về lệnh onmouseover trong JavaScript

JavaScript onmouseover Event

[FD's BlOg] - Bài viết này mình giới thiệu 1 ứng dụng nhỏ của lệnh onmouseover trong Java. Lệnh này sẽ tạo ra biến cố khi ta rê chuột vào 1 vùng được chỉ định sẵn.



Cấu trúc lệnh :

onmouseover="SomeJavaScriptCode"

Ví dụ : đọan code dưới sẽ tạo ta 1 cảnh báo nho nhỏ khi ta rê chuột vào hình, cụ thể trong ví dụ này sẽ là lời chào :"Chào mừng các bạn đến với BlOg FD!"

Code:

<img src="http://vinaanh.com/images0/41529/f/49b78835c1ce2_f.jpg" alt="FD's BlOg" onmouseover="alert('Chào mừng các bạn đến với BlOg FD!')" />

Kết quả:

More about →

[MF/MU/RS] Ong Bak 2 (2008) DVDrip bản đẹp 2 CD (link mediafire)

Tony Jaa vào vai Ting, con trai của 1 vị tướng dũng mãnh. Từ nhỏ Ting đã lộ tư chất là một kỳ tài võ học, nhưng cha anh không dạy cho anh võ mà chỉ dạy múa. Thế rồi 1 biến cố xảy ra đã làm thay đổi cả cuộc đời Ting, cả nhà Ting đều bị sát hại. Ting may mắn sống sót và bị bọn buôn người bắt. Ting may mắn được 1 đầu mục cứu sống và dạy võ. 18 năm sau, cuộc trả thù bắt đầu ...

Một chút thông tin về bộ phim
Tựa phim : Ong Bak 2
Sản xuất năm : 2008
Thể lọai : Action / Martial art
Thời gian : 93 min.
Source : DVD-9
CDs : 2
Định dạng : AVI
Codec : XVID
BitRate (video) : 1593 Kbps
BitRate (sound): 448 Kbps
Phân giải : 640 * 272
FrameRate : 25fps (hình/ giây)
Sub : Việt
More Info: http://www.imdb.com/title/tt0785035/


►Link download:
Mediafire (FD upload ngày 5/4/2009)

CD 1
http://www.mediafire.com/?imuxxznizoj
http://www.mediafire.com/?bzjzyzztnmz
http://www.mediafire.com/?dtnmzdyrdz2
http://www.mediafire.com/?4mjkngodnze
http://www.mediafire.com/?zgyy55mngjz
http://www.mediafire.com/?xtunhz0mdjn
http://www.mediafire.com/?hlzmdgzzima
http://www.mediafire.com/?jmnmymjnkhz
CD2
http://www.mediafire.com/?112w4zm2xjn
http://www.mediafire.com/?njr1nz1qzmm
http://www.mediafire.com/?inczmykewhu
http://www.mediafire.com/?5zizii3efy2
http://www.mediafire.com/?ntgizjmjgzm
http://www.mediafire.com/?dwhx24mmqmn
http://www.mediafire.com/?tgztjnqkxja
http://www.mediafire.com/?z5znmmn2fn4

►Link dự trữ:

MegaUpload

http://www.megaupload.com/?d=IMZN2802
http://www.megaupload.com/?d=6SO98KB0
http://www.megaupload.com/?d=BFFBIHVY
http://www.megaupload.com/?d=1SFQNQW7
http://www.megaupload.com/?d=RBKVJQCA
http://www.megaupload.com/?d=L0UG8WTN
http://www.megaupload.com/?d=5UXTH6KX
http://www.megaupload.com/?d=7BIFQVQH
http://www.megaupload.com/?d=7Y576T2Q
http://www.megaupload.com/?d=KD86FL0X
http://www.megaupload.com/?d=EX7N2DMD
http://www.megaupload.com/?d=NYAWTRC0
http://www.megaupload.com/?d=KVMV7B10
http://www.megaupload.com/?d=1F4RU32P
http://www.megaupload.com/?d=97YH00ZC

RapidShare

http://rapidshare.com/files/214223102/tdm-ongbk2.part01.rar
http://rapidshare.com/files/214226471/tdm-ongbk2.part02.rar
http://rapidshare.com/files/214227336/tdm-ongbk2.part03.rar
http://rapidshare.com/files/214223728/tdm-ongbk2.part04.rar
http://rapidshare.com/files/214223760/tdm-ongbk2.part05.rar
http://rapidshare.com/files/214227228/tdm-ongbk2.part06.rar
http://rapidshare.com/files/214227378/tdm-ongbk2.part07.rar
http://rapidshare.com/files/214227165/tdm-ongbk2.part08.rar
http://rapidshare.com/files/214224444/tdm-ongbk2.part10.rar
http://rapidshare.com/files/214227612/tdm-ongbk2.part09.rar
http://rapidshare.com/files/214224553/tdm-ongbk2.part11.rar
http://rapidshare.com/files/214227719/tdm-ongbk2.part12.rar
http://rapidshare.com/files/214227830/tdm-ongbk2.part13.rar
http://rapidshare.com/files/214227911/tdm-ongbk2.part14.rar
http://rapidshare.com/files/214226572/tdm-ongbk2.part15.rar
Password: htp367

►Sub :

http://subscene.com/Ong-bak-2/subtitles-75559.aspx

More about →

Tạo Tag Cloud (Label) Dạng Flash Trên Blogspot

[FD's BlOg] - Thông thường từ trước tới nay chúng ta thường ít nhìn thấy các Tag Cloud ở các blog của Blogger.com.Tag Cloud để hiện thị các thẻ được sử dụng nhiều nhất. Thông thường các thẻ tag hay labels nào in đậm và to là thẻ được yêu chuộng nhất và chắc chắn có nhiều người sử dụng hoặc tìm kiếm nó nhất hay có nhiều bài liên quan nhất.

Bài viết này mình xin giới thiệu cách tạo Tag Ckoud dạng Flash, dạng động này được gọi là Tag Cloud"Blogumus". Là một tag dạng Flash widget được convert bởi Amanda từ nguồn plugin dành cho Wordpress của tác giả Roy Tanck .

Các bước tiến hành để tạo Tag Cloud Label dạng Flash cho blogspot.
Để tạo Blogumus vào trong Bố cục (Layout) Blogger của bạn rất đơn giản! Bạn chỉ cần sao chép và dán một phần của mã vào mẫu Blogger của bạn, trong quá trình tạo, tuỳ thuộc vào màu sắc của Blog hiển thị bạn cần chỉnh sửa thủ công một số chi tiết. Bạn vào đây để copy đọan mã và xem chi tiết hướng dẫn cách tạo Tag Flash.

More about →

Những câu châm ngôn hay về cuộc sống

[FDs BlOg] - Đôi khi, trong cuộc sống, có những thời điểm mà tất cả mọi thứ đều dường như chống lại bạn, đến nỗi bạn có cảm tưởng mình ko thể chịu đựng thêm một phút nào nữa. Nhưng hãy cố đừng buông xuôi và bỏ cuộc, vì sớm muộn gì mọi thứ rồi cũng sẽ thay đổi. [ Harriet Beecher Stowe ]

1. Có một nghịch lí: Hạnh phúc thật sự chỉ đến khi bạn biết mạnh dạn cho đi - chứ ko phải nắm giữ thật chặt. [ Christopher Hoare ]
2. Khi hướng về phía mặt trời, bóng tối sẽ khuất sau lưng ta.......Khi đêm đến bạn sẽ thấy những vì sao.....
3. Bạn chớ nên bỏ cuộc khi bạn vẫn còn điều gì đó để cho đi. Ko có gì là hoàn toàn bế tắc, sự việc chỉ thật sự trở nên bế tắc khi bạn thôi ko cố gắng nữa.
4. Mỗi ngày là một món quà mà cuộc sống đã ban tặng cho chúng ta.
5. Điều quan trọng ko phải vị trí ta đang đứng, mà ở hướng ta đang đi.
6. Niềm tin là một sức mạnh có thể biến điều ko thể thành điều có thể.
7. Người ta có thể quên đi điều bạn nói, nhưng những gì bạn để lại trong lòng họ thì ko bao giờ nhạt phai.
8. Thật dễ nuối tiếc về một điều gì đó đã mất đi nhưng sẽ rất khó nhận ra và trân trọng những gì ta đang có...
9. Niềm tin vào chính mình có sức mạnh xua tan bất kì sự hoài nghi nào của người khác.
10. Khi tự nhìn nhận cuộc sống của mình đã hoàn hảo, ko còn mục đích lớn lao gì nữa thì có nghĩa là cuộc sống của bạn đang mất đi rất nhiều ý nghĩa.
11. Mọi thứ rồi sẽ qua đi, chỉ còn tình người ở lại.
12. Cách nhìn sự việc quan trọng hơn những gì đã diễn ra.
13. Khi là chính mình, bạn ko có bất cứ điều gì phải sợ hãi.
14. Với thế giới, bạn chỉ là một hạt cát nhỏ - nhưng với một người nào đó, bạn là cả thế giới của họ.
15. Nếu chỉ nhìn vào vẻ bề ngoài của một người thì có lẽ bạn sẽ thất vọng, nhưng nếu bạn nhìn một người theo cách mà bạn mong muốn thì nhất định họ sẽ trở thành người như bạn mong đợi.
16. Chúng ta sẽ nhận lại những gì chúng ta cho đi.
17. Hãy nhìn ra thế giới xung quanh để thấy rằng bạn vẫn còn rất hạnh phúc so với những đau khổ mà người khác đang phải gánh chịu.
18. Cuộc sống ko bao giờ là bế tắc thực sự hay có khái niệm mất tất cả một khi bạn còn có niềm tin.
19. Trong cuộc sống, nơi nào có một người chiến thắng, nơi đó có một người thua cuộc. Nhưng người biết hi sinh vì người khác luôn luôn là người chiến thắng.
20. Không tin vào chính mình - tức là bạn đã thất bại một nửa trước khi bắt đầu.
21. Sự chia sẻ và tình yêu thương là điều quý giá nhất trên đời.
22. Cho dù hoàn cảnh hiện tại có tồi tệ thế nào đi nữa, sẽ ko có thời điểm nào cho sự bắt đầu tốt hơn là ngay từ bây giờ.
23. Những kí ức và kỉ niệm đẹp sẽ giúp con người vượt qua những thử thách của cuộc sống.
24. Người bi quan luôn tìm thấy những khó khăn trong mọi cơ hội.
25. Người lạc quan luôn nhìn được những cơ hội trong từng khó khăn.
26. Sự thay đổi của cuộc sống là điều ko thể tránh khỏi - Việc của chúng ta đơn giản là lựa chọn cách để vượt qua mà thôi.
27. Sự khác biệt giữa những người thành công và những người thất bại ko phải là ở sức mạnh, kiến thức hay sự hiểu biết - mà chính là ở ý chí.
28. Hãy làm những việc bình thường bằng lòng say mê phi thường.

More about →