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 ...
Tạo slideshow ảnh bằng CSS3
Việc sở hữu một slideshow cho web sẽ khiến web của bạn trông đẹp mắt hơn và dễ dàng chuyển tại nội dung đến người xem hơn, tuy nhiên việc sử dụng các slideshow bằng javacritp hay flash sẽ làm cho trang của bạn trở nên nặng nề và load chậm hơn. Giờ đây với sự ra đời của CSS3, chúng ta có thể vẹn ...
Tự động ngắt dòng với thuộc tính word-wrap
Thuộc tính word-wrap: cũng là thuộc tính mới được thêm vào trong CSS3. Đầu tiên thuộc tính này được Microsoft thêm vào trong trình duyệt IE để khắc phục lỗi không tự động xuống dòng khi có một đoạn văn bản quá dài vượt quá đối tượng chứa nó. Giờ đây thuộc tính này đã được đưa vào trong CSS3. ...
5 WordPress Snippets không thể bỏ qua
Để quản lý tốt trang blog hay web làm từ mã nguồn mở WordPress, ngoài việc phải sưu tầm những plugin uy tín và tốt, thì các bạn cũng cần phải có một chút kiến thức về code để có thể tự tay chỉnh sửa nhiều chức năng theo ý muốn của mình. Nếu các bạn không biết nhiều về coding thì cũng không sao, ...
Cách Fix min-height cho IE
Hiện tại hầu hết các trình duyệt như Firefox, Opera, Safari,… đều hiểu được thuộc tính min-height: trong CSS, nhưng IE lại không thể hiểu được thuộc tính đó. Chính vì vậy mà khi chúng ta muốn đặt min-height cho một đối tượng nào đó thì chúng ta cần phải Fix để sao cho IE hiển thị được ...
Làm bóng đổ với thuộc tính box-shadow của CSS3
Thuộc tính mới “box-shadow” của CSS3 là một trong những thuộc tính khá hữu dụng và được sử dụng nhiều trong quá trình viết CSS . Với thuộc tính này bạn có thể tạo cho các thành phần trong website của mình hiệu ứng bóng đổ đẹp mắt. Tuy nhiên thuộc tính này không được hỗ trợ trên ...
Kỹ thuật tải ảnh trước bằng CSS
Trong file CSS của bạn có sử dụng đến một số ảnh background , nhưng những ảnh đó sẽ không được trình duyệt tải về trong bộ đệm (cache) trên máy ngay từ đầu, mà khi nào sử dụng đến thì nó mới được tải về. Chính vì vậy đôi khi nó sẽ sinh ra độ trễ khi chúng ta lần đầu tiên khi vào trang Web. ...
