Dropmenu đa cấp từ CSS3 và icon

Với menu này các menu con và các hiệu ứng hoàn toàn từ CSS3 giúp tốc độ blog của bạn tối ưu hơn so với các menu từ javarscrip và Jquery. Điểm đặc biệt là menu chạy tốt trên nhiều trình duyệt khác nhau như: Moliza Firefox, Google Chroome, Opera (10 và 11), Internet explorer (6,7,8,9,10), Safari,...

Mẫu menu này thích hợp cho các blog có nhiều chuyên mục và nhãn con với các icon hình ảnh tương ứng với mỗi nhãn và bạn có thể thay thế theo ý bạn.. Giúp blog của bạn trở nên khoa học và đẹp mắt hơn. menu được phát triển bởi tác giả bloggertrix.

Đọc thêm»

Tùy biến Label Widget cho blogspot v3

Hôm nay mình sẽ giới thiệu thêm cho các bạn một cách tùy biến mới dành cho widget label được phát triển bởi tác giả premium-stuff-guru. VỚi thủ thuật này các label sẽ được đặt trong một khung và số bài đăng của mỗi label sẽ ản đi chỉ hiện thị khi di chuột vào. Điều đặc biệt của tiện ích này là chỉ sử dụng các hiệu ứng từ CSS3 nên không ảnh hưởng đến tốc độ load như các hiệu ứng Jquery.

Đọc thêm»

Tạo nút bàn phím (Keyboard) từ CSS3 cho Blogger/blogspot

Trong hướng dẫn này, namkna sẽ chỉ cho bạn Làm thế nào để thêm các nút trên Bàn phím bằng mã CSS cho Blogger/blogspot của bạn. CSS này không có hình ảnh nên nó không ảnh hưởng đến tốc độ blog của bạn. Bạn có thể dễ dàng thêm hiệu ứng button này trên Mỗi bài viết trong Blog. Để thêm nó bạn chỉ cần thực hiện theo các bước đơn giản dưới đây.

Đọc thêm»

Khung Author box đẹp từ CSS3 cho blogger

Khung thông tin tác giả (Author box) được sử dụng phổ biến hiện nay ở tất cả các blog, web site hay diễn đàn. Đây là phần giới thiệu vắn tắt về tác giả hoặc cũng có thể để chưa một số liên kết tắt tới các mạng xã hội. Thông qua khung này các độc giả có thể hiểu sơ qua về tác giả của bài viết hoặc blog.
Hiện nay có rất nhiều các tùy biến khung Author box. Cách hôm nay namkna giới thiệu hoàn toàn sử dụng CSS sseer tạo các hiệu ứng bo góc riboxom nhắm tối ưu tốc độ tải trang. Đây có thể sẽ là lựa chọn tuyệt vời cho các bạn không thích sử dụng hình ảnh trong template. Nếu để ý kỹ bạn cũng có thể thấy namkna cũng có một khung Author box từ CSS.

Đọc thêm»

Xoay và lật hình ảnh với hiệu ứng 3D từ CSS3

Các thuộc tính CSS3 có khả năng xoay các thành phần html theo phong cách 3D. CSS3 3D này sẽ giúp bạn biết cách làm thế nào để xoay hoặc lật hai mặt của hình ảnh hoặc thành phần html để tiết lộ nội dung ở phía sau của hình ảnh ban đầu. Khi người sử dụng di chuột lên các hình ảnh hoặc thành phần  html ban đầu họ sẽ thấy hình ảnh lật và xoay với hiệu ứng 3D.

Đọc thêm»

Slider ảnh từ CSS3 cho Blogger ves 2

CSS3 là có một ưu điểm chỉ mình nó có đó là không ảnh hưởng đến tốc độ tải trang của bạn (trong khi nếu dùng javascript blog của bạn sẽ mất thời gian tải lâu hơn do phải gửi repuest). Hôm nay namkna sẽ hướng dẫn các bạn một slider với hiệu ứng trượt ngang mượt mà từ các thuộc tính CSS3 tức là không có jQuery hoặc không có bất kỳ mã JavaScript nào khác. Đây là một slider từ css3 đúng nghĩa do vậy đừng ngạc nhiên nếu thấy tốc độ của nó nhanh hơn bất kỳ một slider từ jQuery. Slider này chỉ có một hiệu ứng trượt ngang duy nhất (khác với slider CSS3 vesion 1 trước đây trượt dọc từ trên xuống).

Demo của thủ thuật:

VIEW DEMO

Ảnh minh họa:

Đọc thêm»

tools create button CSS3 auto

Tool này được tác giả MKR viết ra nhằm phục vụ cho những người yêu thích thiết kế website/blog tạo những button CSS3 theo ý muốn nhanh và tiện lợi nhất. Nay mình xin được chia sẻ đến độc giả của Namkna. Với tool này mình chúc bạn sẽ tạo những nhiều button như mong muốn tôn thêm vẻ đẹp của blog/website

Đọc thêm»