Hiển thị các bài đăng có nhãn thiết kế web. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn thiết kế web. Hiển thị tất cả bài đăng

Thứ Năm, 6 tháng 5, 2010

Những slogan hay nhất mọi thời đại

VnTim™<>Các chuyên gia cho rằng cách tốt nhất để thành công trong một thị trường gần như bão hòa hiện nay là cố gắng định vị sản phẩm và sống với định vị đó càng lâu càng tốt. Và slogan được coi là chìa khóa để mở cánh cửa thành công.
Dưới đây là những câu slogan (khẩu hiệu) được cho là hay nhất mọi thời đại:
- Be all you can be. US Army - Hãy là tất cả những gì bạn muốn.
- Friend dont’t let friend drink and drive. US Department of transportation - Bạn tốt không để bạn mình say và phải cầm lái.
- Good to the last drop! MaxWell House - Thơm ngon đến giọt cuối cùng.
- Got Milk? American Dairy Association - Bạn đã uống sữa chưa?
- Tastes great...Less filling. Miller Brewing Company - Hương vị tuyệt hảo... Không no hơi.
- Have it your way. Burger King - Thưởng thức theo cách của bạn.
- I LOVE NEW YORK. New York State Division of Tourism - Tôi yêu New York.
- Imagination at work. General Electric Co. - Trí tưởng tượng trong công việc bay cao.
- It’s everywhere you want to be. Visa - Bất cứ nơi nào bạn đến.
- It takes a lickin’ and keeps on tickin! Timex - Cứ đều đặn tích tắc đúng giờ.
- Just do it. Nike - Cứ làm đi
- Look ma, no cavities. Crest - Mẹ ơi nhìn kìa, không sâu răng.
- Raising the bar. Cingular - Cao và cao hơn nữa.
- They’re Gr-r-reat! Kellogg Frosted Flakes - Ngon tuyệt.
- We deliver for you! United States Protal Service - Chúng tôi chuyên trách việc giao hàng.
- We try harder. Avis - Chúng tôi luôn cố gắng hơn.
- What happens here, stay here. Las Vegas Convention & Visitors Authority - Đến đây, ở lại đây.
- When you care enough to send the very best. Hallmark - Khi bạn thật sự quan tâm gửi đi những điều tốt đẹp nhất.
- You can do it. We can help. Home Depot - Bạn có thể làm điều đó, và chúng tôi có thể giúp.
- You’re in good hands. Allstate - Bạn đang chọn đúng người phục vụ.
Một trong những chiêu quảng cáo ấn tượng. Ảnh minh họa nghethuat.
Kinh nghiệm cho thấy cách tốt nhất để thành công trong một thị trường hàng hóa gần như là bão hòa hiện nay là cố gắng định vị sản phẩm và sống với định vị đó càng lâu càng tốt.
"Để ngày càng thành công hơn, bạn phải tập trung vào một nhóm khách hàng cụ thể. Nếu tính về số lượng, có thể nhóm khàng hàng mục tiêu không phải là tổng thể thị trường. Tuy nhiên, trước tiên bạn phải chắc là thương hiệu của mình thực sự đặc biệt đối với nhóm khách hàng mục tiêu đó", theo lời của Barry Crossland, Giám Đốc Marketing của Nestle.
Có thể định vị một sản phẩm là rất khó, nhưng thay đổi một định vị hiện hữu cũng không dễ dàng chút nào, có thể nói là rất khó khăn để thay đổi một hình ảnh tiêu cực về sản phẩm. Sear cố gắng thay đổi hình ảnh thương hiệu cũng như gia tăng lợi nhuận năm 1974 bằng cách tăng giá hàng may mặc nữ. Doanh thu giảm hẳn 28% và Sears phải từ bỏ dự án này.
Một ví dụ khác về Black & Decker. Mặc dù công ty luôn thành công với những sản phẩm mới tung ra thị trường, công ty vẫn phải đối mặt với vấn đề về hình ảnh công ty. Bạn có thể nghe phản hồi của một người tiêu dùng dụng cụ máy cầm tay như "Công ty này đã từng rất tốt. Nhưng bây giờ nó sản xuất thêm cả máy rang bắp và máy nướng bánh mì", Ellen Foreman, Giám đốc Quảng Cáo và Truyền Thông của Black & Decker đã chia sẻ như vậy.
Dĩ nhiên, thành công của một định vị đôi không phụ thuộc vào vấn đề thời điểm. Năm 1998, Procter & Gamber tung ra thị trường thành công loại tả giấy Luvs dành cho bé trai và bé gái. Thật ra ý tưởng định vị tả giấy dựa vào giới tính trước đó đã được thử nghiệm bởi Scott Paper vào những năm 1970 nhưng chỉ dành được những thành công rất hạn chế.
Luôn phải khôn ngoan để không định vị sản phẩm theo phong trào hay những sự yêu thích nhất thời. Năm 1988, những sản phẩm trong suốt như bia, lăn khử mùi, dầu gội đầu, nước rửa chén và nước ngọt đã tràn vào thị trường như vũ bão. Người tiêu dùng lúc bấy giờ so sánh chất lượng sản phẩm với chuẩn tinh khiết, trong suốt, dịu nhẹ, hay thân thiện với môi trường. Bốn năm sau đó, sự yêu thích các sản phẩm trong suốt bắt đầu hêt thời. Người tiêu dùng bắt đầu ngại trả tiền cao hơn chỉ để có sản phẩm ít thành phần, nguyên liệu sản phẩm hơn. Theo báo cáo của Kathleen Deveny của tờ Wall Street Journal. Sản phẩm trong suốt đã chết.
Nếu bạn quyết định thay đổi định vị sản phẩm, hãy tiến hành thận trọng từng bước. Và bắt đầu bằng việc thay đổi bao bì sản phẩm.
Chuỗi cửa hàng Tim Hortons đối mặt với một vấn đề về định vị vài năm trước. Người tiêu dùng cho rằng cửa hàng chỉ bán bánh rán (trong khi cửa hàng có bán cả súp và bánh mì). Để giải quyết vấn đề, từ "bánh rán" đã được lấy ra khỏi tên cửa hàng để mọi người nhận thức về các sản phẩm khác ở cửa hàng.
Để tìm hiểu sâu thêm về chủ đề định vị, khuyến khích bạn tìm đọc cuốn Định vị, trận đấu trí não (Positioning: The battle for your mind), tác giả AI Ries và Jack Trout.
Khẩu hiệu sản phẩm là yếu tố thứ năm của định vị thành công. Như Andre Gide từng nói "Khẩu hiệu là những cuộc chiến khốc liệt nhằm mang mọi người đến gần nhau hơn". Một khẩu hiệu tốt có khả năng khuyến khích mọi người hành động.
Rất nhiều khẩu hiệu thất bại vì nó quá chung chung, không đủ khả năng định vị một sản phẩm. Sau đây là những ví dụ:
- Không gì có thể di chuyển bạn như Mercury Mercury - Nothing moves you like a Mercury.
- Thỉnh thoảng cũng nên phá lệ một chút Burger King - Somtimes you’ve gotta break the rules.
- Tôi yêu những gì bạn làm cho tôi, Toyota Toyota - I love what you do for me Toyota.
- Tinh thần mới của Dodge Dodge - The new spirit of Dodge.
- Được tạo ra cho cuộc đua của loài người Nissan - Built for the human race.
- Biết thêm về GeoGeo - Get to know Geo.
Đơn thuần là cảm thấy tuyệt vời Marda - It just feels right.
- Nghệ thuật của du lịch Louis Vuitton - The art of travel.
- Nghệ thuật của viết lách Mont Blanc - The art of writting.
- Nghệ thuật của sự độc đáo Cartier - The art of being unique.
- Nghệ thuật của thời gian chính xác Ballantine’s scotch - The art of perfect timing.
- Nghệ thuật của khoa học kỹ thuật Audi - The art of engineering.
- Mang tương lai đến gần bạn Ameritrust - Bringing the future to you.
- Vấn đề về hiệu suất Kodak - Performance that counts.
- Đam mê sự hoàn hảo Lufthansa - A passion to perfection.
- Nơi ý tưởng thành hiện thực Ricoh - Where imagination becomes reality.
- Vì hôm nay không phải là hôm qua Bankers Trust Co - Because today isn’t yesterday.
- Hình ảnh của tương lai Anacomp - The image of the future.
Khẩu hiệu giúp bán tốt hơn những sản phẩm không đắt tiền, có chút ít yếu tố rủi ro và được mua theo kiểu bốc đồng. Khẩu hiệu tóm tắt sứ mệnh của công ty trong vài từ cô đọng và khắc vào tâm trí khách hàng một ý niệm đơn giản về sản phẩm. Khẩu hiệu cũng mang lại sự thống nhất khi sử dụng nhiều phương tiện truyền thông khác nhau. Khẩu hiệu mang tính sống còn trong phương diện chính trị.
Những khẩu hiệu tốt thường dễ được thuộc lòng, nghĩa là nó phải ngắn gọn, dễ nhớ, dễ thuộc. Như lời của Kevin Clancy, Chủ tịch kiêm Tổng giám đốc điều hành của công ty tư vấn Marketing Copernicus "Tạo ra một khẩu hiệu nghĩa là tìm ra hai hay ba từ hoặc cụm từ và ghi khắc nó vào tâm trí người tiêu dùng. Nếu bạn thành công, mọi người sẽ quyết định mua sản phẩm của bạn một cách vô thức và luôn bàn về sản phẩm với những người tiêu dùng khác".
Một khẩu hiệu tốt phải có khả năng đẩy sản phẩm gần hơn đến thành công. Khi nhà sản xuất nước giặt quần áo Wisk giới thiệu câu khẩu hiệu "Tẩy sạch vết dơ quanh cổ" (ring around the collar) lần đầu tiên, doanh số sản phẩm gấp ba lần ngay sau sự trợ lực đáng kể về mặt quảng cáo sản phẩm.
Intel tạo ra một cuộc cách mạng trong ngành công nghệ thông tin bằng việc đầu tư 6% doanh thu cho quỹ phát triển khẩu hiệu Intel. Chiến lược quảng cáo bắt nguồn từ sản phẩm X386. Kể từ đó Intel bắt đầu dùng câu khẩu hiệu "Intel. The Computer inside" (sau này trở thành "Intel inside"). Gần như cùng thời gian này, IBM là nhà sản xuất máy vi tính đầu tiên dùng logo Intel trên sản phẩm của mình. Tính từ lúc bắt đầu tung ra chiến dịch, Intel hưởng lợi khoảng 11 tỷ đô la từ chiến dịch quảng cáo và câu khẩu hiệu nổi tiếng của mình.
Cần phải nhấn mạnh rằng một chiến dịch quảng cáo thành công duy trì cùng một khẩu hiệu, hình ảnh và cá tính thương hiệu một cách thống nhất qua nhiều năm, thậm chí nhiều thập kỷ. Như Ron Kovas, Chủ tịch công ty quảng cáo J. Walter Thompson từng nói: "Một chiến lược quảng cáo đáng giá là chiến lược không có thay đổi đáng kể, mà chủ yếu xây dựng và củng cố giá trị và hình ảnh thương hiệu năm này qua năm khác". Ý tưởng "những thứ tốt hơn cho cuộc sống đẹp hơn" (better things for better living) của chiến dịch DuPont tồn tại sau 55 năm. "Sự lựa chọn của thế hệ mới" (Pepsi generation) của Pepsi tung ra năm 1963 và vẫn được dùng cho tới hôm nay. Khẩu hiệu của Hallmark "Khi bạn thật sự quan tâm gửi đi những điều tốt đẹp nhất" (When you care enough to send the very best) đã được dùng kể từ năm 1956.
Những chuyên gia cho đến nay vẫn phải thừa nhận nguyên nhân Winston mất thị phần vê tay Marlboro là sự thay đổi liên tục hình thức quảng cáo của mình. Winson thay đổi 5 câu khẩu hiệu trong vòng 10 năm, trong khi Marlboro tập trung vào đối tượng mục tiêu của mình, mày râu, và định câu khẩu hiệu theo hướng "vùng đất Marlboro" (Marlboro country).
1954: Vị Winston tuyệt hảo của thuốc lá (Winston takes good like a cigarette should).
1971: Winston và tôi (Winston and me).
1971: Ngon ghê chưa (how good is it).
1974: Nếu không phải là Winston thì chẳng nên hút nữa (if it wasn’t for Winston, I wouldn’t smoke).
1974: Có nhiều lý do để hút Winston (There’s a lot of good...between Winston and shoudl).
1974: Tôi hút vì ngon (I smoke for taste).
1979: Màu đỏ lớn (Big red).
1979: Tốt nhất Mỹ (America’s best).
1985: Đàn ông Mỹ (Men on America).
1985: Vị đích thực. Đàn ông đích thực (Real Taste. Real People).
1989: Vị chiến thắng (Winning taste).
Marlboro hiện vẫn là thương hiệu thuốc lá bán chạy nhất toàn cầu. Trong khi Winston ngày càng mất dần thị phần của mình.
Larry Light, Phó chủ tịch Tập đoàn McDonald từng nói "Sai lầm đáng sợ nhất là thương hiệu bị thay đổi cá tính hàng năm. Điều này sẽ dẫn đến một cá tính thương hiệu dị thường hoặc chẳng có cá tính nào cả".
VnTimTM Theo Nguồn vnexpress

