WEBBLOGVN.COM » Công cụ hỗ trợ http://webblogvn.com/blog Chia sẻ kiến thức Web |Blog | Forum | Free Download | Free ebook | Free soft | Free game | Free source | Relax Wed, 28 Jul 2010 08:00:47 +0000 http://wordpress.org/?v=2.8 en hourly 1 Glowing tạo ra một hiệu ứng ánh sáng http://webblogvn.com/blog/glowing-t%e1%ba%a1o-ra-m%e1%bb%99t-hi%e1%bb%87u-%e1%bb%a9ng-anh-sang/ http://webblogvn.com/blog/glowing-t%e1%ba%a1o-ra-m%e1%bb%99t-hi%e1%bb%87u-%e1%bb%a9ng-anh-sang/#comments Wed, 09 Jun 2010 15:59:07 +0000 admin http://webblogvn.com/blog/?p=2038 I was really impressed by all the effects these guys can create taking photos with long exposures.
Tôi đã thực sự gây ấn tượng bởi tất cả các hiệu ứng này có thể tạo guys chụp ảnh với lâu exposures

Then I thought it would be a nice idea to do that in Photoshop.

Sau đó, tôi cứ nghĩ rằng nó sẽ là một ý tưởng tốt đẹp để làm điều đó trong Photoshop.

So in this tutorial I will show you an easy, and very fast way, to create a light painting in Photoshop.

Như vậy, trong hướng dẫn này tôi sẽ cho bạn thấy một cách dễ dàng, và rất nhanh cách, để tạo ra một ánh sáng sơn trong Photoshop.

Step 1

Bước 1

Create a new document and place the photo, you can download:

Tạo một tài liệu mới và để các hình ảnh, bạn có thể tải về:

Step 2

Bước 2

Here I placed a second image.

Ở đây tôi đặt một hình ảnh thứ hai.

I will use it to create the light effects.

Tôi sẽ sử dụng nó để tạo ra hiệu ứng ánh sáng.

Step 3

Bước 3

With the Pen Tool(P), create a path for one of the figures.

Với Công cụ Bút (P), tạo ra một con đường cho một trong những con số.

Step 4

Bước 4

Select the Brush Tool(B) and go to Window>Brushes or F5 to create our brush.

Chọn Công cụ Brush (B) và đi đến cửa sổ> chổi hay F5 để tạo brush của chúng tôi.

Use 8px for the diameter and select Dual Brush and Other Dynamics.

Sử dụng 8px cho các đường kính và chọn Dual Brush và Dynamics khác.

Follow the image below for reference.

Làm theo những hình ảnh dưới đây để tham khảo.

Step 5

Bước 5

Go to the Layer Palette, create a new folder, and rename it to lights.

Về đến lớp Palette, tạo một thư mục mới, và đổi tên nó để đèn.

After that create a new layer inside this folder, name it “dude”, and select it.

Sau đó tạo ra một lớp mới bên trong thư mục này, tên nó “dude”, và chọn nó.

Step 6

Bước 6

Go to the Path Palette and select the first path.

Về đến Đường dẫn Palette và chọn đường dẫn đầu tiên.

Then with the Path Selection Tool(A), select the path and right-click.

Sau đó, với Đường dẫn Công cụ Selection (A), chọn con đường và bấm-chuột-phải.

Choose Stroke Path.

Chọn con đường đột quỵ.

A dialog box will open; select the brush and use Simulate Pressure.

Một hộp thoại sẽ mở ra; chọn brush và sử dụng Mô phỏng áp lực.

After that go to Filter>Blur>Gaussian Blur, use 1.6px for the amount.

Sau đó đi đến Lọc> Blur> Gaussian Blur, 1.6px cho sử dụng số tiền.

Step 7

Bước 7

Duplicate the “dude” layer three times.

Bản sao của “dude” lớp ba lần.

Step 8

Bước 8

Select the Rectangle Tool (U) and create a rectangle.

Chọn Công cụ Rectangle (U) và tạo ra một rectangle.

Then duplicate the rectangle several times.

Sau đó, các bị trùng lặp rectangle vài lần.

After that align and distribute them horizontally.

Sau đó align và phân phối chúng theo chiều ngang.

Step 9

Bước 9

Create a new layer inside the lights folder.

Tạo một lớp mới bên trong thư mục đèn chiếu sáng.

Rename it to “xing”.

Đổi tên thành “Xing”.

Repeat Step 6 and Stroke the paths.

Lặp lại Bước 6 và Tai biến mạch máu não của những con đường dẫn.

After that select the “xing” layer and go to Edit>Transform>Distort.

Sau đó chọn “Xing” lớp và đi đến Hiệu chỉnh> transform> Distort.

Now just move the vertices until the perspective is good—just follow the street lines.

Bây giờ chỉ cần di chuyển các đỉnh cho đến khi được xem là tốt-chỉ cần làm theo các đường phố dòng.

Conclusion

Kết luận

That’s probably the easiest way to create this type of light effect; however, it depends on the color of the background.

Đó là lẽ cách dễ nhất để tạo ra ánh sáng của loại này có hiệu lực; Tuy nhiên, điều đó tùy thuộc vào màu sắc của các nền.

If the background is too dark, the blend mode won’t work.

Nếu nền là quá tối, các chế độ pha trộn sẽ không hoạt động.

You’ll probably have to use another one with an Outer Glow.

Bạn sẽ rất có thể phải sử dụng một số khác với một Outer Glow.

You can make the lights brighter by just duplicating the layers.

Bạn có thể làm cho các đèn hiển thị rõ hơn bằng cách chỉ nhân đôi trong lớp.

You can even use the Eraser Tool(E) to make some adjustments.

Bạn thậm chí có thể sử dụng Công cụ Eraser (E) để thực hiện một số điều chỉnh.

The original concept image can be viewed at Light Graffiti In Photoshop .

Khái niệm ban đầu hình ảnh có thể được xem tại Light Graffiti Trong Photoshop.

The final tutorial image is below.
Cuối cùng là hình ảnh hướng dẫn dưới đây.

