Tree nice templates for Joomla 1.5

Today webblogvn.com give you 3 nice templates for Joomla 1.5 , You can use for your site.All are free download.

Read all information :

Golden Home :

Use :Joomla 1.5

Edit : SiteGround

Price : Free

Demo : Click here

Download : Click here

High Heels :

Use :Joomla 1.5

Edit : SiteGround

Price : Free

Demo : Click here

Download : Click here

Home For Sale :

Use :Joomla 1.5

Edit : SiteGround

Price : Free

Demo : Click here

Download : Click here

Modules Views for Drupal

The Views module provides a flexible method for Drupal site designers to control how lists and tables of content (nodes in Views 1, almost anything in Views 2) are presented. Traditionally, Drupal has hard-coded most of this, particularly in how taxonomy and tracker lists are formatted.

This tool is essentially a smart query builder that, given enough information, can build the proper query, execute it, and display the results. It has four modes, plus a special mode, and provides an impressive amount of functionality from these modes.

Among other things, Views can be used to generate reports, create summaries, and display collections of images and other content.

You need Views if:

• You like the default front page view, but you find you want to sort it differently.
• You like the default taxonomy/term view, but you find you want to sort it differently; for example, alphabetically.
• You use /tracker, but you want to restrict it to posts of a certain type.
• You like the idea of the ‘article’ module, but it doesn’t display articles the way you like.
• You want a way to display a block with the 5 most recent posts of some particular type.
• You want to provide ‘unread forum posts’.
• You want a monthly archive similar to the typical Movable Type/Wordpress archives that displays a link to the in the form of “Month, YYYY (X)” where X is the number of posts that month, and displays them in a block. The links lead to a simple list of posts for that month.

Views can do a lot more than that, but those are some of the obvious uses of Views.

Views documentation