Thứ Tư, 7 tháng 4, 2010

Những điều nên tránh trong cách trình bày một trang web

VnTim™  ^-^

Khi chúng tôi hỏi khách hàng về những yêu cầu của họ về website sắp thực hiện. Đa số họ đã nhận biết tầm quan trọng của việc trình bày đúng cách theo bản sắc của doanh nghiệp nhưng còn lại một số ít vẫn muốn website của mình phải "ấn tượng", phải "đập vào mắt khách hàng" - nhưng rất tiếc họ nghĩ là phải làm điều đó bằng giao diện đầy những flash, animation GIF, JavaScript, video, nhạc, đó là chưa nói đến càng nhiều màu càng tốt.
Trang đầu tiên
Phần lớn khách hàng vẫn muốn trang đầu tiên là trang ấn tượng nhất nhưng thường "dính" phải 3 vấn đề sau:
1. Không có thông tin nào đáng giá: Dù có xử lý video & âm thanh tốt đến đâu đi nữa thì việc trang đầu tiên chỉ chứa có vài liên kết để đi đến từng phần ngôn ngữ khác nhau của website là bạn đã tiêu tốn vài phút đầu tiên của khách hàng - Mà bạn biết rồi đấy, giây phút gặp gỡ đầu tiên rất quan trọng. Đừng làm họ mất thời gian, trừ khi website của bạn có từng phần xử lý riêng biệt cho khách hàng ở những vùng địa lý khác nhau.
2. Quá nhiều thông tin không liên quan: Ngược lại với việc chẳng có thông tin gì thì một số website lại có quá nhiều thông tin chẳng "ăn nhập" gì với lĩnh vực kinh doanh của doanh nghiệp. Ví dụ, một mẩu tin về cháy rừng ở Amazon trong khi công ty lại kinh doanh điện thoại di động. Màn hình hiển thị đầu tiên của website rất hạn chế, chỉ trong khoảng 800x700 điểm ảnh mà thôi.
3. Thông tin trải đều, không có chủ điểm: Dù lĩnh vực kinh doanh của bạn có rộng khắp & tất cả các mặt đều mạnh thì chắc chắn bạn vẫn có một mặt mạnh nhất, riêng biệt nhất so với các đối thủ cạnh tranh - Hãy thể hiện ngay điều này, đừng để khách hàng tự "nghiên cứu" vì họ có thể hiểu lầm hoặc không nhìn thấy điều đó.
Nội dung
"Tốt gỗ hơn tốt nước sơn". Cho dù hình thức website của bạn không được đẹp thì nội dung vẫn dẫn người đọc đến website của bạn. Bạn đã xem nội dung trên web mình là vấn đề chính yếu hay chưa? Dưới đây là một vài vấn đề ở khâu biên tập nội dung thường gặp.
1. Một danh sách liên kết dài dằng dặc: Nếu không có chú thích, tóm lược nội dung của những website mà link đó dẫn đến thì người đọc chẳng có lý do gì phải theo bạn lần vào từng đường dẫn URL đó cả.
2. Đường link dẫn đến chỗ "không có gì" (dead link, broken link): Bạn có biết rằng dead link xếp thứ 3 trong những lỗi thiết kế web làm người lướt web bực mình. Bạn cũng không nên để đường link của bạn dẫn đến trang mà bạn chưa cập nhật thông tin (under construction). Bạn hãy gỡ những đường dẫn đó ra để khách hàng khỏi phải click vào trang "không có gì".
3. Cửa sổ pop-up thường bị khóa với đa số trình duyệt web: Bạn có muốn khách hàng khi bấm vào một link nào đó chỉ nhận được thông báo rằng “cái này” bị khóa ? Đôi khi họ còn tưởng là chương trình chống virus báo rằng website của bạn có virus. Như vậy thì thật là tệ !
4. Quảng cáo những thứ không có liên quan: Cung cấp cho người dùng, khách hàng của bạn thêm những thông tin không nằm trong lĩnh vực của bạn cũng giúp website thêm hữu dụng. Điều này còn có thể giúp bạn giảm bớt chi phí duy trì website nhờ thu phí của những quảng cáo. Tuy nhiên, đừng lạm dụng. Quá nhiều quảng cáo thì sẽ chẳng biết đâu là thông tin thực sự của bạn.
Multimedia
Có một thời gian, có những web designer xem multimedia là vũ khí đáng sợ của họ. Flash, animation GIF, JavaScript, video, nhạc... quả là rất ấn tượng, nhưng họ quên rằng cho dù có đẹp đi nữa thì lợi bất cập hại. Hình thức chỉ góp phần chứ không quyết định được mức độ hấp dẫn của website. Có điều chắc chắc rằng tốc độ tải thông tin bị chậm lại và cái gì đã là thời trang thì nó sẽ nhanh lỗi thời, bạn làm sao giữ cho nó đẹp mãi được.
1. Quá nhiều hình: Bạn cần hạn chế trang trí bằng hình. Đương nhiên bắt buộc phải có, nhưng nếu những hình đó không có tác dụng truyền đạt thông tin hay đóng vai trò gì (như làm nền, làm menu chẳng hạn) mà chỉ thuần trang trí thì tốt nhất bạn đừng đưa lên web.
2. Hình quá lớn: Phải cho hiển thị thumbnail trước, nếu khách hàng muốn xem hình lớn thì họ click vào nó.
3. Hình nhấp nháy: Nếu bạn muốn thu hút sự chú ý của khách thăm web vào một mục nào đó thì có nhiều cách làm bằng kích thước, màu sắc và vị trí. Để có tốc độ download nhanh nhất bạn nên dùng text, kèm theo bên dưới là vài dòng chú thích. Cho dù bạn thấy tốc độ download là không quan trọng đi nữa thì dùng nhiều hình nhấp nháy liên tục trang web của bạn sẽ rất xấu.
4. Flash: Flash nếu được thiết kế đúng mức sẽ tạo ra những hiệu quả đặc biệt rất ấn tượng. Nhưng bù lại nó cũng có những điểm hạn chế là làm chậm tốc độ download web của bạn và các search engine không thể hiển thị các từ khóa tìm kiếm có trong web bạn.
5. Âm thanh: Đừng để âm thanh hay nhạc lên web vì người đọc web nghe nhạc riêng của họ, nhạc của bạn chỉ làm phiền người ta mà thôi. Nếu họ không tắt nhạc trên web của bạn được họ sẽ bỏ đi. Nếu bạn có âm thanh làm hiệu quả đặc biệt hay nhạc nền thì ít ra bạn phải để nút bật/tắt ở nơi dễ thấy nhất. Nhiều người lướt web trong công sở, âm thanh từ web của bạn phát ra sẽ làm sếp của họ phát hiện. Chất lượng âm thanh của file MIDI nghe rất tệ chứ có hay gì đâu !
Độ tương phản
Độ tương phản quá cao thì gây chói mắt, độ tương phản kém thì lại khó đọc. Bạn nên dung hòa chúng. Có nhiều cách thiết kế nền cho web của bạn nhưng đừng làm ba điều sau đây.
1. Nền đen chữ trắng, trắng lợt hay xám: Cho dù có xử lý tốt đến đâu chăng nữa thì nhìn chung website dễ trở nên kiêu căng. Điều đặc biệt cần nhấn mạnh là kiểu trang trí này rất khó làm cho đẹp được. Hơn nữa, bạn thử nghĩ xem khách hàng tham quan của bạn sẽ bực mình như thế nào khi hộp mực màu mới mua của ông ta dùng để in cái nền đằng sau nội dung website của bạn. Kiểu nền này không thể hiệu quả cho một website doanh nghiệp trừ phi doanh nghiệp đó họat động trong lĩnh vực nghệ thuật.
2. Nền đen chữ đậm:  Trang web của bạn sẽ rất khó đọc. Khách hàng chỉ đọc được dễ hơn nếu họ biết "chiêu" dùng chuột quét lên những vùng muốn đọc để chữ chuyển thành màu trắng.
3. Tiled background với những hình chằng chịt: Có thể nói kiểu này còn tệ hơn hai kiểu trước. Nó chỉ làm cho khách hàng phải chờ trang web load lâu hơn chứ không làm tăng giá trị nghệ thuật hay tiện ích gì cả.