Theo hocdohoa

Bài viết liên quan

]]> http://webblogvn.com/blog/glowing-t%e1%ba%a1o-ra-m%e1%bb%99t-hi%e1%bb%87u-%e1%bb%a9ng-anh-sang/feed/ 0 Tạo vùng quảng cáo trổi nổi trên trang web. http://webblogvn.com/blog/t%e1%ba%a1o-vung-qu%e1%ba%a3ng-cao-tr%e1%bb%95i-n%e1%bb%95i-tren-trang-web/ http://webblogvn.com/blog/t%e1%ba%a1o-vung-qu%e1%ba%a3ng-cao-tr%e1%bb%95i-n%e1%bb%95i-tren-trang-web/#comments Tue, 11 May 2010 15:26:07 +0000 admin http://webblogvn.com/blog/?p=2000
Các bạn chắc đã quen thuộc với việc 1 trang web có 2 vùng quảng cáo chạy dọc biên. Hiện tại trên mạng có khá nhiều code giải quyết bài toán này, nhưng thường khá là phức tạp, rườm rà. Mấy hôm trước có 1 người bạn nhờ mình viết, tiện thể post lên để anh em tham khảo và áp dụng.
Code của mình có thể còn dài dòng hơn, nhưng có ưu điểm là dùng rất dễ và có thể áp dụng cho rất nhiều trường hợp.
<?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>uoon demo Set Position</title>
<style type="text/css">
.float {
width: 115px;
height: 200px;
border: solid 1px blue;
}

</style>
</head>
<body>
<div style="width: 2000px;height: 2000px;">
<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>
</div>
</body>

<script type="text/javascript">

function setPosition(id, position) {

var store = {
ram : {
top : 0,
left : 0,
right : 0,
bottom : 0
},
rom : {
top : null,
left : null,
right : null,
bottom : null
}
};

for (var i in position) {store.rom[i] = position[i];}

var element = document.getElementById(id);

for (i in store) {element[i] = store[i];}

element.rom.move = function() {

if (window.innerHeight) {
var topPage = window.pageYOffset;
var leftPage = window.pageXOffset;
var rightPage = leftPage + window.innerWidth - element.offsetWidth;
var bottomPage = topPage + window.innerHeight - element.offsetHeight;
}
else {
var topPage = document.body.scrollTop;
var leftPage = document.body.scrollLeft;
var rightPage = leftPage + document.body.clientWidth - element.offsetWidth;
var bottomPage = topPage + document.body.clientHeight - element.offsetHeight;
}

element.style.position = "absolute";

if (element.rom.top != null) {
element.ram.top += Math.round((topPage + element.rom.top - element.ram.top)/20);
element.style.top = element.ram.top;
}
if (element.rom.left != null) {
element.ram.left += Math.round((leftPage + element.rom.left - element.ram.left)/20);
element.style.left = element.ram.left;
}
if (element.rom.right != null) {
element.ram.right += Math.round((rightPage - element.rom.right - element.ram.right)/20);
element.style.left = element.ram.right;
}
if (element.rom.bottom != null) {
element.ram.bottom += Math.round((bottomPage - element.rom.bottom - element.ram.bottom)/20);
element.style.top = element.ram.bottom;
}

setTimeout("document.getElementById('"+element.id+"').rom.move()",10);

};

element.rom.move();
}

setPosition("a", {top: 20, right: 30});
setPosition("b", {bottom: 20, right: 30});
setPosition("c", {top: 20, left: 30});

</script>
</body>
</html>

?>

Muốn đặt một vùng quảng  cáo ở vị trí nào bạn chỉ  cần gọi hàm setPosition và truyền vào cho nó id của vùng quảng cáo và vị trí mà bạn muốn nó xuất hiện như sau:

Vd:
setPosition("ad", {top: 20, left: 100});

hàm này chỉ hỗ trợ 4 loại định vị là top, left, right, bottom
khi sử dụng tùy ý thiết lập.

Theo phpbasic

Bài viết liên quan

]]> http://webblogvn.com/blog/t%e1%ba%a1o-vung-qu%e1%ba%a3ng-cao-tr%e1%bb%95i-n%e1%bb%95i-tren-trang-web/feed/ 0 4shared- nâng cấp lên 10GB miễn phí và nhiều hơn thế http://webblogvn.com/blog/4shared-nang-c%e1%ba%a5p-len-10gb-mi%e1%bb%85n-phi-va-nhi%e1%bb%81u-h%c6%a1n-th%e1%ba%bf/ http://webblogvn.com/blog/4shared-nang-c%e1%ba%a5p-len-10gb-mi%e1%bb%85n-phi-va-nhi%e1%bb%81u-h%c6%a1n-th%e1%ba%bf/#comments Sat, 01 May 2010 16:18:36 +0000 admin http://webblogvn.com/blog/?p=1991 10GB ảo miễn phí để lưu trữ, giao diện tiếng Việt, tốc độ download/upload cao, các lựa chọn tùy biến tuyệt vời cùng với giao diện quản lí ổ đĩa ảo được thiết kế đẹp và khoa học với phong cách tương tự như Windows Explorer…

Tại sao lại nên dùng 4shared

:

+Dung lượng: 4shared tỏ ra khá hào phóng khi cung cấp bạn tới 10GB ảo lưu trữ, dung lượng tối đa của một tập tin cũng lên tới 200 MB.

+Giao diện Tiếng Việt: có lẽ 4shared là dịch vụ lưu trữ lưu trữ dữ liệu duy nhất từ nước ngoài có hỗ trợ tiếng Việt. Điều này rất quan trọng, bởi nó cho phép người dùng dễ dàng hơn trong việc sử dụng cũng như có thể khai thác tối đa các chức năng có trong 4shared.

+Tốc độ download/upload: Thử nghiệm với Mediafire-dịch vụ lưu trữ nổi tiếng về tốc độ upload.Kết quả khá bất ngờ khi tốc độ upload có phần nhỉnh hơn so với Mediafire, các bạn có thể thử nghiệm để kiểm chứng.

