Video Screencasts 2025, Tháng BảY

# 140: Tạo kiểu Đăng ký Diễn đàn - Thủ thuật CSS

# 140: Tạo kiểu Đăng ký Diễn đàn - Thủ thuật CSS

Chúng tôi vẫn còn nằm sâu trong khu vực Diễn đàn. Trong video màn hình này, chúng tôi xem xét trang đăng ký. Một trang khá quan trọng khác vì chúng tôi muốn trải nghiệm "

# 137: Diễn đàn Wrangling, Phần 4, Kiểm soát - Thủ thuật CSS

# 137: Diễn đàn Wrangling, Phần 4, Kiểm soát - Thủ thuật CSS

Chúng tôi bắt đầu ngay việc tạo kiểu cho khu vực nội dung chính của trang chủ của Diễn đàn. Có thể cho rằng phần quan trọng nhất của diễn đàn, vì đây là điều đầu tiên "

# 139: Tạo kiểu chủ đề cho từng diễn đàn cá nhân - Thủ thuật CSS

# 139: Tạo kiểu chủ đề cho từng diễn đàn cá nhân - Thủ thuật CSS

Bạn có thể tranh luận rằng trang chủ của Diễn đàn là trang quan trọng nhất, nhưng cũng có những lập luận xác đáng cho các lượt xem chuỗi riêng lẻ là "

# 138: Diễn đàn Tạo kiểu trang chủ - Thủ thuật CSS

# 138: Diễn đàn Tạo kiểu trang chủ - Thủ thuật CSS

Đó là một chặng đường dài để kiểm soát tất cả các phần chúng tôi cần, với một vài cuộc đấu tranh và bất ngờ trên đường đi. Cuối cùng chúng ta cũng có thể nhận được "

# 134: Diễn đàn Wrangling, Phần 2 - Thủ thuật CSS

# 134: Diễn đàn Wrangling, Phần 2 - Thủ thuật CSS

Trong video này, chúng tôi tiếp tục tìm hiểu mã của Diễn đàn Vanilla và bắt đầu chủ đề của chúng tôi. Chúng tôi đưa ra quyết định ngay lập tức để thực hiện một động thái điên rồ "

# 135: Diễn đàn Wrangling, Phần 3, Đăng nhập - Thủ thuật CSS

# 135: Diễn đàn Wrangling, Phần 3, Đăng nhập - Thủ thuật CSS

Chúng tôi tiếp tục đào sâu vào khu vực Diễn đàn của trang web. Cho đến nay, chúng tôi đã làm rất tốt, nhưng càng đào sâu thì mọi thứ sẽ càng trở nên khó khăn hơn. "

# 136: Tìm hiểu Ghi đè chủ đề của Diễn đàn Vanilla - Thủ thuật CSS

# 136: Tìm hiểu Ghi đè chủ đề của Diễn đàn Vanilla - Thủ thuật CSS

Chúng tôi đã cố gắng quyết định xem chúng tôi có thể giành chiến thắng trong cuộc chiến cho hình thức đăng nhập tĩnh hay không. Chúng tôi có thể có thể, nhưng khi chơi nhiều hơn với các diễn đàn, chúng tôi "

# 133: Diễn đàn Wrangling, Phần 1 - Thủ thuật CSS

# 133: Diễn đàn Wrangling, Phần 1 - Thủ thuật CSS

Trong video màn hình này, chúng ta sẽ thực sự đi sâu vào mã của khu vực Diễn đàn. Tệp "chính" của các diễn đàn, nếu có một thứ như vậy, là default.master.php. "

# 132: Giới thiệu về Diễn đàn - Thủ thuật CSS

# 132: Giới thiệu về Diễn đàn - Thủ thuật CSS