Thứ Ba, 9 tháng 3, 2010

4 dịch vụ tạo website miễn phí tốt nhất

VnTim™  ^-^
Việc tạo một website chứa thông tin cá nhân hoặc một website giới thiệu sản phẩm sẽ không còn là việc làm khó khăn nữa… nếu bạn sử dụng một trong 4 dịch vụ tạo website sau đây.
1. BlinkWeb
Với BlinkWeb, bạn có thể tạo ngay một website với tên miền dạng abc.blinkweb.com. Giao diện được thiết kế đơn giản, và có khá nhiều ứng dụng cho bạn sử dụng. Theo tao thực hiện rất đơn giản, bạn chỉ cần kéo các thành phần bên trái để đưa vào giao diện thiết kế web bên phải.

Dịch vụ cung cấp cho bạn 100 mẫu giao diện, ngoài ra còn có các widget như guestbook, bản đồ thế giới, quảng cáo của Google Adsense.
4 dịch vụ tạo website miễn phí tốt nhất
2. Squidoo
4 dịch vụ tạo website miễn phí tốt nhất
Squidoo cung cấp cho bạn một website với nhiều thành phần (module) như text, hình ảnh, CafePress, Ebay, Amazon. Squidoo liên kết các bài viết có liên quan lại với nhau, theo như thiết kế của một mạng xã hội. Giao diện thiết kế rất đơn giản, bấm vào một module để chỉnh sửa hoặc xóa chúng đi. Khi hoàn tất, bấm Finish để xuất bản ra website.
4 dịch vụ tạo website miễn phí tốt nhất
Bạn sẽ có một địa chỉ web dạng http://squidoo.com/abc.
3. WetPaint