+Các tùy biến lựa chọn tuyệt vời nhất: Khi sử dụng 4shared, bạn sẽ cảm thấy nó thật thuận tiện và dễ dàng hệt như trên chiếc PC thân thuộc của mình: cũng có các cây thư mục, cũng có các tính nay cắt ,sao chép, dán thư mục ,chế độ xem (chi tiết, hình thu nhỏ), tìm kiếm, tiến về trước hay quay lại…khá nhiều trong chúng được tích hợp vào menu chuột phải nên rất thuận tiện khi thao tác.

+Nhiều dịch vụ “đi kèm’ nhất:4shared còn cung cấp cho bạn rất nhiều tiện ích để bạn tìm kiếm, tăng tốc tải file cũng như phần mềm để “liên thông” giữa 4shared với máy bạn.

Chỉ từng đấy thôi cũng phần nào thấy được sự hấp dẫn của dịch vụ này.   1 ) Đăng kí

Mặc dù việc tìm kiếm và download file tại 4share.com là hoàn toàn miễn phí và không yêu cầu đăng nhập nhưng khi đã có tài khoản thì bạn sẽ còn được hưởng thêm rất nhiều tiệnn ích, ưu đãi đặc biệt. Chỉ với tài khoản Free thôi nhưng bạn sẽ được sở hữu những tính năng thực sự mạnh mẽ :

+Giao diện quản lí khoa học và thân thiện với thanh công cụ và trình đơn theo kiểu của Windows Explorer . +Tốc độ download/ upload nhanh. +Dung lượng lưu trữ lớn 10GB, dung lượng tối đa của một tập tin là 200 MB +Cho phép sử dụng 100 domain phụ dạng tencuaban.4shared.com truy cập nhanh chóng vào ổ đĩa ảo và các file, tập tin con bên trong, +Băng thông không hạn chế. +Xem trước các tập tin video, nhạc, văn bản ngay trên ổ đĩa ảo mà không cần phải tải về máy cá nhân. +Một nhược điểm của tài khoản miễn phí là tài khoản của bạn và tất cả tập tin sẽ bị xóa khỏi 4shared nếu bạn không đăng nhập vào tài khoản trong thời gian 30 ngày. Bạn cần lưu ý điều này. Tuy nhiên, nếu bạn dùng FireFox thì có thể cài thêm song song add-on Greasemonkey (https://addons.mozilla.org/en-US/firefox/addon/748 ) và Linkification (https://addons.mozilla.org/en-US/firefox/addon/190 ) để bỏ qua việc phải chờ đợi. + Chia sẻ thư mục bằng các mức truy cập khác nhau   -Bạn có thể sử dụng tài khoản Google hay OpenID để đăng nhập vào 4share.com. Nếu không, bạn hay tự tạo cho mình một account, để đăng kí 1 tài khoản FREE tại 4share.com.Các bạn truy cập địa chỉ : http://www.4shared.com/signup.jsp

-Việc đăng kí diễn ra đơn giản và nhanh chóng. Ngay sau đó bạn sẽ được đưa vào ổ đĩa ảo trực tuyến của mình. Giao diện quản lí ổ đĩa ảo được thiết kế đẹp và khoa học với phong cách tương tự như Windows Explorer quen thuộc giúp người sử đụng dễ dàng nắm bắt nhanh chóng các bước sử dụng.
2) Làm việc với Ổ đĩa ảo.
+UPLOAD FILE lên ổ đĩa ảo
-Để bắt đầu Upload, trong mục “Tải lên tập tin” bạn chọn Choose và tiến hành chọn file cần upload. Bạn có thể upload nhiều tập tin cùng một lúc lên ổ đĩa ảo của mình bằng cách bấm chọn Tải lên nhiều tập tin
-Sau khi quá trình upload thành công một pop up sẽ hiện thông báo hoàn thành và hỏi bạn có cho phép những người sử dụng khác dùng tìm kiếm để xem tại liệu không, nhấn Ok để đồng ý hay Canel để bỏ qua. Đồng thời, nó cũng cung cấp cho bạn các đường link download các file vừa tải, mã HTML, link coppy vào diễn đàn rất tiện lợi !
*Các chức năng trên Menu chuột phải.

*Nhóm chức năng di chuyển *Nhóm chức năng COPPY/CUT/PASTE/DELETE tập tin *Tạo thư mục mới / Chia sẻ thư mục / Nhúng vào web. *Email đính kèm file đã upload / xem đường link download file đã upload *Bật tắt chế độ Thumbnail / trình chiếu file ảnh / Bật tắt chế độ hiển thị cây thu mục

-File bạn  tải lên sẽ được lưu giữ tại thư mục ban đầu 4shared của tôi. Để tạo thư mục mới, bạn bấm vào nút Tạo thư mục mới trên thanh công cụ đặt tên cho thư mục mới và nhấp vào nút “OK” để hoàn tất việc tạo thư mục. Từ thư mục này bạn cũng có thể tạo thêm các thư mục con tiếp nữa.
-Khi bấm vào mục Chia Sẻ, bạn có thể cho phép hay không người khác truy cập vào ổ đĩa ảo của mình và các quyền hạn sử dụng
các tập tin. Đặc biệt vì đường dẫn đến liên kết thường dài và khó nhớ nên 4shared.com còn cho phép bạn sử dụng tên miền phụ dạng TENCUABAN.4shared.com giúp việc truy cập được nhanh chóng và thuận lợi. Để tạo tên miền phụ trong mục Miền phụ cho cả ổ đĩa ảo, 1 thư mục hay tập tin nào đó, bạn gõ cụm từ mình thích, kiểm tra tính sẵn có và chọn Lưu. Tài khoản miễn phí cho phép bạn tạo 100 tên miền dễ nhớ dành cho dữ liệu của mình. Bạn có thể lựa chọn quyền truy cập của người khác đối với các thưu mục trong ổ đĩa ảo của mình trong Tab Các quyền .
-Mặc định thì mọi người có quyền xem/download tất cả tập tin, xem các thư mục con trong ổ đĩa ảo của bạn. Các quyền hạn dành cho người sử dụng khác bao gồm : chỉ xem các tập tin “công cộng” , xem tất cả tập tin, xem các thư mục con ,tạo các thư mục con,xóa hoặc đổi tên tập tin,tải lên các tập tin khác, hiển thị các tập tin từ thư mục này trong tìm kiếm công cộng các kết quả.
3) Một số chú ý