Trong video màn hình này, chúng tôi đi sâu vào một phần hoàn toàn mới của trang web: Diễn đàn! Đây là một khu vực rộng lớn của trang web. Có lẽ không quá nhiều xe cộ (tôi luôn luôn "

# 131: Xây dựng thêm mô-đun trang chủ - Thủ thuật CSS

# 131: Xây dựng thêm mô-đun trang chủ - Thủ thuật CSS

Trong video màn hình này, chúng tôi bắt đầu xây dựng thêm một số mô-đun mà chúng tôi dự định có trên trang chủ. Chỉ cần một chút chỉnh sửa và chúng tôi đang hiển thị ba điểm nóng "

# 130: Tạo kiểu cho Trang Lưu trữ Bài viết - Thủ thuật CSS

# 130: Tạo kiểu cho Trang Lưu trữ Bài viết - Thủ thuật CSS

Trang lưu trữ bài viết trên CSS-Tricks là khá quan trọng. Thay vì có các bài đăng trên blog được phân trang như hầu hết các blog khác, tôi chỉ đơn giản là liên kết đến các kho lưu trữ. "

# 129: Chụp ảnh Thêm Mô-đun Trang chủ - Thủ thuật CSS

# 129: Chụp ảnh Thêm Mô-đun Trang chủ - Thủ thuật CSS

Trong video màn hình này, chúng tôi đào sâu vào việc thêm một số mô-đun khác vào trang chủ của trang web. Công cụ khá quan trọng! Hiện tại, chúng tôi chỉ có một số ít "

# 128: Tạo kiểu cho Trang Ưu đãi - Thủ thuật CSS

# 128: Tạo kiểu cho Trang Ưu đãi - Thủ thuật CSS

Trong video màn hình này, chúng ta sẽ đi sâu vào phần Giao dịch. Phần Giao dịch thực chất là một "bức tường quảng cáo". Đó là một khu vực của trang web mà mọi người sẽ phải "

# 126: Xây dựng một trang video, Phần 1 - Thủ thuật CSS

# 126: Xây dựng một trang video, Phần 1 - Thủ thuật CSS

Trong video màn hình, chúng tôi tìm hiểu kỹ về HTML và CSS và mẫu WordPress là một trang video duy nhất. Chúng tôi đã thiết kế cách chúng tôi muốn cái này hiển thị trong "

# 127: Xây dựng một trang video, Phần 2 - Thủ thuật CSS

# 127: Xây dựng một trang video, Phần 2 - Thủ thuật CSS

Trong video màn hình này, chúng tôi sẽ hoàn thành mã-wranglin 'mẫu cho các video đơn lẻ. Chúng tôi bắt đầu bằng cách tổ chức CSS của chúng tôi một chút. Một số video.scss "

# 125: Chụp ảnh Trang Video Đơn - Thủ thuật CSS

# 125: Chụp ảnh Trang Video Đơn - Thủ thuật CSS

Trong video màn hình này, chúng tôi đào sâu vào thiết kế một trang rất quan trọng khác. Đây là một trong những trang mà tôi đã rất hào hứng với việc thiết kế kể từ đầu "

# 122: Xây dựng kho lưu trữ video, Phần 1 - Thủ thuật CSS

# 122: Xây dựng kho lưu trữ video, Phần 1 - Thủ thuật CSS

Trang lưu trữ video là một phần của trang web nơi mọi người có thể duyệt qua tất cả các video miễn phí có sẵn để xem. Nó để duyệt, phải thích trang chủ "

# 123: Xây dựng Kho lưu trữ Video, Phần 2 (Điều hướng) - Thủ thuật CSS

# 123: Xây dựng Kho lưu trữ Video, Phần 2 (Điều hướng) - Thủ thuật CSS

Chúng tôi vừa hoàn thành một phần thú vị của thiết kế lại này, nơi chúng tôi phải loại bỏ một loạt đánh dấu thô trong trang lưu trữ video và thay thế bằng đánh dấu mới "

# 124: Xây dựng Kho lưu trữ Demos - Thủ thuật CSS

# 124: Xây dựng Kho lưu trữ Demos - Thủ thuật CSS

Trong video màn hình này, chúng ta sẽ làm việc trên phần "Demos" của CSS-Tricks. Đó là một khu vực khá phổ biến của trang web, mặc dù thực tế là tôi không đặt là "

# 121: Mẫu cho các trang chung - Thủ thuật CSS

# 121: Mẫu cho các trang chung - Thủ thuật CSS

Chúng tôi xem xét trang liên hệ và quyết định rằng đó là loại trang trên CSS-Tricks rất chung chung và không cần bất kỳ kiểu đặc biệt cụ thể nào tại "

# 120: Chọn Plugin tư cách thành viên cho WordPress - Thủ thuật CSS

# 120: Chọn Plugin tư cách thành viên cho WordPress - Thủ thuật CSS

Trong video màn hình này, chúng ta bắt đầu nói về cách chúng ta sẽ xây dựng khu vực thành viên của CSS-Tricks. Một phần của Kickstarter đã tạo nên toàn bộ điều này "

# 119: Tiêu đề Tùy chỉnh cho Video - Thủ thuật CSS

# 119: Tiêu đề Tùy chỉnh cho Video - Thủ thuật CSS

Tôi nghĩ rằng tôi đã nói trong một video trước rằng chúng tôi đã hoàn thành tất cả các tiêu đề. Đùa thôi! Còn một cái! Cái này dành cho khu vực Video và đã được thực hiện "

# 118: Xem Trang web Trực tiếp với Plugin Trình chuyển đổi Chủ đề - Thủ thuật CSS

# 118: Xem Trang web Trực tiếp với Plugin Trình chuyển đổi Chủ đề - Thủ thuật CSS

Trong video màn hình này, chúng tôi thêm một plugin mới vào trang web cho phép chúng tôi chuyển đổi chủ đề trên trang web trực tiếp, nhưng chỉ để chúng tôi (với tư cách là quản trị viên) có thể "

# 117: Tiêu đề Tùy chỉnh cho Giao dịch - Thủ thuật CSS

# 117: Tiêu đề Tùy chỉnh cho Giao dịch - Thủ thuật CSS

Sau sự nhầm lẫn kỳ lạ trong video cuối cùng về tiêu đề mà chúng tôi thực sự đang làm, lần này chúng tôi thực sự sẽ triển khai tiêu đề tùy chỉnh "

# 116: Tiêu đề Tùy chỉnh cho Bản trình diễn - Thủ thuật CSS

# 116: Tiêu đề Tùy chỉnh cho Bản trình diễn - Thủ thuật CSS

Các tiêu đề cuối cùng còn lại đã xuất hiện! Bây giờ chúng tôi có thể hoàn thành chúng và hoàn thành tất cả các tiêu đề tùy chỉnh của chúng tôi. Trong video màn hình này, chúng tôi sẽ làm việc trên tùy chỉnh "

# 115: Thiết lập Google AdSense - Thủ thuật CSS

# 115: Thiết lập Google AdSense - Thủ thuật CSS

Chúng tôi sẽ thêm vào một khu vực quảng cáo mới trên trang web được cung cấp bởi Google AdSense. Chúng tôi đã xóa một vùng BuySellAds cách đây một chút, vì vậy nó không giống như "

# 114: Xây dựng Biểu mẫu Nhận xét - Thủ thuật CSS

# 114: Xây dựng Biểu mẫu Nhận xét - Thủ thuật CSS

Trong video màn hình này, chúng ta sẽ xây dựng biểu mẫu nhận xét bằng HTML / CSS. Đánh dấu cho biểu mẫu nhận xét nằm trong tệp comments.php trong "

# 109: Chuẩn bị cho Bình luận - Thủ thuật CSS

# 109: Chuẩn bị cho Bình luận - Thủ thuật CSS

Tôi rất hào hứng làm việc trên phần bình luận cho trang web này. CSS-Tricks là nơi có một số cuộc thảo luận tuyệt vời, cảm ơn tất cả những người bạn tốt. Đang thiết kế "

# 113: Hình thức bình luận qua Photoshopping - Thủ thuật CSS

# 113: Hình thức bình luận qua Photoshopping - Thủ thuật CSS

Trong video màn hình này, chúng tôi quay trở lại Photoshop và tự thiết kế biểu mẫu nhận xét. Như trong, người dùng đầu vào và vùng văn bản cần điền để để lại dấu "

# 112: Xây dựng Nhận xét Tóm tắt Chủ đề - Thủ thuật CSS

# 112: Xây dựng Nhận xét Tóm tắt Chủ đề - Thủ thuật CSS

Ngay ở phần cuối của screencast cuối cùng, chúng tôi đã phát hiện ra rằng thiết kế Photoshop của chúng tôi, đơn giản như vậy, có một vấn đề sẽ quá khó để "