WetPaint sẽ cung cấp cho bạn một website mở theo dạng Wikipedia, cho phép người khác thay đổi nội dung website mà không cần kiến thức về lập trình. Khi tạo, bạn có thể chọn chế độ cho phép mọi người tùy ý chỉnh sửa nội dung trang web, hoặc chế độ cá nhân không chỉnh sửa được. Ngoài ra, WetPaint còn hỗ trợ upload ảnh và video lên website.
4 dịch vụ tạo website miễn phí tốt nhất
Nếu bạn thích một website như Wiki, hãy sử dụng WetPaint để xây dựng một website cùng bản chất nhưng giao diện hoàn toàn khác.
4 dịch vụ tạo website miễn phí tốt nhất
4. Weebly

Weebly mang đến cho bạn giao diện thiết kế rất đơn giản, chỉ bằng cách kéo – thả, với đầy đủ các thành phần như text, hình ảnh, nhúng video từ YouTube, hoặc một diễn đàn thảo luận,…
4 dịch vụ tạo website miễn phí tốt nhất
Dịch vụ cung cấp 60-70 mẫu giao diện, và nếu có thời gian bạn vẫn có thể tự tạo một giao diện như ý muốn. Website được tạo sẽ có dạng http://abc.weebly.com.
4 dịch vụ tạo website miễn phí tốt nhất
TTC

