You are here: 
--/
HTML, xHTML
Đọc file pdf, word,… trên website sử dụng Google Docs
Chào các bạn, hôm nay tôi xin giới thiệu các bạn một đoạn code nhỏ giúp các bạn đọc được file pdf và doc trên web.các bạn copy đoạn code sau:
<iframe src=”http://docs.google.com/gview?url=http://wmschool.net/upload/pdf/calendar.pdf&embedded=true” style=”width:600px; height:500px;” frameborder=”0″></iframe>
Lưu ý: phải upload...
Thiết kế một phiên bản mobile cho website
Ngày nay, thiết bị di động trở thành một thành phần không thể thiếu đối với thế giới. Ngay cả trẻ em còn cắp sách đến trường cũng được bố mẹ trang bị cho một chiếc điện thoại di động để tiện liên lạc. Nhưng ngoài những tính năng gọi, nghe thường dùng mobile còn ẩn chứa 1 thế giới rộng lớn bên trong...
Làm trong suốt nền wesbite với CSS Opacity
Làm thế nào để đặt độ trong suốt cho một element trên website?
Ví dụ:
Đoạn văn không trong suốt.
Đoạn văn trong suốt sử dụng opacity
Đoạn văn trong suốt sử dụng filter
Đoạn văn trong suốt sử dụng -ms-filter
Mã CSS
.test {
background-color: #6374AB;
width: 100%;
color: #ffffff;
}
.opaque1 { /* Áp dụng cho tất cả các...
Tags: css, Opacity, transprent, trong suot, website
Meta Tags – Ý Nghĩa Các Thẻ Meta Trong SEO
Meta tag là thẻ dùng để cung cấp các thông tin về website một cách tóm gọn đối với các trình duyệt lẫn người dùng hay bot của các Search Engine. Hiện nay, có không ít người đang hiểu sai ý nghĩa của nó và ứng dụng đôi khi không hợp lý trong website. Bài viết này sẽ giải thích về ý nghĩa của hầu hết các thẻ Meta...
Thuộc tính Position trong CSS
Đặt vị trí position (relative, absolute và fixed) là một trong những thuộc tính đầy sức mạnh của CSS. Nó cho phép bạn đặt vị trí một thành phần chính xác một tọa độ nào đó, cho phép bạn tự do và sáng tạo để thiết kế vượt ra khỏi giới hạn box.
Bạn có 3 nhóm thuộc tính cơ bản trong việc sử dụng positioning:
Đặt...
Tags: css, position, thuoc tinh
Ý nghĩa các đơn vị px, pt, em, percent trong CSS
Các thủ thuật tối ưu hóa code CSS
Ai học thiết kế web đầu phải biết CSS và chắc chắn, ai cũng biết CSS là một phần cực kì quan trọng để tạo nên sự thành công của website. Nó bao gồm hầu hết các màu sắc, kích cỡ, vị trí, background, fonts… sẽ hiển thị trên website. Tuy nhiên, nếu không biết cách khai thác CSS, dung lượng file CSS sẽ phình to rất nhanh...
Tags: css, thu thuat, toi uu, toi uu hoa
Một số thủ thuật fix lỗi CSS firefox và IE
1. IE 6, IE 7, Firefox hiển thị không giống nhau:
Như các bác đã biết, khi cắt CSS có 1 số trường hợp IE 6, 7 Firefox, Opera cho kết quả khác nhau, vậy sao để cho nó giống nhau đây? 1 thủ thuật nhỉ để hack IE 6 là các bác thêm dấu “_” (ko có dấu “”) để IE6 hiển thị theo y’ mình mà các trình duyệt khác không hiểu cái...
[CSS 3] Tạo bóng đổ sử dụng thuộc tính box-shadow
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 toàn bộ các trình duyệt hiện tại,...
Tags: box-shadow, css, css 3, tao bong do
Thuộc tính ALT của thẻ IMG trong HTML
Chắc hẳn ai làm web hoặc ít nhất, đã từng làm blog đã không dưới 1 lần chèn 1 cái hình vào trong 1 nội dung nào đó bằng thẻ IMG.
Dưới đây là 1 ví dụ của thẻ IMG thường được sử dụng
<img src=”đường dẫn của file hình” border=”0″ width=”500″ height=”300″ />
Thông thường, người ta chỉ quan tâm tới 1 thuộc...
Tạo một menu thả xuống (Drop-down Menu)
Bạn có phân loại các chủ đề và chủ đề con của Web hoặc Blog? Nếu vậy, hãy dùng drop-down menu cho thanh menu – gọn gàng và tiện dụng hơncho người xem! – đặc biệt với những site lớn.
Sau đây là những cách khác nhau để có một drop-down menu
Giới thiệu
Menu này của chúng ta sẽ hiển thị list trang đầu tiên, và cuối...
Tags: css, dhtml, Drop-down Menu, html, menu
Tạo góc bo tròn (rounded corner) với CSS3
CSS3 cùng với HTML5 cung cấp cho bạn những tính năng tuyệt vời để xây dựng đồ họa cho trang web mà không cần dùng hình ảnh. Với CSS2, để tạo góc tròn cho các nút bấm bạn phải sử dụng hình ảnh nhưng với CSS3 mọi chuyện trở nên rất đơn giản.
Trước tiên tạo định dạng cơ bản
Code:
.styledbox {
background-color: #fed;
border-top:...
Tags: css, dhtml, html, rounded corner
Scroll area with overflow in CSS
Small Scrollable Areas
Scrollable areas on webpages has become increasingly popular after being used by some leading design communities on the internet. Scrollbars can be done with a textarea or iframe tags, but a more frequent way of doing it is through using the abilities that already lies within HTML and CSS for any page element.
A normal block element, like a <div> can be set to a certain...
Tags: css, html, scroll, Scroll area with overflow in CSS, xhtml
Menu với CSS
Bài viết này sẽ hướng dẫn các bạn trang trí một menu trên web với CSS. Sau khi đọc xong hướng dẫn này các bạn sẽ thu được kỹ thuật làm menu với tên gọi là Slide door và một số kinh nghiệm khác. Kết quả sau khi thực hiện xong sẽ như hình dưới đây
Đầu tiên chúng ta tạo đoạn code HTML xây dựng menu như sau
<div...
Tags: css, html, menu, Menu với CSS
Hoverbox Menu
After seeing the Hoverbox Image Gallery developed by Nathan Smith, I thought that a similar approach would work very nicely for a menu. This would allow you to create a much larger rollover image for each menu item, overlapping the neighbouring menu items and other elements on the page.
The original Hoverbox code uses two img elements, one for the thumbnail and one for the larger image. For a menu...
Tags: css, Hoverbox Menu
20 kiến thức về CSS cần phải biết
1) Biết dùng reset.css:
2) Biết dùng css shorthand:
3) Hiểu cách dùng class và id
4) Biết cách sử dụng HTML semantic (dùng li để làm menu … chẳng hạn)
5) Dựng layout bằng div thay cho table (tất nhiên vẫn dùng table cho dữ liệu dạng bảng. Để làm cái này phải nắm vững cái 10 ở dưới)
6) Biết dùng các công cụ debug CSS (mà...
HTML 3 – Định dạng HTML
HTML 2 – Cấu trúc của 1 trang HTML
Một tài liệu HTML gồm có 3 phần cơ bản:
1. Phần HTML <html> code of html</html>
2. Phần header <header> ….</header>
Phần này nằm trong thẻ <html></html> chứa các thông tin hiển thị ở thanh navigation bar của trình duyệt web. Nó chứa các thông tin về trang web.
3. Phần body <body>….</body>
Phần...
Tags: html
HTML 1 – Giới thiệu về internet, www, và ngôn ngữ HTML
1. Giới thiệu:
- Internet là một mạng gồm rất nhiều các máy tính trên toàn cầu được kết nối với nhau. Chúng tạo ra một mạng thông tin toàn cầu.
- WWW là một phần trong internet bao gồm một số các máy server web nằm rải rác trên thế giới. Trong đó lưu trữ thông tin mà người dùng có thể truy xuất tới đc. WWW ban đầu...
sugiatinhyeu_thantinhyeu3
manlivo
manlivo@gmail.com