*Phần mềm upload trực tiếp từ desktop Bạn có thể tham khảo và download phần mềm upload 4shared Desktop tại đây: http://www.4shared.com/uploader/ . Theo quảng cáo của nhà sản xuất thì phần mềm này có thể giúp bạn tăng tốc quá trình tải hàng trăm tập tin lên tài khoản hàng ngày và còn rất nhiều tiện ích khác! *Công cụ tìm kiếm file trên http://www.4shared.com/ 4shared còn cung cấp một công cụ tìm kiếm chuyên nghiệp của riêng họ giúp người sử dụng nhanh chóng tìm ra cái mà mình cần iại địa chỉ : http://www.4shared.com/network/search.jsp

Công cụ tìm kiếm này khá mạnh cho phép bạn tìm kiếm theo từng tiêu chí cụ thể rất thuận tiện :

+ Tên tập tin + Chủ đề tập tin nhất định (âm thanh, video, tài liệu, file nén, file điện thoại . . . ) +Một số loại file nhất định ( mp3, wav, avi, 3gp, mp4, mov, . bmp, gif, rar, zip, sis , exe . . . ) +Hạn định kích cỡ file tìm được. Đặc biệt, đối với những file được đặt thuộc tính công cộng sẽ có mục Thêm vào tài khoản của tôi, bạn chỉ cần bấm vào liên kết này là file tìm được sẽ tự động thêm vào ổ đĩa ảo của bạn. *Bạn cũng có thể cài thêm Add-on 4shared Search (https://addons.mozilla.org/vi/firefox/tag/4shared.com) để thuận tiện hơn khi tìm kiếm file trên 4shared nếu sử dụng trình duyệt FireFox *Nếu trong quá trình sử dụng gặp khó khăn, bạn hãy truy cập vào địa chỉ: http://www.4shared.com/faq.jsp để tham khảo một số câu hỏi thường gặp.

Viết Thịnh-Thanh Hải

Bài viết liên quan

]]> http://webblogvn.com/blog/4shared-nang-c%e1%ba%a5p-len-10gb-mi%e1%bb%85n-phi-va-nhi%e1%bb%81u-h%c6%a1n-th%e1%ba%bf/feed/ 0 Tạo bọt biển bằng Flash http://webblogvn.com/blog/t%e1%ba%a1o-b%e1%bb%8dt-bi%e1%bb%83n-b%e1%ba%b1ng-flash/ http://webblogvn.com/blog/t%e1%ba%a1o-b%e1%bb%8dt-bi%e1%bb%83n-b%e1%ba%b1ng-flash/#comments Sun, 18 Apr 2010 16:33:30 +0000 admin http://webblogvn.com/blog/?p=1988 Hôm nay chanwrng có gì để post cho blog , mình buồn chạy qua bác thegioiweb.vn đọc được thủ thuật tạo bọt biển bằng flash thấy hay hay nên copy về cho mọi người cùng nghịc ngợm

B1: Mở 1 file mới kích thước tuỳ, background color #0099FF
B2: Tạo 1 movieClip có 1 vòng tròn

B2: Tạo linkage cho movieClip đó

Đặt linkage là “sn”

B3: Viết code sau lên frame
Code:
soLuong = 70;
sW = Stage.width;
sH = Stage.height;
for (var i = 0; i<soLuong; i++) {
_root.createEmptyMovieClip(”snow”, 0);
snow = _root.attachMovie(”sn”, “sn”+i, i);
with (snow) {
_x = Math.random()*sW;
_y = Math.random()*sH;
_xscale = _yscale=_alpha=Math.random()*30+70;
}
this["sn"+i].ySpeed = Math.random()*3+0.5;
this["sn"+i].aa = 0;
this["sn"+i].ab = Math.random()*0.05+0.025;
_root["sn"+i].onEnterFrame = function() {
this._y -= this.ySpeed;
this.aa += this.ab;
this._x += Math.sin(this.aa);
if (this._x>sW+5) {
this._x = -5;
} else if (this._x<0) {
this._x = sW+5;
}
if (this._y>sH+5) {
this._y = -5;
} else if (this._y<-5) {
this._y = sH+5;
}
};
}

B4: Ctrl + Enter để test thử!