Thứ Tư, 10 tháng 6, 2009

Tạo cửa sổ popup khi rê chuột vào ảnh

Sau một lúc dạo quanh blog của các pro, VnTim™ tình cờ đọc được thủ thuật này bên blog của FanDung, mặc dù đây chỉ có vài dòng CSS đơn giản nhưng đã hiện được popup của hình rất hay. Rất cám ơn FanDung về thủ thuật này.

Với vài đọan code CSS nhỏ ta có thể tạo một cửa sổ popup để hiển thị ảnh rất chuyên nghiệp mà không cần tới javascript. Thủ thuật cho phép hiện thị của sổ popup của ảnh gốc khi ta rê chuột vào.

Xem demo trực tiếp ở đây : http://fandung.110mb.com/test/popup-images-view.html

Hình ảnh minh họa:
Tạo cửa sổ popup khi rê chuột vào ảnh

Để thực hiển, trước tiên bạn chèn đọan code CSS này vào trước thẻ đóng </head> trong code template:
- Đăng nhập blog
- Vào bố cục
- Vào chỉnh sửa code HMTL
- Chèn đọan code CSS bên dưới vào trước dòng code </head>

<style type='text/css'>

.img-thumbnail{
position: relative;
z-index: 0;
}

.img-thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.img-thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.img-thumbnail span img{
border-width: 0;
padding: 2px;
}