• Views 1
• Views 2 (This link goes to the Advanced Help project page. All Views documentation is included with its installation. For your convenience, you may also visit http://views-help.doc.logrus.com. This site may or may not be fully up to date at any given time.)
• Views 2 API (doxygen generated from Views 2 source. Only useful to developers.)

Sponsorship

• This project is sponsored by IO1. We provide specialist consulting services in Enterprise Drupal, Views & Panels, Visit us at www.io1.biz or Contact us.

Downloads

Version	Downloads	Date	Links
6.x-2.11	Download (1.59 MB)	2010-Jun-17	Notes
5.x-1.8	Download (243.92 KB)	2010-Jun-17

Notes

Import for Wordpress

Bạn đang sử dụng Wordpress cho Web hay blog của bạn.Bạn muốn các bài viết được viết trên PC sau đó chỉ cẩn Import vào WP thôi. Điều đó đã có  Import for Wordpress Plugin .

Import for Wordpress cho phép bạn Import posts, pages, comments, custom fields, categories,và  tags từ 1 file WordPress export file.

Tài về máy

CoffeeCup Web JukeBox 4.6

Để thu hút nhiều người truy cập vào website hay blog, người ta thường thiết kế một trang cho phép nghe nhạc trực tuyến với nhiều ca khúc ăn khách. Để thiết kế được các trang nghe nhạc trực tuyến này, đòi hỏi bạn phải sử dụng thành thạo một trong các ngôn ngữ lập trình web (ASP/ASP.NET, PHP…) và phải tốn nhiều thời gian, công sức cho việc thiết kế. Tuy nhiên, với CoffeeCup Web JukeBox 4.6, bạn sẽ dễ dàng thiết kế được một trang web nghe nhạc trực tuyến dạng flash mà không cần phải mất thời gian cũng như không cần phải biết đến các ngôn ngữ lập trình web. Công việc của bạn chỉ đơn giản là click chuột mà thôi.

Bên cạnh đó, bạn cũng sẽ hưởng được nhiều lợi ích từ công nghệ flash vì nó sẽ giúp cho trang web nghe nhạc của bạn được nạp nhanh hơn, khả năng thay thế và bổ sung các bài nhạc cũng trở nên dễ dàng hơn. CoffeeCup Web JukeBox là phần mềm dạng shareware, dung lượng tập tin cài đặt 13,1MB.

Tạo website nghe nhạc dạng flash

Sau khi cài đặt thành công, bạn bấm chuột vào biểu tượng của CoffeeCup Web JukeBox để khởi động chương trình. Từ giao diện chính của CoffeeCup Web JukeBox, bạn nhấn nút Add Songs (chương trình chỉ hỗ trợ định dạng mp3) rồi chọn 1 trong 3 mục sau từ cửa sổ Add music vừa xuất hiện:

- Add Individual Songs: Cho phép lựa chọn các bài nhạc từ nhiều nơi trên đĩa cứng của máy tính để đưa vào website nhạc trực tuyến sắp tạo.

- Add a Folder: Cho phép lựa chọn tất cả các bài nhạc trong 1 thư mục để đưa vào website nhạc trực tuyến sắp tạo.

- Import from CD: Cho phép lựa chọn các bài nhạc từ đĩa CD để đưa và website nhạc trực tuyến sắp tạo. Lưu ý, CoffeeCup Web JukeBox sẽ tự động rip các track trên đĩa CD và lưu nó lại thành tập tin mp3 cho bạn.

Sau khi đã chọn xong các bài nhạc cần thiết cho website nghe nhạc trực tuyến, từ giao diện của CoffeeCup Web JukeBox, bạn tìm đến mục Jukebox Settings, trong ô Select Skin, bạn hãy chọn một trong các kiểu “máy chơi nhạc” mà chương trình hiện có. Bạn nên chọn một “máy nghe nhạc” có luôn phần playlist (danh sách các bài nhạc hiện có) cho phép người nghe nhạc tùy ý chọn lựa bài nhạc để nghe (ví dụ mẫu Cool Black 2 Large chẳng hạn). Ngoài ra, bạn có thể đánh dấu chọn vào các mục sau đây (nằm bên dưới ô Select Skin):

- Play First Song on Startup: Tự động nạp playlist khi “máy chơi nhạc” được khởi động.

- Repeat Playlist: Lặp lại các bài nhạc có trong Playlist.

- Shuffle Songs: Hoán chuyển các bài nhạc có trong Playlist.

- Fix For Displaying Active Content: Tự động sửa chữa các lỗi do hiển thị.

Đến đây xem như bạn đã tạo xong một website nghe nhạc trực tuyến với các bài nhạc yêu thích, lúc này bạn có thể nhấn nút Preview để xem và nghe thử trước khi tiếp tục tới bước xuất bản website nghe nhạc lên host.

Xuất bản website nghe nhạc lên host

Sau khi đã tạo xong website nghe nhạc trực tuyến với một “máy nghe nhạc” dạng flash chứa với các bài nhạc cần thiết, bạn có thể tiến hành upload chúng lên host hoặc xuất thành một trang web dạng HTML có nhúng “máy nghe nhạc” flash. Cách thực hiện như sau:

- Từ giao diện chính của CoffeeCup Web JukeBox, bạn nhấn nút Upload.

- Một cửa sổ mới xuất hiện, tại đây bạn hãy chọn lựa nơi để lưu tập tin myjukebox.xml rồi nhấn nút Save. Lúc này chương trình cũng sẽ tự động tạo ra các tập tin của một website nghe nhạc trực tuyến cùng với thư mục chứa các bài nhạc mà bạn vừa chọn lựa. Nếu không có ý định upload website nghe nhạc lên host thì đến đây xem như công việc của bạn đã hoàn tất. Bạn chỉ cần khởi chạy tập tin myjukebox.html để xem lại kết quả.

- Nếu muốn upload lên host, bạn hãy nhấn nút Upload trong cửa sổ mới vừa hiện ra rồi tiến hành khai báo các thông tin của nhà cung cấp dịch vụ hosting để kết nối và đưa các tập tin này lên host.

Click here to DOWNLOAD

Tạo vùng quảng cáo trổi nổi trên trang web.

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

Tạo bọt biển bằng Flash

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ử!

Đặc điểm của một số thuộc tính CSS – Sự khác nhau của IE và chuẩn chung

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

Làm thế nào để xây dựng một website cá nhân từ một mẫu website miễn phí

Để 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

Thêm sắc màu cho web site Joomla! của bạn (Phần 5)

Thêm sắc màu cho web site Joomla! của bạn (Phần 4)

Trong phần 4 này của bài viết chúng ta sẽ cài đặt và sử dụng thành phần mở rộng cho phép tích hợp Google Webmaster Tools. Chúng ta có thể cung cấp cho Google một tập tin sitemap (chứa thông tin các đường link của website), kết quả là Google đánh chỉ mục đễ dàng, tìm kiếm chính xác hơn cho website của bạn.

Ngoài ra Google Webmaster Tools còn cung cấp cơ chế thống kê như “Top search queries”, “Links to your site”,…

Xác thực website

Đầu tiên, bạn truy cập vào http://www.google.com/webmasters/. Đăng nhập bằng tài khoản Google của bạn.

Click vào nút “Add a site…”

Nhập địa chỉ website và nhấp vào nút “Continue”.

Bạn sẽ nhận được thông điệp yêu cầu xác nhận quyền sử hữu website.

Thông tin gạch chân màu đỏ là thông tin cần để xác thực website ở bước sau.

Để xác thực website với Google, cần tải và cài đặt thành phần mở rộng Google Verify. Đăng nhập phần admin của Joomla!, chọn Extensions →Install/Uninstall. Chọn module đã download về và chọn Upload File & Install.

Chọn Extension →Plugin Manager →System – GoogleVerify để cấu hình:

• Key: Nhập thông tin gạch chân màu đỏ ở bước trên.
• Enabled: “Yes”

Lưu lại và quay trở lại trang Google Webmaster Tools và nhấp vào “Verify this site” để hoàn tất quá trình xác nhận quyền sử dụng.

Sử dụng sitemap

Bước tiếp theo là cần cài đặt một phần mở rộng khác là Joomap, tạo ra tập tin sitemap giúp Google đánh chỉ mục đễ dàng, tìm kiếm chính xác hơn cho website của bạn.

Bạn có thể download phần mở rộng này tại đây, sau đó cài đặt (tương tự bước trên).

Quay trở lai Google Webmaster Tools một lần nữa. Nhấp vào website của bạn chọn “Site configuration” và chọn Sitemaps, nhấp vào nút “Submit a Sitemap”. Nhập vào nội dung sau:

index2.php?option=com_joomap&view=google&no_html=1

Nhấp vào “Submit Sitemap”. Đến đây thì việc cài đặt đã hoàn tất. Bất khi nào bạn cũng có thể vào Google Webmaster Tools để theo dõi sự phát triển của website của bạn thông qua các công cụ thống kê của Google.

Trần Tùng.

Next Page »