Bài viết liên quan

]]> http://webblogvn.com/blog/t%e1%ba%a1o-b%e1%bb%8dt-bi%e1%bb%83n-b%e1%ba%b1ng-flash/feed/ 0 Fileflyer.com: Chia sẻ file 2GB không giới hạn download tới địa chỉ email http://webblogvn.com/blog/fileflyer-com-chia-s%e1%ba%bb-file-2gb-khong-gi%e1%bb%9bi-h%e1%ba%a1n-download-t%e1%bb%9bi-d%e1%bb%8ba-ch%e1%bb%89-email/ http://webblogvn.com/blog/fileflyer-com-chia-s%e1%ba%bb-file-2gb-khong-gi%e1%bb%9bi-h%e1%ba%a1n-download-t%e1%bb%9bi-d%e1%bb%8ba-ch%e1%bb%89-email/#comments Fri, 09 Apr 2010 14:52:54 +0000 admin http://webblogvn.com/blog/?p=1972 Thông thường bạn vẫn có thể gửi file đính kèm qua địa chỉ email tới bạn bè của mình. Nhưng có điều bất tiện là hầu hết các dịch vụ email này chỉ hỗ trợ tối đa 25MB và còn rất nhiều hạn chế nữa. Với dịch vụ Fileflyer bạn dễ dàng chia sẻ file 2GB cho bạn bè bằng hình thức giống như email vậy và không có nhiều hạn chế.
Giờ đây, việc chia sẻ các dữ liệu trên mạng không còn quá khó khăn như trước đây. Nhưng không phải dịch vụ nào cũng “thoáng” và có điều khoản dễ chịu. Ít nhất bạn cũng phải mất một vài thao tác chẳng hạn như đăng ký, kích hoạt tài khoản thông qua địa chỉ email…vv. Với dịch vụ khá mới mẻ và “thoáng” như Fileflyer chắc chắn sẽ làm bạn hài lòng. Fileflyer cho phép chia sẻ file có dung lượng 2GB, không giới hạn download và tốc độ gửi rất nhanh.
Để sử dụng dịch vụ này, bạn hãy truy cập vào trang web tại http://www.fileflyer.com/, và làm theo 3 bước đơn giản để gửi dữ liệu đến bạn bè y như hình thức thông qua email. Bạn nhớ là không cần phải đăng ký tài khoản và vẫn sử dụng dịch vụ này bình thường nhé!
Bước 1: Tại khung Recipient Email Address(es): bạn sẽ điền địa người nhận, còn tại Your Email (optional): điền địa chỉ email của bạn. Email này cũng không bắt buộc nhưng bạn nên nhập vào để người nhận còn biết email gửi dữ liệu là ai chứ?  Ngoài ra, bạn nhấn dấu tích vào Remember my email address để dịch vụ này gửi về cho bạn một bản sao lưu dữ liệu và đường link để tải về. Your Message (optional): lời tin nhắn gửi đến cho người nhận. File Description (optional): bạn hãy mô tả đôi chút về file tài liệu mà muốn gửi cho bạn bè.

Bước 2: Tại Browse for file (up to 2 GB): Dịch vụ này sẽ cho phép bạn tải lên tối đa 2GB và được chia làm 3 file. Bạn chỉ cần nhấn nút Browse để lấy dữ liệu từ  máy tính. Và nhấn Add another file: để lựa chọn thêm file từ máy.
Bước 3: Trước khi gửi file tài liệu này đến cho bạn bè, bạn hãy đánh dấu tích vào I agree to Terms of Service rồi sau đó nhấn Sent để gửi đi.

Bạn chờ đợi trong giây lát để Fileflyer xử lý và gửi file tài liệu đi ngay cho bạn. Và địa chỉ email của bạn cũng sẽ nhận được một file tài liệu như vậy. Fileflyer không giới hạn download, bạn chỉ lưu lại đường link mà nhà cung cấp dịch vụ này gửi đến và download về máy bất cứ khi nào bạn muốn. Ngoài ra, người nhận cũng sẽ biết được ai gửi file tài liệu cho mình.

THUÝ HƯỜNG

Bài viết liên quan

]]> http://webblogvn.com/blog/fileflyer-com-chia-s%e1%ba%bb-file-2gb-khong-gi%e1%bb%9bi-h%e1%ba%a1n-download-t%e1%bb%9bi-d%e1%bb%8ba-ch%e1%bb%89-email/feed/ 0 Đặc điểm của một số thuộc tính CSS – Sự khác nhau của IE và chuẩn chung http://webblogvn.com/blog/d%e1%ba%b7c-di%e1%bb%83m-c%e1%bb%a7a-m%e1%bb%99t-s%e1%bb%91-thu%e1%bb%99c-tinh-css-s%e1%bb%b1-khac-nhau-c%e1%bb%a7a-ie-va-chu%e1%ba%a9n-chung/ http://webblogvn.com/blog/d%e1%ba%b7c-di%e1%bb%83m-c%e1%bb%a7a-m%e1%bb%99t-s%e1%bb%91-thu%e1%bb%99c-tinh-css-s%e1%bb%b1-khac-nhau-c%e1%bb%a7a-ie-va-chu%e1%ba%a9n-chung/#comments Thu, 01 Apr 2010 15:45:52 +0000 admin http://webblogvn.com/blog/?p=1961 Trong việc thiết kế web bây giờ thì các webmaster thích sử dụng ngôn ngữ CSS, tuy nhiên không phải trình duyệt nào cũng hỗ trợ tốt cho các thuộc tính của CSS, đặc biệt là trình duyệt Internet Explore của MS. Vậy làm sao trong  quá trình thiết kế để cho site của bạn hiện thị rõ trên các trình duyệt . bài viết được trích từ thegioiweb.vn sẽ cho bạn rõ

Các vấn đề sẽ đề cập
1. IE and the box model
2. IE versions and Doctype modes

IE and the box model

Cho dù bạn có thích hoặc căm ghét, Internet Explorer của Microsoft vẫn là một trình duyệt chính đựơc sử dụng hiện nay. Điều đó có nghĩa là vài điểm bạn cần xem xét khi thiết kế để khắc phục một vài điểm chưa hợp lý về CSS.
Một ví dụ dơn giản là một số phiên bản của IE thể hiện các hộp (box model) một cách khác biệt so với các trình duyệt chuẩn. Và các file CSS của bạn nhìn trên IE sẽ khác so với các trình duyệt còn lại như: firefox, opera.

Với một hộp vuông có chiều rộng 200px và được bạn gán thuộc tính “padding:20px; border:20px;” thì chiều rộng chuẩn của nó sẽ được tính như sau

Chiều rộng thể hiện
chiều rộng chuẩn (200px) + padding (20px+20px) + borders (20px+20px) = 280px.


Thế nhưng một vài phiên bản của IE sẽ tính ra chiều rộng bằng công thức: content, padding and borders together = 200px.

Theo http://css.maxdesign.com