.img-thumbnail:hover span{
visibility: visible;
top: -100px;
left:100px;
}

</style>

- Dòng code màu đỏ chính là vị trí popup sẽ hiển thị ở trong blog của bạn. Hãy điều chỉnh 2 giá trị này để có được vị trí thích hợp nhất trên blog của bạn.

- Save template.

Và sau cùng là code 2 HTML:

<a class="img-thumbnail" href="#">
<img src="link ảnh1" border="0" height="98" width="130"/>
<span>
<img src="link ảnh1"/>
</span>
</a>


bạn muốn ảnh hiển thị ở đâu thì bạn cứ chèn code 2 HTML vào đó. Ví dụ như trong bài viết, hay ở ngòai blog (nếu ở ngòai blog thì tạo 1 widget HTML/Javascript rồi dán code vào)
Chúc bạn thành công
Theo fandung blog

Thứ Ba, 5 tháng 5, 2009

Debug javascript bằng firefox

Trong Firefox có 1 Add-ons hổ trợ cho việc debug javasciprt là Firebug. Trước tiên bạn phải cài đặt Firebug. Sau khi cài đặt bạn sẽ thấy như sau:

Debug javascript bằng firefox

Nếu firebug chưa được enable thì bạn enable firebug lên, click vào Enable FirebugEnable Firebug for local files (như trong hình).

