Tạo WordPress Theme – CSS
- December 7, 2009
- 55 comments
Đây là phần thứ 5 trong Series Tạo WordPress theme. Trong video này chúng ta sẽ sử dụng CSS để định dạng cho trang web. Bài này tôi sẽ sử dụng rất nhiều Absolute Position kết hợp với float để tạo ra giao diện. Đây cũng như là một ví dụ trực tiếp cho bài viết sử dụng absolute position trong thiết kế giao diện.
Đây cũng sẽ là phần cuối cùng cho giai đoạn chuẩn bị để làm WordPress Theme, phần này cũng khép lại quá trình xây dựng một trang web từ Photoshop sang xHTML dạng tĩnh. Từ những bài sau chúng ta sẽ bắt đầu làm việc với PHP và biến giao diện đã làm được thành một trang web động chạy trên nền tảng CMS là WordPress.
Thời lượng: 1:09:09
Download định dạng .avi chất lượng cao: MediaFire Part 1, MediaFire Part 2
vn mai nhuc dau cai css
Anh ơi cho em hỏi cài plugin nào để có phần readmore như của anh.
hi các anh trong izwebz
em có ý kiến là cuối mỗi bài anh đăng anh nên để link tới các bài khác trong cùng chủ đề hoặc serie (cả bài cũ +bài mới) và có đánh số thứ tự là cái nào anh làm trước,cái nào làm sau
như trong bài này em muốn xem tutorial kế tiếp video này mà k biết nó là cái nào lại phải click vào wordpress để xem thứ tự post
thanks các anh đã bớt thời gian làm những tutorial hữu ích này
chúc cho izwebz càng ngày càng phát triển
Web site hay quá….thấy mấy anh làm e cũng máu lắm rùi…và cũng rất thích học….tiếc là năm nay thi ĐH mà ko thi CNTT đến thi ngàh khác mất rùi….
Anh Demon Warlock vui tính thật….
Em chào anh
anh ơi cho em hỏi, em đã cài được cái plugin WP e-Commerce giỏ hàng nhưng không biết cách gọi nó ra để hiển thị, anh có thể chỉ em với được không ạ,
nick yahoo em : ngocsang_sware
Em đừng download trực tiếp từ trang web mà download định dạng avi trên link mediafire ở trên kìa em. Cái đó chất lượng cao hơn và cũng giảm tải cho server của izwebz.
anh ơi không dowload được video, cứ bấm vào download là nó lại như refresh lại ấy, Anh coi lại giúp em với….Em đang cần video này lắm, mạng nhà chậm nên xem nó không trơn chu. thanks anh
Em cũng đã tìm đc lỗi rồi. Đúng như anh nói là để % ko đc.
Các bác cho em hỏi : sao em style ở màn 1024x 768px thì ok rùi nhưng khi thay đổi độ phân giải màn hình sang chế độ khác thì thấy giao diện của trang web cũng bị thay đổi không còn chính xác nữa.
help me….!
Lý do bị như vậy là bạn đã không thiết lập bề ngang chính xác cho wrapper. Nếu khung của trang web bạn để giá trị là % chẳng hạn. Thì khi độ phân giải thay đổi, nó cũng thay đổi theo độ phân giải màn hình. Bạn nên xem lại bước lập css của khung web
Chào Demon Warlock, cho mình hỏi tí, mình thấy trong video bạn code CSS backgound là:
`
background: white url(__abENT__#46;__abENT__#46;__abENT__#46;__abENT__#46;__abENT__#46;__abENT__#46;) no-repeat top left scroll;`Vậy “scroll” ở đây có tác dụng gì vậy?
Chắc hẳn bạn cũng đã từng thấy những trang web, khi kéo xuống chỉ phần nội dung bên trong bị kéo xuống, còn background phía ngoài nằm yên chứ. Chính là thuộc tính này.
- Scroll : Chạy theo scroll của trình duyệt
- Fixed : Đứng yên khi kéo trình duyệt.
Goodluck
Hi Clackken Smith, vậy giá nếu mình chỉ để là
‘background: white url(……) no-repeat top left;’
thì giá trị mặc định của nó là scroll phải không, vì khi không để scroll thì background nó vẫn chạy theo trình duyệt mà.
@Hiyanmi
Mời bác đọc http://www.izwebz.com/faqs/
Cho mình hỏi là trong video clip này,bạn sử dụng phần mềm gì để có thể vừa code css,vừa theo dõi được thay đổi trên trình duyệt vậy?
Thanks Demon Warlock nhìu
Ok! tôi đã upload lại 2 file .avi rồi đó! lần này không nén bằng winrar nữa mà chia file bằng hjsplit. Hy vọng sẽ không bị lỗi nữa.
Nếu có lỗi thì dùng Rar Repair Tool thử xem sao
http://softvnn.com/forum/showthread.php?t=112856
em muốn học lập trình PHP nhưng mà em chưa biết dùng phần mềm nào để học và cách cài đặt nó như thế nào để hoc cả mong anh giúp đỡ em có tài liệu j hay anh sent vào mail cho em nha thankyou