Bài viết liên quan

]]> http://webblogvn.com/blog/d%e1%ba%b7c-di%e1%bb%83m-c%e1%bb%a7a-m%e1%bb%99t-s%e1%bb%91-thu%e1%bb%99c-tinh-css-s%e1%bb%b1-khac-nhau-c%e1%bb%a7a-ie-va-chu%e1%ba%a9n-chung/feed/ 0 Làm thế nào để xây dựng một website cá nhân từ một mẫu website miễn phí http://webblogvn.com/blog/lam-th%e1%ba%bf-nao-d%e1%bb%83-xay-d%e1%bb%b1ng-m%e1%bb%99t-website-ca-nhan-t%e1%bb%ab-m%e1%bb%99t-m%e1%ba%abu-website-mi%e1%bb%85n-phi/ http://webblogvn.com/blog/lam-th%e1%ba%bf-nao-d%e1%bb%83-xay-d%e1%bb%b1ng-m%e1%bb%99t-website-ca-nhan-t%e1%bb%ab-m%e1%bb%99t-m%e1%ba%abu-website-mi%e1%bb%85n-phi/#comments Thu, 01 Apr 2010 14:58:03 +0000 admin http://webblogvn.com/blog/?p=1958 Để bạn thiết kế được 1 trang web cá nhân thời giờ không khó nhưng cũng đâu phải là dễ , đặc biệt với những người không chuyên , vậy thì làm sao biến 1 trang web miễn phí mà nó trở nên chuyên nghiệp .Hôm nay webblogvn.com xin giới thiệu bài viết được trích từ  thegioiweb.vn

Hãy chọn một mẫu thiết kế.

Nếu bạn không phải là nhà thiết kế web, thì cách nhanh và đơn giản nhất để có một website nhìn chuyên nghiệp là sử dụng các mẫu website được làm trước. Bạn có thể tìm kiếm các mẫu web miễn phí từ rất nhiều nguồn. Song Free Templates Online là nguồn khá tin cậy vì ở đó cung cấp các mẫu web chất lượng phù hợp với các tiêu chuẩn web. Tôi đã chọn cho mình mẫu web template # 63 dưới đây:

Sau khi tải được mẫu web, hãy chọn thư mục fonts và files có dạng “.psd” và “html”.

Tùy chỉnh mẫu web

Đây là lúc cần tùy chỉnh mẫu web. Nếu bạn không có thời gian hay am hiểu nhiều để triển khai toàn bộ quá trình này thì có thể sử dụng các dịch vụ chỉnh sửa mẫu web. Tại đây bạn có thể có mức giá dịch vụ rất phù hợp. Các nhà phát triển web của họ sẽ hoàn tất yêu cầu của bạn một cách chính xác, dễ dàng và chuyên nghiệp. Nhưng nếu bạn không ngại khó khăn thì cũng tự tùy chỉnh được và sẽ bắt đầu từ bản HTML.

Hãy dùng Adobe Photoshop CS+, Adobe Dreamweaver 8+ hoặc bất kỳ trình soạn thảo HTML nào khác để tiến hành mọi tùy chỉnh cần thiết. Trước khi bắt đầu bạn nên cài đặt các font chữ cần thiết ( chúng thường được thay thế trong thư mục “các nguồn hoặc font” – Vào this tutorial để có được chi tiết. Sau đó hãy mở file dạng “.psd” trong photoshop và học cách làm.

Trước hết, chúng ta sẽ tùy chỉnh phần đầu của mẫu web bằng công cụ horizontal Type, hãy nhập tên công ty và thay đổi tagline. Đừng lo lắng khi slice không đủ dài vì tiêu đề web của bạn có thể tự điều chỉnh được trong giới hạn của nó. Bạn cũng dễ dàng tùy chỉnh kích thước của slice bằng cách chọn Slice Select Tool và làm nổi logo (bằng kích chuột trái + CTRL). Hãy kích chuột trái để kéo các border slice.

Sau khi xong những thay đổi này, hãy lưu lại logo đã chỉnh và thay logo đó vào. Khi slice vẫn được chọn, hãy vào “ File” -> “save for Web and Devices”. Bạn không nên điều chỉnh thiết lập bởi coder đã hoàn tất công việc này. Hãy ấn nút Save vào save files tới Image directory và thay tên file dạng .jpg.

Tiếp đến là chỉnh sửa tiêu đề các text. Nếu bạn thấy tất cả các tiêu đề text trên mẫu web này hợp lý thì hãy lưu chúng lại.

Hãy lưu lại các nút menu. Bạn có thể sử dụng Hirizontal Type Tool để sửa tên của các nút. Tôi đã sửa nút chính và đổi tên nó là “My Gallery”.

Hãy lưu các nút menu này để thay thế những nút cũ trên web và các thư mục hình ảnh (Images folder).

Sau đó, hãy đổi ảnh ở phần trung tâm của mẫu web. Lưu ý rằng kích thước của ảnh cần phù hợp với các mục riêng để tránh gây ảnh hưởng tới bố cục. Hãy lưu ảnh mới thay hình cũ trên folder hình ảnh.

Bây giờ hãy chỉnh các ảnh từ hai phía. Photoshop vẫn giúp bạn thực hiện điều đó. Trước tiên, hãy định rõ kích thước hình ảnh theo pixel. 188 x 187 px là kích thước ảnh phù hợp cho website. Sau đó, hãy tạo một layer mới dưới layer có những mục tên được có sẵn và paste ảnh mới lên nó. Bạn cũng có thể lặp lại bước này với hình ảnh thứ hai. Nếu bạn đã thực hiện đúng tất cả các bước thì các ảnh mới này sẽ được hiển thị cùng mũi tên ở trên chúng.

Mỗi ảnh được chia thành 4 slice (như đã hiển thị trên screenshot phía dưới). Điều này có nghĩa là bạn nên lưu riêng lại từng slice, thay các folder cũ bằng folder mới và lưu chúng vào từng folder một.

Tiếp đến, hãy mở file index.htm trong bộ trình biên tập HTML và bắt đầu chỉnh text. Hãy viết về chính mình, gia đình, bạn bè cũng như những sở thích của mình trên đó. Song đừng quên thay đổi phần cuối trang.

Trang đầu tiên của bản thiết kế đã hoàn chỉnh. Hãy nhìn xem:

Bạn phải nhớ rằng đặc trưng gói mẫu web miễn phí này không gồm các trang nhỏ. Song cũng đừng quá lo lắng. Bởi bạn có thể tạo ra nó dễ dàng bằng cách copy file index.htm và thay đổi tên thành index-1.htm – Đó là bản thiết kế của bạn dùng cho trang liên hệ (Contacts page). Hãy soạn thảo text trên trình soạn thảo HTML và đó là các text sử dụng trên website của bạn.

Trang hình ảnh

Và giờ là phần thú vị nhất của quá trình tùy chỉnh. Trang web cá nhân sẽ không đầy đủ nếu thiếu một trang ảnh. Hãy làm trang web của bạn rực rỡ hơn bằng cách bổ sung thêm những bức ảnh màu chất lượng. Tôi muốn giới thiệu với bạn một cách thuận lợi để quản lý và trình bày các ảnh của bạn và chia sẻ hoặc in trực tuyến chúng – Slimbox 2 – tập lệnh Javascript cho phép bạn che đi các ảnh trên trang hiện tại. Tập lệnh này phù hợp với tất cả các trình duyệt phổ biến. Bạn có thể tải nó về từ official site và giải nén thành mục template của bạn .

Hãy làm theo những chỉ dẫn tại usage instructions để tạo Slumbox 2. Sau khi tạo xong thư mục “photos” và đặt các ảnh vào 2 phần – cỡ ảnh gốc, ảnh sao cỡ nhỏ hơn, ví dụ như xem trước ảnh thu. Hãy copy index.htm và đổi tên thành “photos.htm” rồi đặt những ảnh nhỏ như dưới đây:

Sau đó bạn nên kích hoạt mục slimbox 2 bằng bổ sung mã rel = “lightbox-personal” vào các link của bạn như sau:

Hãy lặp lại bước này với tất cả các ảnh mà bạn có. Nếu thao tác đúng thì trang của bạn sẽ giống như sau:

Tất cả các ảnh sẽ mở trên splash window.

Hãy chọn một nhà cung cấp máy chủ

Trước hết bạn cần được tư vấn về chất lượng và giá cả trước khi lựa chọn dịch vụ hosting. webhostingbuzz.com sẽ giúp bạn điều đó.

Nếu bạn đã từng gặp phải khó khăn nào trong việc đăng ký tên miền hoặc thuê máy chủ bạn có thể liên hệ với các chuyên gia trên TemplateTuning.com.

Vậy đấy! Giờ bạn có thể nhận thấy rằng chỉ với một chút thay đổi khiến mẫu web ban đầu đã trở nên thu hút và phong cách. Nhưng để làm được điều đó cần phải có tính bền bỉ, sự nhẫn nại và lòng khát khao. Chúc bạn thành công!

Hãy vào sample website để xem kết quả cuối cùng hoặc so sánh với mã của mình

Nguồn: TemplatedBusiness.com
Vân An 3c dịch

Bài viết liên quan

]]> http://webblogvn.com/blog/lam-th%e1%ba%bf-nao-d%e1%bb%83-xay-d%e1%bb%b1ng-m%e1%bb%99t-website-ca-nhan-t%e1%bb%ab-m%e1%bb%99t-m%e1%ba%abu-website-mi%e1%bb%85n-phi/feed/ 0 Thuộc tính Background http://webblogvn.com/blog/thu%e1%bb%99c-tinh-background/ http://webblogvn.com/blog/thu%e1%bb%99c-tinh-background/#comments Tue, 12 Jan 2010 15:29:16 +0000 admin http://webblogvn.com/blog/?p=1876