Để bắt đầu debug, bạn chọn tab Script như hình dưới :

Debug javascript bằng firefox

Khi đó bạn sẽ thấy code javascript mà bạn đã viết. Muốn debug dòng nào bạn click phải ngay dòng đó và chọn Set Breakpoint. Bạn dùng F10 và F11 để debug như trong VS (F10: debug từng dòng, F11: nhảy vào hàm con).

Trong cửa sổ Watch bên phải dùng xem giá trị, thông tin của biến, muốn xem biến nào bạn chỉ việc add tên biến vào. Trong hình mình xem giá trị của i.

Nếu như tại dòng bạn debug bị lỗi thì bạn sẽ thấy breakpoint chuyển thành màu đỏ, khi đó chọn tab Console để nhảy đến dòng bị lỗi.

Theo blogthuthuat.com

Thứ Tư, 11 tháng 3, 2009

15 trang web giúp bạn thiết kế web 2.0 nhanh hơn

Có rất nhiều kiểu style đẹp nhưng bạn chưa biết làm thế nào để tạo ra chúng. Trên internet có rất nhiều trang giúp bạn làm việc này một cách nhanh chóng. Đây là danh sách 15 trang được đánh giá cao nhất.

Các link trong bài viết được kiểm tra vào ngày 07 tháng 8 năm 2008

Web 2.0 Badges - Bộ web badges miễn phí, đẹp.
Web 2.0 Badges

Mycoolbutton - tạo nút đơn giản cho web 2.0.
Web 2.0 free buttons maker

Stripe Generator - Chuyên gia trong việc tạo các sọc cho web 2.0.
Stripe Generator

Ajax loading - tạo ảnh gif loading.
Ajax loading gif generator

Webscriptlab - tạo ảnh gif loading.
http://www.webscriptlab.com/

Loadinfo.net - Tạo load ajax.
tn_Load Info

Roundedcornr - Tạo góc bo tròn.
http://www.roundedcornr.com/

Web 2.0 logo creatr - Tạo logo web 2.0.
http://h-master.net/web2.0/

http://creatr.cc/creatr/ - Một trang khác cho tạo logo web 2.0.
http://creatr.cc/creatr/

Web 2.0 Free Logo Generator - Một trang khác cho tạo logo web 2.0.
http://www.simwebsol.com/ImageTool/

Web20generator - Tạo template cho web 2.0 (CSS).
web20generator

Buttonator - Tạo nút cho web, online buttons generator, bạn cần có tài khoản premium (thời điểm viết bài thì trang này đang gặp trục trặc).
http://www.buttonator.com/

Web 2.0 Stylr - Một trang khác cho tạo logo web 2.0.
http://web2.0stylr.com/stylr.aspx

http://lab.rails2u.com/bgmaker/ - Tạo background.
http://lab.rails2u.com/bgmaker/

Khác

1. Web 2.0 Workgroup - Mạng lưới các blog chuyên nghiệp của thế hệ web 2.0.
2. Seomoz Web 2.0 Awards 2007 - duyệt và trao giải các web 2.0 xịn :D.
http://www.seomoz.org/web2.0/