Từng bước tạo menu đa màu sắc bằng CSS3
Menu là một phần không thể thiếu cho một website, hôm nay mình xin chia sẻ cho các bạn cách tạo một menu với nhiều màu sắc khác nhau do bạn tự tay chọn trên website của mình chỉ bằng CSS3. Các bạn có thể xem demo bài viết tại đây. Như thường lệ, chúng ta sẽ tạo ra file HTML đầu tiên, nơi ...
CSS3 Dropdown Menu
Hôm nay mình vừa học thêm được một số tính năng trong CSS3 từ việc tạo một Menu cho trang web của mình, và mình nghĩ sẽ thật là ích kỷ nếu không chia sẻ những tính năng tuyệt vời về CSS3 này cho các bạn. Các bạn có thể xem demo để thấy những menu được tạo rất đẹp mắt này. Chúng ta chỉ ...
Thiết kế form đăng nhập bằng CSS3
Để tìm hiểu kỹ hơn về CSS3 chúng ta sẽ làm một ứng dụng đơn giản nhỏ, đó là từng bước thiết kế trang đăng nhập cho website hay blog của bạn. Các bạn có thể xem demo tại đây. Trước tiên chúng ta sẽ tạo cấu trúc HTML cho form đăng nhập này : <div> <h1>FORM ĐĂNG ...
Tạo hiệu ứng loading bằng CSS3
Trong bài viết này mình sẽ hướng dẫn các bạn cách tạo ra hiệu ứng loading trong trang mà không sử dụng bất kỳ hình động nào. Mình nghĩ nó sẽ thật sự gây ấn tượng cho bạn trong việc giảm số lượng hình ảnh trong các trang web hoặc blog của bạn. Để có thêm nhiều sự lựa chọn,mình sẽ giới thiệu với ...
Làm thẻ div có thanh cuộn (scrollbar) giống iFrame
Bài viết dưới đây sẽ giới thiệu với các bạn cách làm cho thẻ <div> có thanh cuộn giống khi ta sử dụng iFrame để load một trang khác. Trước hết chúng ta có ví dụ về đoạn mã HTML như sau: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/ ...
14 thủ thuật css cần phải đọc
CSS (Cascading Style Sheet) không khó để học, cái khó là làm sao để đảm bảo css chạy tốt trên các trình duyệt mà không sinh ra lỗi. Mặc dù CSS3 đã ra đời, tuy nhiên để tất cả các trình duyệt đều hỗ trợ thì cũng cần có một thời gian nữa. Sau đây là danh sách các thủ thuật về css mà mình tin sẽ ...
Tạo menu đen tuyền cực kỳ đẹp mắt bằng CSS3
Ắt hẳn trong các bạn đã từng thấy những menu có hiệu ứng LavaLamp (có sự hỗ trợ của jQuery) với những hiệu ứng cực kỳ đẹp mắt (xem demo), hôm nay chúng ta sẽ tạo ra menu như thế cho website hay blog của mình mà đặc biệt là không dùng bất kỳ một đoạn javacript nào, chỉ bằng CSS3. Chúng ta sẽ sử ...
Tạo menu bay lượn bằng CSS3
Trước đây khi bạn muốn tạo một menu có hiệu ứng đặc biệt thì một là bạn tạo menu bằng flash, hai là tạo bằng jquery, tuy nhiên cùng với sự phát triển của internet thì bạn không cần phải dùng những thứ đó nữa, mà tất cả chỉ bằng CSS3. Nếu bạn không tin điều đó thì có thể xem demo minh họa bài ...
Cách tích hợp Google fonts vào Website
Gfonts (Google fonts) là một ý tưởng mới được xuất phát từ một số Website trò chơi khi họ chèn vào Web một số font ngỗ nghĩnh đẹp mắt. Toàn bộ các font trong Gfont được để trong một nguồn trên Internet và các nhà phát triển Website có thể lấy một hoặc nhiều font từ nguồn đó và tích hợp vào trong ...
Tạo Vertical menu hiệu ứng 3D với CSS3
Trong bài viết này chúng ta sẽ tạo một menu theo phong cách mới với hiệu ứng 3D, và điều đặc biệt ở đây là bạn có thể thay đổi màu nền của menu theo ý muốn mà không cần phải sử dụng một đoạn javacript nào cả, bạn có thể xem demo tại đây. Bước 1 : Tạo menu với các phần tử HTML ...
CSS3 Fade slider
Là một nhà thiết kế web, nhiều lúc bạn sẽ cần phải tạo ra các slide ảnh với các hiệu ứng khác nhau cho các banner quảng cáo về sản phẩm của mình. Nếu bạn cảm thấy chán khi phải sử dụng các slide trình diễn bằng jquery hay flash vốn dĩ chỉ làm cho web của bạn trở nên nặng nề hơn thì hôm nay mình ...
Tạo đồng hồ bằng CSS3
Có lẽ các bạn đã quá quen thuộc với các thủ thuật tạo đồng hồ bằng javacript hay flash, tuy nhiên các bạn đã từng làm bằng CSS3 chưa, nếu bạn chưa tin thì có thể xem demo tại đây , và cùng mình từng bước làm đồng hồ bằng CSS3 nhé. Bước 1 : HTML Các bạn copy đoạn html sau <div ...
Cách gỡ bỏ logo WordPress trong Admin Bar
Nếu vì một lý do nào đó mà các bạn không muốn hiển thị logo WordPress trong phần quản trị (Admin Bar) thì đoạn code mà mình giới thiệu cho các bạn ngày hôm nay sẽ giúp các bạn làm điều đó. Để sử dụng đoạn code này, trước hết các bạn vào folder wp-content/themes/tên-theme-đang-dùng và kiếm file ...
Tạo Accordion bằng CSS3
Accordion cũng giống như là một dạng menu phổ biến được sử dụng nhiều trong các website hiện đại. Nó tạo cảm giác “cool cool” khi người dùng click vào đường link. Hơn nữa nó cũng tiết kiệm được rất nhiều diện tích trên trang web. Thường thì Accordion chỉ được sử dụng cho Menu, nó ...
Tạo Modal Popups bằng CSS3
Chắc hẳn các bạn đã quá quen thuộc với các hiệu ứng modol popup bằng jquery, nhưng với sự ra đời của CSS3 thì các bạn có thể làm các hiệu ứng này chỉ bằng CSS mà không cần phải có bất kì kiến thức nào về javacript. Và đây là demo của bài viết . Để hoàn tất thủ thuật này thì trước tiên chúng ...
4 cách chèn CSS vào trang Web
Bạn đã có một file CSS của bạn, bây giờ công việc tiếp theo là làm thế nào để chèn những đoạn CSS của bạn vào trong trang, Và xem chúng hoạt động như thế nào. Trong phần này chúng ta sẽ đi tìm hiểu chi tiết về cách chèn một đoạn style trong trang HTML hay liên kết tới một file CSS viết sẵn. ...
10 “Coming Soon” WordPress Themes nổi bật trong năm 2015
Coming Soon là những trang được thiết kế nhằm mục đích thông báo cho người dùng biết là trang web mà các bạn giới thiệu về sản phẩm hay hình ảnh về công ty đang sắp được phát hành. Những mẫu theme này sẽ giúp các bạn giảm bớt nhiều thời gian cho việc thiết kế. Mình xin mạn phép chia sẻ cho các ...
Tạo hiệu ứng tooltips bằng CSS3
Các tooltip thường là các đoạn văn bản nhỏ và hiện lên mỗi khi người dùng di chuyển chuột lên trên đối tượng đó. Mục đích của tooltip thường là dùng để hiện những đoạn mô tả ngắn về đối tượng. Trước đây khi chúng ta tạo tooltips thường dùng các đoạn javacript , tuy nhiên từ khi CSS3 ra đời ...
Tạo menu đa cấp cực pro bằng CSS3
Hôm nay mình sẽ chia sẻ với các bạn thêm một hiệu ứng làm menu bằng CSS3 giúp bạn bổ sung thêm nhiều lựa chọn cho việc thiết kế menu cho web của mình. Các bạn có thể xem demo bài viết tại đây và làm theo từng bước sau : Bước 1 : HTML Như thường lệ , chúng ta sẽ bắt đầu tạo ra menu bằng ...
Cố định Header và Footer trên các trình duyệt
Hôm nay lang thang trên mạng và tình cờ tìm hiểu được một kỹ thuật rất hay và có tính ứng dụng cao trong việc làm layout cho Website. Nội dung chính của kỹ thuật đó là chúng ta sẽ giữ cho phần Header và phần Footer cố định, còn phần nội dung ở giữa sẽ xuất hiện thanh Scroll trong trường hợp nó dài ...