Có 2 cách để làm nền bằng thuộc tính Background
- Dùng màu nền.
- Dùng ảnh nền.

Cú pháp như sau:
Ví dụ 1.

background:#FF0000;
background:URL(ten_file_anh.jpg) ;

Ví dụ 1 có thuộc tính background. Thuộc tính này có nhiệm vụ tạo nền cho website.
Dòng 1: Dùng màu nền. (Màu đỏ)
Dòng 1: Dùng ảnh nền. (ten_file_anh.jpg)

background-color: và background-image: có tác dụng như ví dụ 1.
background-attachment: Trượt ảnh nền theo nội dung.
Khi bạn dùng ảnh làm nền. Trong trường hợp nội dung trang web dài sẽ có 2 trường hợp có thể xảy ra đối với ảnh nền.
- Ảnh đứng im. (Ảnh nền luôn luôn đứng im mặc dù nội dung dài hay ngắn.)
- Ảnh trượt theo nội dung. (Kéo nội dung đến đâu, ảnh nền chạy theo đến đấy.)
Cú pháp:
Vií dụ 2

background-attachment: fixed;
background-attachment: none;

Trong ví dụ 2. Dòng đầu tiên sẽ làm cho ảnh nền luôn luôn đứng im.
Dòng 2 sẽ làm cho ảnh nền di chuyển theo nội dung.

Bài viết liên quan

]]> http://webblogvn.com/blog/thu%e1%bb%99c-tinh-background/feed/ 0 Liên kết (thẻ a) http://webblogvn.com/blog/lien-k%e1%ba%bft-th%e1%ba%bb-a/ http://webblogvn.com/blog/lien-k%e1%ba%bft-th%e1%ba%bb-a/#comments Sat, 02 Jan 2010 16:44:35 +0000 admin http://webblogvn.com/blog/?p=1851 Để tạo một link (Liên kết), bạn cần dùng thẻ để tạo 1 link.

Cú pháp để tạo một liên kết như sau.

<a href=”http://hotrolaptrinh.com”>Ho tro lap trinh</a>
  • Trong đó: thuộc tính href xác định liên kết mà bạn muốn link đến.

Ngoài ra thẻ <a> còn cho phép bạn tạo một điểm leo. Điểm leo cho phép các link khác có thể nhảy tới vị trí đặt điểm leo một cách nhanh chóng.
Cú pháp như sau:

<a name=”Ten_Diem_Leo”></a>

Để sử dụng điểm leo trên, bạn cần tạo một liên kết và link đến “Ten_Diem_Leo”.
Cú pháp như sau:

<a name=”index.html#Ten_Diem_Leo”>CLick vào đây để đến điểm leo.  </a>
Để thấy rõ hiệu quả bạn nên tạo một tài liệu HTML có thật nhiều nội dung.

Mở liên kết ở một cửa sổ trình duyệt mới.
Để mở liên kết trên một cửa sổ trình duyệt mới bạn cần đưa ra thuộc tính nữa của thẻ <a>. Đó là thuộc tính “target“.
Thuộc tính target có các giá trị sau:

  • _blank
  • _parent
  • _self
  • _top

Trong đó muốn mở liên kết ở một cửa sổ mới thì ta dùng giá trị: _blank cho  thuộc tính target.
Cú pháp như sau:

<a href=”http://www.hotrolaptrinh.com” target=”_blank”>Bấm vào đây để mở liên kết ở một cửa sổ mới</a>

Cách tạo một liên kết tới Email:
Để tạo một liên kết đến email bạn cần dùng từ khóa mailto trong thuộc tính href.
Cú pháp như sau.

<a href=”mailto: maitrang022@yahoo.commaitrang022@yahoo.com Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. “>Bâm vào đây để gửi mail đến tôi</a>

Send Mail</a>
Ngoài ra bạn cũng có thể định dạng sẵn nội dung cho liên kết Email.
Cú pháp như sau:

<a href=”mailto: maitrang022@yahoo.commaitrang022@yahoo.com Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. ?cc= trangvm@hotrolaptrinh.comtrangvm@hotrolaptrinh.com Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. &subject=Hoc HTML&body=HTml rất dễ”>Send mail!</a>

Theo hotrolaptrinh

Bài viết liên quan

]]> http://webblogvn.com/blog/lien-k%e1%ba%bft-th%e1%ba%bb-a/feed/ 0 Dùng Add-on của Firefox để vượt giới hạn “Free Account” tại MegaUpload http://webblogvn.com/blog/dung-add-on-c%e1%bb%a7a-firefox-d%e1%bb%83-v%c6%b0%e1%bb%a3t-gi%e1%bb%9bi-h%e1%ba%a1n-free-account-t%e1%ba%a1i-megaupload/ http://webblogvn.com/blog/dung-add-on-c%e1%bb%a7a-firefox-d%e1%bb%83-v%c6%b0%e1%bb%a3t-gi%e1%bb%9bi-h%e1%ba%a1n-free-account-t%e1%ba%a1i-megaupload/#comments Fri, 25 Dec 2009 15:14:55 +0000 admin http://webblogvn.com/blog/?p=1839 Khi nói đến các trang web chia sẻ dữ liệu thì người dùng Internet sẽ nghĩ ngay đến các trang nổi tiếng nhất là Rapidshare và Megaupload, trong đó trang Megaupload có lẽ được nhiều người Việt Nam sử dụng (vì nó có hỗ trợ ngôn ngữ tiếng Việt).

Nhưng với một tài khoản miễn phí (free account) tại megaupload.com thì bạn tải một file 99MB mất khoảng nửa ngày (tốc độ tối đa chỉ khoảng 40kb/s đối với các gói cước cá nhân). Do đó, để tải dữ liệu tại trang web này bạn phải tìm mọi cách như: nhờ người khác get link giúp, tìm các trang web để leech link,..Việc làm này tốn nhiều thời gian và nhiều bất tiện, đôi khi không thành công.

Nhưng nay không cần vất vả đến thế, bạn chỉ dùng addon Add N Edit Cookies 0.2.1.3 của Firefox là các dữ liệu quý giá trên trang megaupload sẽ nhanh chóng được tải về (tức là thành công 100% với tốc độ trung bình khoảng 150kb/s).

Để tải dữ liệu với tốc độ nói trên tại megaupload, đầu tiên bạn cần có trình duyệt Mozilla Firefox (tốt nhất là phiên bản 3.0.x, bạn có thể download miễn phí tại trang chủ http://www.mozilla.com/en-US/ với dung lượng 7,2MB). Sau khi tải về bạn hãy tiến hành cài đặt bình thường, rồi sau đó khởi động trình duyệt lên và đăng nhập vào tài khoản miễn phí tại megaupload.com.
Nếu chưa bạn nhấn Register để đăng kí: Tên đăng nhập (Choose your username), địa chỉ email (Your e-mail address), số điện thoại (Your mobile number), mật khẩu (Password, Confirm password), mã hiển thị (Enter this code), rồi nhấn Register . Kế đến, bạn hãy mở một tab khác để truy cập vào https://addons.mozilla.org/en-US/firefox/addon/573 , rồi nhấn nút Add to Firefox và nhấn nút Install now trong cửa sổ Software Installation.

Khi cài đặt xong bạn nhấn Restart Firefox để khởi động lại Firefox, rồi vào menu Tools>Cookie  Editor, trong cửa sổ AnEC Cookie Editor v0.2.1.3 hiện ra bạn hãy kéo thanh trượt và tìm đến dòng megaupload.com (cột Site), user (cột Cookie Name) rồi nhấn đúp chuột vào nó. Ở cửa sổ Add/Edit Cookie, bạn hãy xóa hết nội dung trong ô Content và nhập vào cookie mới: ccc421425cf601ebfc7170e76b99c49f, rồi nhấn nút Save.

Bây giờ, bạn hãy nhấn Reload current page ( <!–[if !vml]–>) ở trang megaupload.com và bắt đầu download những dữ liệu quý giá ấy với tốc độ “chưa từng thấy” ở trang web này.

Lưu ý, sau một thời gian sử dụng cookie nêu trên nếu có xuất hiện thông báo Connection overflow thì bạn hãy xóa cookie đó và thay bằng một trong các cookie mới như:

1)  e3c56237016a4c302345d1e1c086ed27

2)  9acb6f6fd14c0632e496008c38223a35

3)  39e47092c4219fb988b0c726d52b79a4

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

Bài viết liên quan

]]> http://webblogvn.com/blog/dung-add-on-c%e1%bb%a7a-firefox-d%e1%bb%83-v%c6%b0%e1%bb%a3t-gi%e1%bb%9bi-h%e1%ba%a1n-free-account-t%e1%ba%a1i-megaupload/feed/ 0